
<div class="row">
    <div class="col-xs-12">
        <?php if(session()->has('settings_saved')): ?>
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <strong><?php echo e(session('settings_saved')); ?></strong>
            </div>
        <?php endif; ?>

        <?php if(session()->has('settings_not_saved')): ?>
            <div class="alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span class="glyphicon glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                <strong>&nbsp;<?php echo app('translator')->getFromJson('Error:'); ?></strong> <?php echo e(session('settings_not_saved')); ?>

            </div>
        <?php endif; ?>

        <?php echo $__env->make('includes.form_errors', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <ul id="css-editor-nav-tabs" class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#admin"
                aria-controls="admin"
                role="tab"
                data-toggle="tab"
                ><?php echo app('translator')->getFromJson('Admin Panel Customization'); ?></a>
            </li>
            <li role="presentation">
                <a href="#panel"
                aria-controls="panel"
                role="tab"
                data-toggle="tab"
                ><?php echo app('translator')->getFromJson('Store Theme Customization'); ?></a>
            </li>
        </ul>

        <div class="tab-content text-justify">

            <div role="tabpanel" class="tab-pane active" id="admin">

                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                        <?php echo Form::open(['method'=>'patch', 'action'=>'ManageAppSettingsController@updateAdminCSS', 'onsubmit'=>'submit_button.disabled = true; submit_button.value = "' . __('Please Wait...') . '"; return true;']); ?>


                        <h4 class="text-center"><?php echo app('translator')->getFromJson('CSS Editor - Admin Panel Customization'); ?></h4>

                        <div class="css_editor_div_css col-md-12 ">
                            <h4 class="mt-2"><?php echo app('translator')->getFromJson('Panel Colors'); ?></h4>
                            <div id="cp2" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('manage_panel_main_color') ? ' has-error' : ''); ?>">
                                <label for="manage_panel_main_color"><strong><?php echo app('translator')->getFromJson('Manage Panel Main Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="manage_panel_main_color" value="<?php echo e(config('customcss.manage_panel_main_color')); ?>" name="manage_panel_main_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp3" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('manage_panel_side_color') ? ' has-error' : ''); ?>">
                                <label for="manage_panel_side_color"><strong><?php echo app('translator')->getFromJson('Manage Panel Sidebar Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="manage_panel_side_color" value="<?php echo e(config('customcss.manage_panel_side_color')); ?>" name="manage_panel_side_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp4" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('manage_panel_title_color') ? ' has-error' : ''); ?>">
                                <label for="manage_panel_title_color"><strong><?php echo app('translator')->getFromJson('Manage Panel Title Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="manage_panel_title_color" value="<?php echo e(config('customcss.manage_panel_title_color')); ?>" name="manage_panel_title_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp4" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('manage_panel_text_color') ? ' has-error' : ''); ?>">
                                <label for="manage_panel_text_color"><strong><?php echo app('translator')->getFromJson('Manage Panel Text Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="manage_panel_text_color" value="<?php echo e(config('customcss.manage_panel_text_color')); ?>" name="manage_panel_text_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp4" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('manage_panel_hover_color') ? ' has-error' : ''); ?>">
                                <label for="manage_panel_hover_color"><strong><?php echo app('translator')->getFromJson('Manage Panel Hover Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="manage_panel_hover_color" value="<?php echo e(config('customcss.manage_panel_hover_color')); ?>" name="manage_panel_hover_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp10" class="col-md-8 input-group <?php echo e($errors->has('admin_css') ? ' has-error' : ''); ?>">
                                <label for="admin_css"><strong><?php echo app('translator')->getFromJson('Custom Front Panel Css'); ?></strong></label>
                                <div class="form-group pl-0">
                                    <?php echo Form::textarea('admin_css', config('customcss.css_manage'), ['id'=>'admin_css', 'class'=>'form-control', 'placeholder'=>__('Enter CSS'), 'rows'=>10, 'cols'=>10]); ?>

                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <?php echo Form::submit(__('Save Settings'), ['class'=>'btn btn-primary col-xs-6 col-sm-6 pull-left', 'name'=>'submit_button']); ?>

                        </div>

                        <?php echo Form::close(); ?>


                    </div>
                </div>

            </div>

            <div role="tabpanel" class="tab-pane" id="panel">

                <div class="row">
                    <div class="col-xs-12 col-sm-10 col-md-12 col-lg-12">

                        <?php echo Form::open(['method'=>'patch', 'action'=>'ManageAppSettingsController@updatePanelCSS', 'onsubmit'=>'submit_button.disabled = true; submit_button.value = "' . __('Please Wait...') . '"; return true;']); ?>


                        <h4 class="text-center"><?php echo app('translator')->getFromJson('CSS Editor - Store Theme Customization'); ?></h4>

                        <div class="css_editor_div_css col-md-12 form-group<?php echo e($errors->has('panel_css') ? ' has-error' : ''); ?>">

                            <div class="">
                                <label>
                                    <input type="checkbox" name="front_header_full_width"
                                           <?php if(config('customcss.front_header_full_width')): ?>
                                                checked
                                            <?php endif; ?>
                                    >
                                    <strong><?php echo app('translator')->getFromJson('Front Panel Header Full Width'); ?></strong>
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="front_footer_full_width"
                                           <?php if(config('customcss.front_footer_full_width')): ?>
                                                checked
                                            <?php endif; ?>
                                    >
                                    <strong><?php echo app('translator')->getFromJson('Front Panel Footer Full Width'); ?></strong>
                                </label>
                            </div>

                            <h4 class="mt-2"><?php echo app('translator')->getFromJson('Panel Colors'); ?></h4>
                            <div id="cp2" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('panel_css') ? ' has-error' : ''); ?>">
                                <label for="store_primary_color"><strong><?php echo app('translator')->getFromJson('Main Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="store_primary_color" value="<?php echo e(config('customcss.css_front_primary')); ?>" name="panel_css" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp3" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('panel_css_secondary') ? ' has-error' : ''); ?>">
                                <label for="store_secondary_color"><strong><?php echo app('translator')->getFromJson('Background Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="store_secondary_color" value="<?php echo e(config('customcss.css_front_secondary')); ?>" name="panel_css_secondary" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp4" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('panel_btn_color') ? ' has-error' : ''); ?>">
                                <label for="panel_btn_color"><strong><?php echo app('translator')->getFromJson('Button Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="panel_btn_color" value="<?php echo e(config('customcss.panel_btn_color')); ?>" name="panel_btn_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp5" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('panel_btn_hover_color') ? ' has-error' : ''); ?>">
                                <label for="panel_btn_hover_color"><strong><?php echo app('translator')->getFromJson('Button Hover Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="panel_btn_hover_color" value="<?php echo e(config('customcss.panel_btn_hover_color')); ?>" name="panel_btn_hover_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp6" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('head_foot_text_color') ? ' has-error' : ''); ?>">
                                <label for="head_foot_text_color"><strong><?php echo app('translator')->getFromJson('Header And Footer Text Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="head_foot_text_color" value="<?php echo e(config('customcss.head_foot_text_color')); ?>" name="head_foot_text_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp7" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('head_foot_icon_color') ? ' has-error' : ''); ?>">
                                <label for="head_foot_icon_color"><strong><?php echo app('translator')->getFromJson('Header And Footer Icons Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="head_foot_icon_color" value="<?php echo e(config('customcss.head_foot_icon_color')); ?>" name="head_foot_icon_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>

                            </div>

                            <div id="cp8" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('link_hover_color') ? ' has-error' : ''); ?>">
                                <label for="link_hover_color"><strong><?php echo app('translator')->getFromJson('Anchor Link Hover Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="link_hover_color" value="<?php echo e(config('customcss.link_hover_color')); ?>" name="link_hover_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>
                            </div>

                            <div id="cp10" class="col-md-4 input-group colorpicker colorpicker-component <?php echo e($errors->has('header_text_color') ? ' has-error' : ''); ?>">
                                <label for="header_text_color"><strong><?php echo app('translator')->getFromJson('Header Text Color'); ?></strong></label>
                                <div class="form-group custom_css_edit_div">
                                    <input type="text" id="header_text_color" value="<?php echo e(config('customcss.header_text_color')); ?>" name="header_text_color" class="form-control" />
                                    <span class="input-group-addon"><i></i></span>
                                </div>
                            </div>

                            <div id="cp9" class="col-md-8 input-group <?php echo e($errors->has('store_css') ? ' has-error' : ''); ?>">
                                <label for="store_css"><strong><?php echo app('translator')->getFromJson('Custom Front Panel Css'); ?></strong></label>
                                <div class="form-group pl-0">
                                    <?php echo Form::textarea('store_css', config('customcss.css_front'), ['id'=>'store_css', 'class'=>'form-control', 'placeholder'=>__('Enter CSS'), 'rows'=>10, 'cols'=>10]); ?>

                                </div>
                            </div>

                        </div>

                        <div class="form-group">
                            <?php echo Form::submit(__('Save Settings'), ['class'=>'btn btn-primary col-xs-6 col-sm-6 pull-left', 'name'=>'submit_button']); ?>

                        </div>

                        <?php echo Form::close(); ?>


                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
<?php $__env->startSection('colorPickerJs'); ?>

    <script src="<?php echo e(asset('css/colorpicker/colorpicker.js')); ?>"></script>
    <script type="text/javascript">
        $('.colorpicker').colorpicker();
    </script>
<?php $__env->stopSection(); ?>
