@extends('admin.layouts.app')
@section('contents')
    <div>
        <ul class="breadcrumb">
            <li> <a href="javascript:;">Site Pages Contents</a> </li>
            <li> <a href="javascript:;">Detail</a> </li>
        </ul>
    </div>
    <div class="row">
        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <div class="box-icon">
                    </div>
                </div>
                <div class="box-content">
                    <form method="POST" action="{{ route('admin.update_page',['id'=>$page->page_id??'']) }}" id="update_page" enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="control-group">
                            <label class="control-label" for="selectError">Page Name <font style="color: red;">*</font></label>
                            <div class="controls">
                                <select name="page_id" id="page_id" data-rel="chosen" onChange="javascript: refreshForm(this.value);">
                                    <option value="">Select Page</option>
                                    @foreach($pages as $page_info)
                                        <option value="{{ $page_info->page_id }}" {{ isset($page)&&!empty($page)&&$page->page_id==$page_info->page_id?'selected':'' }}>{{ $page_info->page_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                                            </form>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
@endsection
@push('scripts')
    <script src="//cdn.ckeditor.com/4.17.2/full/ckeditor.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
    <script>
        $(document).ready(function() {
            CKEDITOR.replace('editor2');
            CKEDITOR.replace('editor');
        });
        $("#update_page").validate();
        function refreshForm(id){
            window.location.href='{{ url('admin/content-pages') }}'+'/'+id
        }
    </script>
    @if(session()->has('success'))
        <script>
            Swal.fire({
                icon: 'success',
                title: '{{ session()->get('success') }}'
            })
        </script>
    @endif
    @if(session()->has('error'))
        <script>
            Swal.fire({
                icon: 'error',
                title: '{{ session()->get('error') }}'
            })
        </script>
    @endif
@endpush