@extends('layouts.app')
@section('title', 'Settings | Blog')
@section('extrastyles')
    <link href="{{ asset('/plugins/colorpicker/css/colorpicker.min.css') }}" rel="stylesheet">
    <style>
        .box_view {
            padding: 10px;
            border: 1px solid lightgrey;
            margin: 10px 0px;
        }
    </style>
@endsection

@section('content')
    <div class="wrapper wrapper-content animated fadeIn">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                <div class="ibox-title2">
                        <h5>Settings</h5>
                      </div>
                    <div class="ibox-content p-md">
                        @include('flash::message')
                        <div class="clearfix"></div>
                        <div class="tabs-container">
                            <ul class="nav nav-tabs" role="tablist">
                                <li>
                                    <a class="nav-link active" href="#tab-general" role="tab" data-title="General" data-toggle="tab">
                                        <span class="nav-link-in">
                                            <i class="fa fa-gear" aria-hidden="true"></i> General
                                        </span>
                                    </a>
                                </li>
{{--                                <li>--}}
{{--                                    <a class="nav-link" href="#tab-sidebar" role="tab" data-title="Sidebar" data-toggle="tab">--}}
{{--                                        <span class="nav-link-in">--}}
{{--                                            <i class="fa fa-bars" aria-hidden="true"></i> Sidebar--}}
{{--                                        </span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <a class="nav-link" href="#tab-banner" role="tab" data-title="Banner" data-toggle="tab">--}}
{{--                                        <span class="nav-link-in">--}}
{{--                                            <i class="fa fa-picture-o" aria-hidden="true"></i> Banner & Gallery Settings--}}
{{--                                        </span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <a class="nav-link" href="#tab-detail-page" role="tab" data-title="Detail Page" data-toggle="tab">--}}
{{--                                        <span class="nav-link-in">--}}
{{--                                            <i class="fa fa-th" aria-hidden="true"></i> Detail Page Settings--}}
{{--                                        </span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
                            </ul>
                            {!! Form::open(['novalidate' => 'novalidate','files' => true, 'onSubmit' => 'return savePostSetting()','id' => 'frm_general']) !!}
                            <div class="tab-content">
                                <div id="tab-general" class="tab-pane active" role="tabpanel">
                                    <div class="panel-body active">
                                        @include('Website::blog-setting._tab_general')
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
{{--                                <div id="tab-sidebar" class="tab-pane" role="tabpanel">--}}
{{--                                    <div class="panel-body">--}}
{{--                                        @include('Website::blog-setting._tab_sidebar')--}}
{{--                                        <div class="clearfix"></div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div id="tab-banner" class="tab-pane" role="tabpanel">--}}
{{--                                    <div class="panel-body">--}}
{{--                                        @include('Website::blog-setting._tab_banner')--}}
{{--                                        <div class="clearfix"></div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div id="tab-detail-page" class="tab-pane" role="tabpanel">--}}
{{--                                    <div class="panel-body">--}}
{{--                                        @include('Website::blog-setting._tab_detail_page')--}}
{{--                                        <div class="clearfix"></div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                <button type="submit" class="btn btn-primary mt-4">Update</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="studio98_websters">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content p-md">
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('Website::layout._gallery_popup')

@endsection

@section('footer')
    <script src="{{ asset('/plugins/colorpicker/js/colorpicker.min.js') }}"></script>
    <script>
        var clickedInput = null;
        $(document).ready(function () {

            var hash = window.location.hash;
            hash = hash.replace('#','');
            hash = hash.split('/');
            if(hash[0] != ''){
                var parentNav = $('#tab-'+hash[0]).closest('.parent_tab').attr('id');
                if(parentNav != undefined && parentNav != '') {
                    $('.nav-tabs a[href="#' + parentNav + '"]').tab('show');
                }
                $('.nav-tabs a[href="#tab-' + hash[0] + '"]').tab('show');
            }

            $('.nav-tabs a').click(function (e) {
                var hasShow = this.hash;
                hasShow = hasShow.replace('tab-','');
                window.location.hash = hasShow;
            });

            $('.clockpicker').colorpicker();
            $('#gallery_manager').on('shown.bs.modal', function (e) {
                $('#gallery_manager .other_file_image,#gallery_manager li#slider_tab').remove();
                if( $('#gallery_manager .use_banner_image').length < 1 ) {
                    $('#gallery_manager').find('.modal-footer').append('<button type="button" class="btn btn-primary use_banner_image">Insert Image</button>');
                }
            });

            $(document).on('click', '#gallery_manager .use_banner_image', function() {
                if( $('#gallery_manager li.selected').length > 0 ) {
                    var media_id = $('#gallery_manager li.selected a').data('id');
                    var media_url = $('#gallery_manager li.selected a').data('src');
                    var media_title = $('#gallery_manager li.selected a').attr('title');
                    $('#' + clickedInput).val(media_id);
                    $('#gallery_manager').modal('hide');
                }
            });


            $('#enable_top_custom_filters').change(function () {
                if($(this).is(':checked')) {
                    $('.top_custom_filters_detail').slideDown();
                } else {
                    $('.top_custom_filters_detail').slideUp();
                }
            });

            $('#post_comment').change(function () {
                if($(this).is(':checked')) {
                    $('.comment_settings').slideDown();
                } else {
                    $('.comment_settings').slideUp();
                }
            });
            $('#show_blog_gallery').change(function () {
                if($(this).is(':checked')) {
                    $('.blog_gallery_details').slideDown();
                } else {
                    $('.blog_gallery_details').slideUp();
                }
            });

            $('#enable_content_filter_other_post').change(function () {
                if($(this).is(':checked')) {
                    $('.content_filter_other_posts').slideDown();
                } else {
                    $('.content_filter_other_posts').slideUp();
                }
            });

            $('#show_sidebar_post_category_list').change(function () {
                if($(this).is(':checked')) {
                    $('.sidebar_category_show_type').show();
                } else {
                    $('.sidebar_category_show_type').hide();
                }
            });

            $('#enable_post_search_by_custom_field').change(function () {
                if($(this).is(':checked')) {
                    $('.custom_field_search_settings').show();
                } else {
                    $('.custom_field_search_settings').hide();
                }
            });

            $('#enable_post_list_page_custom_field').change(function () {
                if($(this).is(':checked')) {
                    $('.custom_field_listing_page_settings').show();
                } else {
                    $('.custom_field_listing_page_settings').hide();
                }
            });
            $('#show_excerpt').change(function () {
                var show_excerpt = $(this).prop('checked');
                if(show_excerpt == 1) {
                    $('.show_excerpt_paragraph').show();
                } else {
                    $('.show_excerpt_paragraph').hide();
                }
            });
            $('#list_page_show_excerpt').change(function () {
                var show_excerpt = $(this).prop('checked');
                if(show_excerpt == 1) {
                    $('.list_page_show_excerpt_paragraph').show();
                } else {
                    $('.list_page_show_excerpt_paragraph').hide();
                }
            });
            $('#list_page_show_excerpt_full_content').change(function () {
                var show_excerpt = $(this).prop('checked');
                if(show_excerpt == 1) {
                    $('.list_page_show_excerpt_full_content_limit').show();
                } else {
                    $('.list_page_show_excerpt_full_content_limit').hide();
                }
            });
            $('#show_excerpt_first_paragraph').change(function () {
                var show_excerpt = $(this).prop('checked');
                if(show_excerpt == 1) {
                    $('#show_excerpt_full_content').prop('checked', false).change();
                }
            });
            $('#show_excerpt_full_content').change(function () {
                var show_excerpt = $(this).prop('checked');
                if(show_excerpt == 1) {
                    $('#show_excerpt_first_paragraph').prop('checked', false).change();
                    $('.show_excerpt_full_content_limit').show();
                } else {
                    $('.show_excerpt_full_content_limit').hide();
                }
            });
            $('#post_sidebar').change(function () {
                if(this.checked) {
                    $('#left_or_right_sidebar').show();
                } else {
                    $('#left_or_right_sidebar').hide();
                }
            });
            $('#enable_post_external_url').on('change', function () {
                if($(this).is(':checked')) {
                    $('.enable_post_external_url_detail').show();
                } else {
                    $('.enable_post_external_url_detail').hide();
                }
            });
            $('#list_page_show_custom_fields').on('click', function () {
                if($(this).prop('checked')) {
                    $('.list_page_custom_fields').slideDown();
                } else {
                    $('.list_page_custom_fields').slideUp();
                }
            });
            $('#show_custom_fields').on('click', function () {
                if($(this).prop('checked')) {
                    $('.custom_fields').slideDown();
                } else {
                    $('.custom_fields').slideUp();
                }
            });

            $('#post_breadcrumb').on('change', function () {
                if(this.checked) {
                    $('.post_breadcrumb_separator').show();
                } else {
                    $('.post_breadcrumb_separator').hide();
                }
            });
            $('#show_custom_header').change(function () {
                ($(this).is(':checked')) ? $('.custom_header_bg').show() : $('.custom_header_bg').hide();
            });
            $('#post_related_item_show').on('change', function () {
                if(this.checked) {
                    $('.post_related_items_num').show();
                } else {
                    $('.post_related_items_num').hide();
                }
            });
            $('#show_social_share_icons').on('change', function () {
                if($(this).is(':checked')) {
                    $('.social_share_icon_code').show();
                } else {
                    $('.social_share_icon_code').hide();
                }
            });
        });
        $('.set_feature_image').on('click', function () {
            clickedInput = $(this).closest('div').find("input[type='hidden']").attr("id");
            openGallery();
        });
        function savePostSetting(id)
        {
            var name = $('#frm_general input[name=post_type]');
            if(name.val() == '') {
                name.focus();
                return false;
            }
            var btn = $('#frm_general button[type=submit]');
            processBtnDisable(btn);
            var form = document.forms.namedItem("frm_general");
            var formdata = new FormData(form);
            $.ajax({
                method: 'POST',
                url: '{{ blog_url('setting/store-setting')}}',
                data: formdata,
                dataType: 'json',
                processData: false,
                contentType: false
            }).done(function() {
                location.reload();
            }).fail(function(response) {
                response = response.responseJSON;
                $.each(response, function(i, item) {
                    $('#frm_general #' + i).css('border-color', 'red');
                });
                revertProcessBtnDisable(btn,'Update');
                toastrShow('Setting has been updated Sucessfully!','Success');
            });
            return false;
        }

        function openGallery() {
            var search_str = $('#gallery_manager').find('.media_search_str').val();
            $.ajax({
                method: 'GET',
                url: base_url + '/website/media/gallery?search_str='+search_str,
            }).done(function(data) {
                $('#gallery_manager .modal-body').html(data);
                $('#gallery_manager').modal('show');
                loadMoreImages();
            });
        }
    </script>
@endsection