<div class="bdt-modal-overlay" id="bdthemes-templates-builder-modal" style="display: none">
    <div id="bdthemes-templates-builder-modal-wrapper">
        <div class="bdt-template-modal-header">
            <div class="bdt-modal-logo-wrap">
                <span class="bdt-logo-text"><?php _e("New Template","bdthemes-element-pack"); ?></span>
            </div>
            <div class="bdt-modal-close-button">
                <a href="javascript:void(0)">
                    <i class="eicon-editor-close"></i>
                </a>
            </div>
        </div>
        <div class="bdt-template-modal-main-wrap">
            <div class="bdt-modal-content-wrap">
                <h3 class="bdt-modal-title"><?php _e("Templates Help You Work Efficiently","bdthemes-element-pack"); ?></span>
                </h3>
                <div class="bdt-modal-desc"><?php _e("Use templates to create the different pieces of your site, and reuse them with one click whenever needed.","bdthemes-element-pack"); ?>
                </div>
            </div>
            <div class="bdt-modal-form-wrap">
                <form class="bdt-modal-form" method="post">
                    <input type="hidden" name="template_id" value="" class="template_id" />
                    <div class="bdt-form-title"><?php _e("Choose Template Type","bdthemes-element-pack"); ?></div>
                    <label for="template_type"><?php _e("Select the type of template you want to work on","bdthemes-element-pack"); ?></label>
                    <select name="template_type" id="template_type">
                        <option value=""><?php _e("select","bdthemes-element-pack"); ?></option>
                        <?php

                        $templates = \ElementPack\Includes\Builder\Builder_Template_Helper::templateForSelectDropdown();
                        $separator = \ElementPack\Includes\Builder\Builder_Template_Helper::separator();

                        // print_r($separator);


                        // It is single
                        if (count($templates) == 1) {
                            $templateKey = array_key_last($templates);
                            $template    = $templates[$templateKey];
                            foreach ($template as $key => $item) :
                                $selectValue = "{$templateKey}{$separator}{$key}";
                        ?>
                                <option value="<?php echo esc_attr($selectValue) ?>"><?php echo esc_attr($item) ?></option>
                                <?php
                            endforeach;
                        }

                        if (count($templates) > 1) {
                            foreach ($templates as $keys => $items) :
                                $label = ucwords(str_replace(['-', '_'], [' '], $keys));
                                if (is_array($items)) {
                                ?>
                                    <optgroup label="<?php echo wp_kses_post($label); ?>">
                                        <?php
                                        foreach ($items as $key => $item) :
                                            $itemValue = "{$keys}{$separator}{$key}"
                                        ?>
                                            <option value="<?php echo esc_attr($itemValue) ?>"><?php echo esc_attr($item) ?></option>
                                        <?php
                                        endforeach;
                                        ?>
                                    </optgroup>
                        <?php
                                }
                            endforeach;
                        }
                        ?>
                    </select>
                    <label for="fname"><?php _e("Name your template","bdthemes-element-pack"); ?></label>
                    <input type="text" name="template_name" id="template_name"  >
                    <select name="template_status" id="template_status">
                        <option value=""><?php _e("select","bdthemes-element-pack"); ?></label></option>
                        <option value="1"><?php _e("Active","bdthemes-element-pack"); ?></label></option>
                        <option value="0"><?php _e("Inactive","bdthemes-element-pack"); ?></label></option>
                    </select>
                    <input class="bdt-modal-submit-btn" type="submit" value="ایجاد الگو">
                </form>
            </div>
        </div>
    </div>
</div>
</div>

<style>
    .input-error {
        border: 1px solid red !important;
    }
</style>