<?= $this-> include('templates/header');?>
<?php 

    $file_path = base_url();
    
    $web_api_file_path = base_url('api-web');
    
    $privacy_policy_file_path = base_url('privacy-policy');
    $terms_file_path = base_url('terms');
    $delete_request_file_path = base_url('account-delete-request');
    
    $sbox_api_file_path = base_url().'sbox_api.php?token=xxxxxxxxx&action';
    
    $sbox_api_device_id_stream = 'action=create&create_type=device_id_stream&username=xxxxxx&password=xxxxxx&dns=https://abc.com&device_id=xxxxxxxxxx';
    $sbox_api_device_id_xtream  = 'action=create&create_type=device_id_xtream&username=xxxxxx&password=xxxxxx&dns=https://abc.com&device_id=xxxxxxxxxx';
    
    $sbox_api_activation_stream = 'action=create&create_type=activation_stream&username=xxxxxx&password=xxxxxx&dns=https://abc.com';
    $sbox_api_activation_xtream  = 'action=create&create_type=activation_xtream&username=xxxxxx&password=xxxxxx&dns=https://abc.com';
?>

<!-- Start: main -->
<main id="nsofts_main">
    <div class="nsofts-container">
        
        <div class="row g-4 mb-3">
            <div class="col-12">
                <div class="card h-100">
                    <div class="card-body p-3">
                        <h5 class="mb-3"><?php echo (isset($pageTitle)) ? $pageTitle : "" ?></h5>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">base_url :  </a><span id="clipboard_base_url"><?=$file_path ?></span></span>
                            <a class="pb-clipboard__link btn_base_url" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_url" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>

                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Privacy Policy :  </a><span id="clipboard_policy"><?=$privacy_policy_file_path ?></span></span>
                            <a class="pb-clipboard__link btn_policy" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_url" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                        
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Terms & Conditions :  </a><span id="clipboard_terms"><?=$terms_file_path ?></span></span>
                            <a class="pb-clipboard__link btn_terms" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_url" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-4 mb-3">
            <div class="col-12">
                <div class="card h-100">
                    <div class="card-body p-3">
                        <h5 class="mb-3">Play Store Policy</h5>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Account Delete Request :  </a><span id="clipboard_delete"><?=$delete_request_file_path ?></span></span>
                            <a class="pb-clipboard__link btn_delete_ac" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_url" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row g-4 mb-3">
            <div class="col-12">
                <div class="card h-100">
                    <div class="card-body p-3">
                        <h5 class="mb-3">Custom API</h5>
                        <div class="pb-clipboard mb-3">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Api Url :  </a><span id="clipboard_1"><?=$sbox_api_file_path ?></span></span>
                            <a class="pb-clipboard__link btn_delete_1" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_1" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                        
                        <h6 class="mb-3 mt-4">Create User Device ID</h6>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">1-Stream :  </a><span id="clipboard_2"><?=$sbox_api_device_id_stream ?></span></span>
                            <a class="pb-clipboard__link btn_delete_2" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_2" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Xtream Codes or XUI :  </a><span id="clipboard_3"><?=$sbox_api_device_id_xtream ?></span></span>
                            <a class="pb-clipboard__link btn_delete_3" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_3" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                        
                        <h6 class="mb-3 mt-4">Create User Activation Code</h6>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">1-Stream :  </a><span id="clipboard_4"><?=$sbox_api_activation_stream ?></span></span>
                            <a class="pb-clipboard__link btn_delete_4" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_4" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                        <div class="pb-clipboard mb-2">
                            <span class="pb-clipboard__url"><a class="fw-bold text-decoration-none" style="color: var(--ns-primary);">Xtream Codes or XUI :  </a><span id="clipboard_5"><?=$sbox_api_activation_xtream ?></span></span>
                            <a class="pb-clipboard__link btn_delete_5" href="javascript:void(0);" data-clipboard-action="copy" data-clipboard-target="#clipboard_base_5" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="top" title="Copy url">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
<!-- End: main -->
<?= $this-> include('templates/footer');?>
<script type="text/javascript">
    $(document).ready(function(event) {
        $(document).on("click", ".btn_base_url", function(e) {
            var el = document.getElementById('clipboard_base_url');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_api_2", function(e) {
            var el = document.getElementById('clipboard_api_2');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_policy", function(e) {
            var el = document.getElementById('clipboard_policy');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_terms", function(e) {
            var el = document.getElementById('clipboard_terms');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_delete_ac", function(e) {
            var el = document.getElementById('clipboard_delete');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        
        
        
        $(document).on("click", ".btn_delete_1", function(e) {
            var el = document.getElementById('clipboard_1');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_delete_2", function(e) {
            var el = document.getElementById('clipboard_2');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_delete_3", function(e) {
            var el = document.getElementById('clipboard_3');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_delete_4", function(e) {
            var el = document.getElementById('clipboard_4');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
        $(document).on("click", ".btn_delete_5", function(e) {
            var el = document.getElementById('clipboard_5');
            var successful = copyToClipboard(el);
            if (successful) {
                $.notify('Copied!', { position:"top right",className: 'success'} );
            } else {
                $.notify('Whoops, not copied!', { position:"top right",className: 'error'} );
            }
        });
    });
</script>