@extends('layouts.app')
@section('title', 'Settings | Website')
@section('extrastyles')
    <style>
        .panel-body label{
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700;
        }
        .note-editable.panel-body{
            height: 200px !important;
        }
    </style>
    <link href="{{ asset('/plugins/summernote/summernote.css') }}" rel="stylesheet">
    <link href="{{ asset('/plugins/summernote/summernote-bs3.css') }}" rel="stylesheet">
@endsection

@section('content')
    <div class="studio98_websters">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                <div class="ibox-title2">
                        <h5>Custom 404 Page</h5>
                       </div>
                    <div class="ibox-content p-md">
                        <div class="panel-body" id="update_website_custom_404_page">
                            <p>Set this text to customize the message shown when a visitor enters a non existing Page.</p>
                            {!! Form::open(['novalidate' => 'novalidate','onsubmit' => 'return updateWebsiteCustomPage(this);']) !!}
                            @include('Website::setting.custom-404-page._form')
                            <div class="row">
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-lg btn-primary pull-right">Save</button>
                                </div>
                            </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/summernote/summernote.min.js') }}"></script>
<script>
    $(document).ready(function() {
        $('.summernote').summernote();
        $('.note-color,.note-height ,.note-help ,.note-fontname, [data-event=removeFormat]').remove();


        $('#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');
                $('.summernote').summernote('insertImage', media_url, typeof media_title !=='undefined' && media_title !=='' ? media_title : 'image');
                $('#gallery_manager').modal('hide');
            }
        });


    });
    function updateWebsiteCustomPage(object)
    {
        /*var sHTML = $('.summernote').summernote('code');
        $('#custom_404').val(sHTML);*/
        return reloadAjaxSubmit('update_website_custom_404_page',"{{ application_url('website/custom-404/update') }}",'name','Submit');
    }

    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