<?php
//© Copyright Approcket. All rights reserved.
//Majoris Panel Script is considered a proprietary software.
//To gain information about the laws regarding the use of these script,
//please visit www.approcket.ir

include('panel_config.php');

?>

<!DOCTYPE html>

<html lang="fa">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>نصب اولیه پنل مدیریت ماجوریس</title>

    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/sweetalert2.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/line-awesome/css/line-awesome.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins/components-elegant-icons/css/elegant-icons.min.css"
        type="text/css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/css/majoris_root.css?<?=CSS_VERSIONS?>">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/css/majoris_style.css?<?=CSS_VERSIONS?>">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/bootstrap-rtl.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/persian-datepicker.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/dropzone.css">

    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/pickr_nano.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/notyf.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/fancybox.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/materialdesignicons.min.css">
    <link rel="stylesheet" href="<?=BASE?>/core/_dist/plugins-css/phosphor_icons.css">


    <link rel="apple-touch-icon" sizes="180x180" href="<?=BASE?>/core/_dist/img/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="<?=BASE?>/core/_dist/img/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="<?=BASE?>/core/_dist/img/fav/favicon-16x16.png">
    <link rel="mask-icon" href="<?=BASE?>/core/_dist/img/fav/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="<?=BASE?>/core/_dist/img/fav/favicon.ico">
    <meta name="msapplication-TileColor" content="#dae2e7">
    <meta name="msapplication-config" content="<?=BASE?>/core/_dist/img/fav/browserconfig.xml">
    <meta name="theme-color" content="#dae2e7">


</head>

<body>

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-4">

<div style="text-align:center;margin-top:5%;padding:30px;">

    <h4 style="font-weight: 300;">به مـاجـوریــس خـوش آمـدید</h4>
    <p style="font-size: 14px;">اپ ساز و سایت ساز نامحدود و یکپارچه ماجوریس</p>

    <p style="font-size: 12px; margin-bottom:40px">راه اندازی اولیه پیشخوان مدیریت</p>

    <div id="step1">

        <div style="text-align:right" class="form-group">
        <label style="font-weight: 400;" class="mppanel_labels">نام مدیر اصلی</label>
        <input type="text" style="direction:rtl;text-align:right;" id="primary_admin_name" class="form-control">
        </div>

        <div style="text-align:right" class="form-group">
        <label style="font-weight: 400;" class="mppanel_labels">ایمیل مدیر اصلی</label>
        <input type="email" style="direction:ltr;text-align:left;" id="primary_admin_email" class="form-control">
        </div>

        <div style="text-align:right" class="form-group">
        <label style="font-weight: 400;" class="mppanel_labels">رمز عبور</label><button id="random_password" style="font-size: 11px;padding: 3px 8px;margin-right: 10px;float: left;" class="btn btn-sm btn-primary">ساخت رمز تصادفی</button>
        <input type="text" style="direction:ltr;text-align:left;" id="primary_admin_pass" class="form-control">

        <p style="font-size: 11px; margin-bottom:30px;margin-top:15px">
        رمز عبور باید حداقل 8 کاراکتر و پیشنهاد میشود 16 کاراکتر باشد. سعی کنید علاوه بر حروف بزرگ و کوچک و اعداد از کاراکترهای خاص نیز در رمز عبور خود استفاده نمایید
        </p>

        </div>

        <div style="text-align:right" class="form-group">
        <label style="font-weight: 400;" class="mppanel_labels">پکیج‌نیم برنامه</label>
        <input type="email" style="direction:ltr;text-align:left;" id="package_name" class="form-control">
        </div>

        <p style="font-size: 11px; margin-bottom:30px;margin-top:15px">
        ‌پکیج‌‌نیم باید مطابق پکیچ‌نیم وارد شده در پنل <a href="https://my.approcket.ir/" target="_blank">اپ‌راکت</a> باشد.
        </p>

        <button id="start_installer_btn" class="btn btn-primary btn-block">شروع!</button>

    </div>

    <div style="display:none" id="step2">
        
        <p style="font-size: 14px; margin-bottom:15px">اطلاعات ورود به حساب</p>
        <label style="font-weight: 400;" class="mppanel_labels">ایمیل</label>
        <div><div class="installerbox" id="show_email"></div></div>
        <label style="font-weight: 400;" class="mppanel_labels">رمزعبور</label>
        <div><div class="installerbox" id="show_password"></div></div>
        <button id="copy_password" style="font-size: 11px;padding: 3px 8px;" class="btn btn-sm btn-primary">کپی رمز عبور</button>
        <div style="display: block;height: 25px;">
            <span id="copy_notif" style="font-size: 12px;color: #90a1aa;margin-top: 10px;display: none;">رمزعبور با موفقیت کپی شد</span>
        </div>

        <p style="font-size: 11px; margin-bottom:30px;margin-top:15px">
        رمز عبور خود را در جایی امن کپی کنید. رمز عبور خود را با کسی به اشتراک نگذارید. پیشنهاد میشود پس از اولین ورود رمز عبور خود را با کمک مرورگر خود ذخیره کنید
        </p>

        <button id="enter_login_page" class="btn btn-primary btn-block">رمز عبور خود را کپی کردم! ورود</button>


    </div>

</div> 

</div>


<div class="col-md-4"></div>

</div>




<!-- footer -->

<script>
    let mpPanelBaseUrl = "<?= BASE ?>";
</script>

<script src="<?= BASE ?>/core/_dist/plugins/jquery/jquery.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/sweetalert2.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/pickr.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/notyf.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/fancybox.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/Sortable.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/jquery-sortable.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/jquery-visibility.js"></script>


<script src="<?= BASE ?>/core/_dist/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/adminlte.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/persian-date.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/persian-datepicker.min.js"></script>
<script src="<?= BASE ?>/core/_dist/plugins-js/dropzone.js"></script>

<script src="<?= BASE ?>/core/_dist/js/main/installer.js?<?=JS_VERSIONS?>"></script>

</body>
