<div class="pxg_admin_content">
        <header class="pxg_header_wrapper">
            <div class="toggle-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="pxg_header_heading">
                <h4><?php echo html_escape($this->lang->line('ltr_admin_settings_txt_1')); ?></h4>
            </div>
        </header>
        <div class="pxg__inner_content pxg_profile_main">
            <div class="pxg_settng_menu_main"> 
                <ul>
                    <li ><a href="javascript:;" class="tablinks active" data-country="frontend-settings">Site Settings</a></li>
                    <li ><a href="javascript:;" class="tablinks" data-country="testimonial-settings">Testimonials</a></li>
                </ul>
            </div>
            <div class="pxg_setting_wrapper_main">                
                <div class="pxg_settings_tab_items">
                    <!-- Frontend Settings starts -->
                    <div id="frontend-settings" class="tabcontent pxg_tabcontent_data active">
                        <form id="site-form" data-posturl="AdminAjax/addSiteSettings" >
                            <div class="row">
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Site Title</label>
                                        <input class="pxg_custom_input require" data-error="Please enter site title" type="text" placeholder="Enter site title" name="site_title" value="<?= isset($site_settings['site_title'])?$site_settings['site_title']:'' ?>" >
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Meta Keywords</label>
                                        <input class="pxg_custom_input require" data-error="Please enter meta keywords" type="text" placeholder="Enter meta keywords" name="meta_keywords" value="<?= isset($site_settings['meta_keywords'])?$site_settings['meta_keywords']:'' ?>" >
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Meta Author</label>
                                        <input class="pxg_custom_input require" data-error="Please enter meta author" type="text" placeholder="Enter meta author" name="meta_author" value="<?= isset($site_settings['meta_author'])?$site_settings['meta_author']:'' ?>" >
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Site Logo</label>
                                        <label class="pxg_upload justify-content-between imgUploadSection">
                                            <input type="hidden" name="old_site_logo" id="old_site_logo" value="<?= isset($site_settings['site_logo'])?$site_settings['site_logo']:'' ?>" <?= (isset($site_settings['site_logo']) && !empty($site_settings['site_logo']))?'class="require"':'' ?>>
                                            <input data-error="site logo" type="file" onchange="$(this).siblings('p').text( $(this)[0].files[0].name );document.getElementById('site_logo_preview').src = window.URL.createObjectURL(this.files[0]);" name="site_logo" class="d-none editable" data-img-types="['image/jpeg', 'image/jpg', 'image/png', 'image/gif']" data-img-size="1">
                                            <span>Upload</span>
                                            <p>file name</p>
                                            <img src="<?= (isset($site_settings['site_logo']) && !empty($site_settings['site_logo']))?base_url($site_settings['site_logo']):'' ?>" id="site_logo_preview" height="50" style="max-width:50px;" />
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Site Favicon</label>
                                        <label class="pxg_upload justify-content-between imgUploadSection">
                                            <input type="hidden" name="old_site_favicon" id="old_site_favicon" value="<?= isset($site_settings['site_favicon'])?$site_settings['site_favicon']:'' ?>" <?= (isset($site_settings['site_favicon']) && !empty($site_settings['site_favicon']))?'class="require"':'' ?>>
                                            <input data-error="site logo" type="file" onchange="$(this).siblings('p').text( $(this)[0].files[0].name );document.getElementById('site_favicon_preview').src = window.URL.createObjectURL(this.files[0])" name="site_favicon" class="d-none editable" data-img-types="['image/jpeg', 'image/jpg', 'image/png', 'image/gif']" data-img-size="1" data-img-width="72" data-img-height="72">
                                            <span>Upload</span>
                                            <p>file name</p>
                                            <img src="<?= (isset($site_settings['site_favicon']) && !empty($site_settings['site_favicon']))?base_url($site_settings['site_favicon']):'' ?>" id="site_favicon_preview" height="50" style="max-width:30px;" />
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12">
                                    <div class="pxg_main_input">
                                        <label>Site Preloader</label>
                                        <label class="pxg_upload justify-content-between imgUploadSection">
                                            <input type="hidden" name="old_site_preloader" id="old_site_preloader" value="<?= isset($site_settings['site_preloader'])?$site_settings['site_preloader']:'' ?>" <?= (isset($site_settings['site_preloader']) && !empty($site_settings['site_preloader']))?'class="require"':'' ?>>
                                            <input data-error="site logo" type="file" onchange="$(this).siblings('p').text( $(this)[0].files[0].name );document.getElementById('site_preloader_preview').src = window.URL.createObjectURL(this.files[0])" name="site_preloader" class="d-none editable" data-img-types="['image/jpeg', 'image/jpg', 'image/png', 'image/gif']" data-img-size="1">
                                            <span>Upload</span>
                                            <p>file name</p>
                                            <img src="<?= (isset($site_settings['site_preloader']) && !empty($site_settings['site_preloader']))?base_url($site_settings['site_preloader']):'' ?>" id="site_preloader_preview" height="50" style="max-width:30px;" />
                                        </label>
                                    </div>
                                </div>
                                <div class="pxg_main_input">
                                    <label>Meta Description</label>
                                    <textarea class="pxg_custom_input require" data-error="Please enter meta description" placeholder="Enter meta description" name="meta_description"><?= isset($site_settings['meta_description'])?$site_settings['meta_description']:'' ?></textarea>
                                </div>
                                <div class="pxg_main_input">
                                    <label>Copyright Text</label>
                                    <input class="pxg_custom_input require" data-error="Please enter copyright text" type="text" placeholder="Enter copyright text" name="site_copyright" value="<?= isset($site_settings['site_copyright'])?$site_settings['site_copyright']:'' ?>" >
                                </div>
                                <div class="pxg_model_btn">
                                    <a class="pxg_btn" data-action="submitMe" data-form="site-form">Save</a>
                                    <a class="pxg_btn" href="<?=base_url();?>" target="_blank">Preview</a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div id="testimonial-settings" class="tabcontent pxg_tabcontent_data ">
                        <form id="testimonial-form" data-posturl="AdminAjax/addTestimonialSettings" >
                            <div class="testimonial-section">
                                <?php if (!empty($testimonial_settings)) { for ($i = 0;$i < $testimonial_count;$i++) { ?>
                                    <div class="row testimonial-row pxg_common_model">
                            <div class="col-lg-12 col-sm-12 d-flex justify-content-between mb-3 flex-wrap gap-2">
                                <h2 class="text-dark my-auto ">Testimonial Section - <span class="testimonial-no"><?= $i+1; ?></span></h2>
                                <a href="javascript:;" class="delete-testimonial-row pxg_btn float-end">Delete</a>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                                <div class="pxg_main_input">
                                    <label>Testimonial Image</label>
                                    <label class="pxg_upload justify-content-between imgUploadSection">
                                        <input type="hidden" name="old_testimonial_image[]" class="old_testimonial_image" value="<?= $testimonial_settings['testimonial_image'][$i]; ?>">
                                        <input data-error="testimonial image" type="file" onchange="$(this).siblings('p').text( $(this)[0].files[0].name );$(this).siblings('.image_preview')[0].src = window.URL.createObjectURL(this.files[0]);" name="testimonial_image[]" class="d-none editable" data-img-types="['image/jpeg', 'image/jpg', 'image/png', 'image/gif']" data-img-size="1">
                                        <span>Upload</span>
                                        <p>file name</p>
                                        <img src="<?= base_url($testimonial_settings['testimonial_image'][$i]); ?>" id="testimonial_image_preview" class="image_preview" height="50" style="max-width:70px;" />
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                                <div class="pxg_main_input">
                                    <label>Testimonial Title</label>
                                    <input class="pxg_custom_input require" data-error="Please enter testimonial title" type="text" placeholder="Enter testimonial title" name="testimonial_title[]" value="<?= $testimonial_settings['testimonial_title'][$i]; ?>" >
                                </div>
                            </div>
                            <div class="pxg_main_input">
                                <label>Testimonial Type</label>
                                <input class="pxg_custom_input require" data-error="Please enter testimonial type" type="text" placeholder="Enter testimonial type" name="testimonial_type[]" value="<?= $testimonial_settings['testimonial_type'][$i]; ?>" >
                            </div>
                            <div class="pxg_main_input">
                                <label>Testimonial Description</label>
                                <textarea class="pxg_custom_input require" data-error="Please enter testimonial description" placeholder="Enter testimonial description" name="testimonial_description[]"><?= $testimonial_settings['testimonial_description'][$i]; ?></textarea>
                            </div>                            
                        </div>
                                    <?php }} else { ?>
                        <div class="row testimonial-row pxg_common_model">
                            <div class="col-lg-12 col-sm-12 d-flex justify-content-between mb-3">
                                <h2 class="text-dark my-auto">Testimonial Section - <span class="testimonial-no">1</span></h2>
                                <a href="javascript:;" class="delete-testimonial-row pxg_btn float-end">Delete</a>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                                <div class="pxg_main_input">
                                    <label>Testimonial Image</label>
                                    <label class="pxg_upload justify-content-between imgUploadSection">
                                        <input type="hidden" name="old_testimonial_image" class="old_testimonial_image" value="">
                                        <input data-error="testimonial image" type="file" onchange="$(this).siblings('p').text( $(this)[0].files[0].name );$(this).siblings('.image_preview')[0].src = window.URL.createObjectURL(this.files[0]);" name="testimonial_image[]" class="d-none editable" data-img-types="['image/jpeg', 'image/jpg', 'image/png', 'image/gif']" data-img-size="1">
                                        <span>Upload</span>
                                        <p>file name</p>
                                        <img src="" id="testimonial_image_preview" class="image_preview" height="50" style="max-width:70px;" />
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                                <div class="pxg_main_input">
                                    <label>Testimonial Title</label>
                                    <input class="pxg_custom_input require" data-error="Please enter testimonial title" type="text" placeholder="Enter testimonial title" name="testimonial_title[]" value="" >
                                </div>
                            </div>
                            <div class="pxg_main_input">
                                <label>Testimonial Type</label>
                                <input class="pxg_custom_input require" data-error="Please enter testimonial type" type="text" placeholder="Enter testimonial type" name="testimonial_type[]" value="" >
                            </div>
                            <div class="pxg_main_input">
                                <label>Testimonial Description</label>
                                <textarea class="pxg_custom_input require" data-error="Please enter testimonial description" placeholder="Enter testimonial description" name="testimonial_description[]"></textarea>
                            </div>                            
                        </div>
                        <?php } ?>
                    </div>
                    <div class="pxg_model_btn">
                        <a href="javascript:;" class="pxg_btn add-testimonial">Add</a>
                        <a class="pxg_btn" data-action="submitMe" data-form="testimonial-form">Save</a>
                    </div>
                    </form>
                    </div>
                    <!-- Frontend Settings Ends -->
                </div>
            </div>
        </div>
    </div>
</div>

<div>