<?php
global $wpdb;
$getintro = $wpdb->get_row('SELECT *  FROM ' . $wpdb->prefix . 'hd_webapp_intro');
if($getintro){
    if($getintro->apps_bar==null)
        $count=0;
    else
        $count= count(json_decode($getintro->apps_bar));
}else{
    $count=0;
}
?>
<div id="file_optimization" class="hdwebapp-Page">
    <div class="hdwebapp-sectionHeader">
        <h2 class="hdwebapp-title1"><?php _e('ساخت معرفی اپلیکیشن', 'niki-saz'); ?></h2>
        <div class="btn-part">
            <?php
            if($count > 0)
            {
                ?>
            <input  type="submit" class="hdwebapp-button" id="openPopup" value="<?php _e( 'نمایش دمو', 'niki-saz' );?>" style="display: block;">
            <?php
            }
            ?>
            <input type="submit" class="hdwebapp-button" id="hdwebapp-add-tab"
                   value="<?php _e('افزودن صفحه معرفی جدید', 'niki-saz'); ?>" style="display: block;">
            <input type="submit" name="submit_app" id="submit_apps" class="hdwebapp-button"
                   value="<?php _e('ذخیره تنظیمات', 'niki-saz') ?>">
        </div>
    </div>
    <div class="hdwebapp-fieldsContainer ">
        <fieldset class="hdwebapp-fieldsContainer-fieldset add-new-element  ui-state-default" style="display:none">
            <div class="add-on-container ">
                <div class="hdwebapp-field drag-part">
                    <div class="hdwebapp-flex">
                        <h4 class="hdwebapp-title3">
                            <?php _e("تنظیمات معرفی اپلیکیشن", 'niki-saz'); ?>
                            : <?php _e("فرم را کامل پر کنید تا صفحه معرفی جدید نمایش داده شود", 'niki-saz'); ?>
                        </h4>
                    </div>
                    <div class="btn-part">
                        <img class="dlt-btn"
                             src="<?php echo plugin_dir_url(dirname(__FILE__)) . '../styles/icons/delete.png'; ?>"
                             width="50">
                        <img class="drg-btn"
                             src="<?php echo plugin_dir_url(dirname(__FILE__)) . '../styles/drag.png'; ?>" width="50">
                    </div>
                </div>
                <div class="hdwebapp-warningContainer">
                    <div class="hdwebapp-field hdwebapp-field--checkbox  hdwebapp-field--parent ">
                        <div class="hdwebapp-parent-flex">
                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                <label class="form-label" for="app_name">
                                    <?php _e('عنوان معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <input type="text" required dir="rtl" id="app_name" name="intro[0][title]"
                                           autocomplete="off">
                                </div>
                            </div>
                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                <label class="form-label" for="app_name">
                                    <?php _e('رنگ عنوان معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <input type="color" dir="ltr" id="intro_title_color_value" class="col-12"
                                           name="intro[0][title_color]" autocomplete="off">
                                </div>
                                <label class="form-label" for="app_name">
                                    <?php _e('رنگ متن معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <input type="color" dir="ltr" id="intro_description_color_value" class="col-12"
                                           name="intro[0][description_color]" autocomplete="off">
                                </div>
                                <label class="form-label" for="app_name">
                                    <?php _e('رنگ پس‌زمینه معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <input type="color" dir="ltr" id="intro_background_color_value" class="col-12"
                                           name="intro[0][background_color]" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="hdwebapp-parent-flex">
                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                <label class="form-label" for="app_name">
                                    <?php _e('متن معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <textarea name="intro[0][description]" style="width: 800px" required dir="rtl" id="app_name"  autocomplete="off"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="hdwebapp-parent-flex">
                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                <label class="form-label" for="app_name">
                                    <?php _e('تصویر معرفی', 'niki-saz'); ?>:
                                </label>
                                <div class="hdwebapp-text">
                                    <input type="text" required dir="ltr" id="app_name" name="intro[0][image]"
                                           autocomplete="off">
                                    <button type="button"
                                            class="btn btn-primary input-group-btn upload_image_svg"><?php _e('انتخاب آیکون', 'niki-saz'); ?></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
        <form action="" method="post" id="form">
            <input type="hidden" value="<?php if (isset($getintro->id)) echo $getintro->id; ?>" name="id">
            <div class="hdwebapp-fieldsContainer tabs-container" id="sortable">
                <?php
                if ($count>0) {
                    foreach (json_decode($getintro->apps_bar) as $key => $apps_barData) {
                        ?>
                        <fieldset class="hdwebapp-fieldsContainer-fieldset ui-state-default">
                            <div class="add-on-container ">
                                <div class="hdwebapp-field drag-part">
                                    <div class="hdwebapp-flex">
                                        <h4 class="hdwebapp-title3">
                                            <?php _e("تنظیمات معرفی اپلیکیشن", 'niki-saz'); ?>
                                            : <?php _e("فرم را کامل پر کنید تا صفحه معرفی جدید نمایش داده شود", 'niki-saz'); ?>
                                        </h4>
                                    </div>
                                    <div class="btn-part">
                                        <img class="dlt-btn"
                                             src="<?php echo plugin_dir_url(dirname(__FILE__)) . '../styles/icons/delete.png'; ?>"
                                             width="50">
                                        <img class="drg-btn"
                                             src="<?php echo plugin_dir_url(dirname(__FILE__)) . '../styles/drag.png'; ?>"
                                             width="50">
                                    </div>
                                </div>
                                <div class="hdwebapp-warningContainer">
                                    <div class="hdwebapp-field hdwebapp-field--checkbox  hdwebapp-field--parent ">
                                        <div class="hdwebapp-parent-flex">
                                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                                <label class="form-label" for="app_name">
                                                    <?php _e('عنوان معرفی', 'niki-saz'); ?>:
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <input type="text" required dir="rtl" id="app_name"
                                                           name="intro[<?php echo $key; ?>][title]"
                                                           value="<?php echo $apps_barData->title; ?>"
                                                           autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                                <label class="form-label" for="app_name">
                                                    <?php _e('رنگ عنوان معرفی', 'niki-saz'); ?>
                                                    :
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <input type="color" dir="ltr" id="intro_title_color_value"
                                                           class="col-12" name="intro[<?php echo $key; ?>][title_color]"
                                                           value="<?php echo $apps_barData->title_color; ?>"
                                                           autocomplete="off">
                                                </div>
                                                <label class="form-label" for="app_name">
                                                    <?php _e('رنگ متن معرفی', 'niki-saz'); ?>
                                                    :
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <input type="color" dir="ltr" id="intro_description_color_value"
                                                           class="col-12" name="intro[<?php echo $key; ?>][description_color]"
                                                           value="<?php echo $apps_barData->description_color; ?>"
                                                           autocomplete="off">
                                                </div>
                                                <label class="form-label" for="app_name">
                                                    <?php _e('رنگ پس‌زمینه معرفی', 'niki-saz'); ?>
                                                    :
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <input type="color" dir="ltr" id="intro_background_color_value"
                                                           class="col-12" name="intro[<?php echo $key; ?>][background_color]"
                                                           value="<?php echo $apps_barData->background_color; ?>"
                                                           autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hdwebapp-parent-flex">
                                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                                <label class="form-label" for="app_name">
                                                    <?php _e('متن معرفی', 'niki-saz'); ?>
                                                    :
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <textarea name="intro[<?php echo $key; ?>][description]" style="width: 800px" required dir="rtl" id="app_name"   autocomplete="off"><?php echo $apps_barData->description; ?></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hdwebapp-parent-flex">
                                            <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                                <label class="form-label" for="app_name">
                                                    <?php _e('تصویر معرفی', 'niki-saz'); ?>:
                                                </label>
                                                <div class="hdwebapp-text">
                                                    <input type="text" required dir="ltr" id="app_name"
                                                           name="intro[<?php echo $key; ?>][image]"
                                                           value="<?php echo $apps_barData->image; ?>"
                                                           autocomplete="off">
                                                    <button type="button"
                                                            class="btn btn-primary input-group-btn upload_image_svg"><?php _e('انتخاب آیکون', 'niki-saz'); ?></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        <?php
                    }
                }
                ?>
            </div>
            <div class="submit_form"
                 style="<?php if (!$getintro || json_decode($getintro->apps_bar) == "") echo "display:none"; ?>">
                <fieldset class="hdwebapp-fieldsContainer-fieldset">
                    <div class="add-on-container ">
                        <div class="hdwebapp-field">
                            <div class="hdwebapp-flex">
                                <h4 class="hdwebapp-title3">
                                    <?php _e("تنظیمات دکمه آخر", 'niki-saz'); ?>
                                </h4>
                            </div>
                        </div>
                        <div class="hdwebapp-warningContainer">
                            <div class="hdwebapp-field hdwebapp-field--checkbox  hdwebapp-field--parent ">
                                <div class="hdwebapp-parent-flex">
                                    <div class="hdwebapp-multiple hdwebapp-multiple-default"
                                         style="flex:auto; width:200px !important;">
                                        <label class="form-label" for="app_name">
                                            <?php _e('متن دکمه آخر', 'niki-saz'); ?>:
                                        </label>
                                        <div class="hdwebapp-text">
                                            <input type="text" required dir="rtl" id="app_name" name="btn_text"
                                                   autocomplete="off" width="200"
                                                   value="<?php if (isset($getintro->last_btn_txt)) echo $getintro->last_btn_txt; ?>">
                                        </div>
                                    </div>
                                    <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                        <label class="form-label" for="app_name">
                                            <?php _e('رنگ متن دکمه آخر', 'niki-saz'); ?>:
                                        </label>
                                        <div class="hdwebapp-text">
                                            <input type="color" dir="ltr" id="last_btn_text_color" class="col-12"
                                                   name="last_btn_text_color" autocomplete="off"
                                                   value="<?php if (isset($getintro->last_btn_txt_color)) echo $getintro->last_btn_txt_color; else echo "#FFFFFF"; ?>">
                                        </div>
                                    </div>
                                    <div class="hdwebapp-multiple hdwebapp-multiple-default">
                                        <label class="form-label" for="app_name">
                                            <?php _e('رنگ پس‌زمینه دکمه آخر', 'niki-saz'); ?>:
                                        </label>
                                        <div class="hdwebapp-text">
                                            <input type="color" dir="ltr" id="last_btn_color" class="col-12"
                                                   name="last_btn_color" autocomplete="off"
                                                   value="<?php if (isset($getintro->last_btn_color)) echo $getintro->last_btn_color; else echo "#2445A"; ?>">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div class="btn-part">
                    <?php wp_nonce_field('create_intro'); ?>
                    <input type="submit" style="display:none" name="submit_app" id="submit_app" class="hdwebapp-button"
                           value="<?php _e('ذخیره تنظیمات', 'niki-saz') ?>">
                </div>
            </div>
        </form>
        <?php
        function package_name($number)
        {
            if (preg_match("/^\d+$/", $number)) {
                return "hd" . $number;
            } else {
                return $number;
            }
        }
        wp_enqueue_media();
        ?>
    </div>
</div>
<script>
    jQuery(document).ready(function ($) {
        $("#sortable").sortable({
            stop: function (ev, ui) {
                var children = $('#sortable').sortable('refreshPositions').children();
                $.each(children, function (key, val) {
                    $(val).find('input').each(function () {
                        this.name = this.name.replace(/\d+/, key);
                    });
                });
            }
        });
        $("#submit_apps").on("click", function () {
            $("#submit_app").click();
        })
    });
</script>
<script>
    document.getElementById('openPopup').addEventListener('click', () => {
        // Open a new popup window
        const popup = window.open(
            '<?=plugin_dir_url(__DIR__)."../../hd-intro.php";?>', // URL to open in the popup
            'popupWindow',        // Name of the popup window
            'width=470,height=920,left=200,menubar=no,resizable=no,scrollbars=yes,location=no,toolbar=no'
        );
        // Check if the popup was blocked
        if (!popup || popup.closed || typeof popup.closed === 'undefined') {
            alert('<?php _e( 'پاپ‌آپ توسط مرورگر مسدود شده است. لطفاً پاپ‌آپ‌ها را برای این سایت فعال کنید.', 'niki-saz' );?>');
        }
    });
</script>