@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Page</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Edit Page</h5>

                    <!-- General Form Elements -->
                    <form role="form" action="{{route('admin-cms-pages.update',$cmsPage->id)}}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('put')

                        <div class="row mb-3">
                            <label for="inputNumber" class="col-sm-2 col-form-label"> Name</label>
                            <div class="col-sm-10">
                                <input type="text" placeholder="Please enter page name" name="name" class="form-control" value="{{ old('name', $cmsPage->name) }}">
                                @if($errors->has('name'))
                                <div class="error">{{ $errors->first('name') }}</div>
                                @endif
                            </div>
                        </div>
                        
                        <div class="row mb-3">
                            <label for="inputNumber" class="col-sm-2 col-form-label">Description</label>
                            <div class="col-sm-10">
                                <textarea placeholder="Please enter Description" name="description" id="description" class="form-control"  style="height: 100px">{{ old('description', $cmsPage->description) }}</textarea>
                                @if($errors->has('description'))
                                <div class="error">{{ $errors->first('description') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="inputNumber" class="col-sm-2 col-form-label">Image</label>
                            <div class="col-sm-10">                            
                                
                                <div class="needsclick dropzone" id="document-dropzone"></div>  

                                @if($errors->has('image'))
                                <div class="error">{{ $errors->first('image') }}</div>
                                @endif
                            </div>
                        </div> 

                        <div class="row mb-3">
                            <label for="inputNumber" class="col-sm-2 col-form-label">Status</label>
                            <div class="col-sm-10">
                                <select class="form-select" aria-label="Default select example" name="status" id="status">
                                    <option value="">---Select---</option>
                                    <option value="1" >Active</option>
                                    <option value="2" >Inactive</option>
                                </select>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-sm-2 col-form-label"></label>
                            <div class="col-sm-10">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <a class="btn btn-default" href="{{ route('admin-cms-pages.index') }}">Back</a>
                            </div>
                        </div>

                    </form><!-- End General Form Elements -->
                    <!-- End General Form Elements -->
                </div>
            </div>
        </div>
    </div>
</section>

<style type="text/css">
    .error {
        color: red;
    }

</style>
@endsection
@push('scripts_footer')   
    <script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script> 

    @include('admin.misc.scripts.dropzone_cms_banner')   

    <script>

        CKEDITOR.replace('description', {
            toolbar : [
                { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
                { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Scayt' ] },
                { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
                { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
                { name: 'tools', items: [ 'Maximize' ] },
                { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source' ] },
                { name: 'others', items: [ '-' ] },
                '/',
                // { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic'] },
                // { name: 'paragraph', items: [ 'NumberedList', 'BulletedList'] },
                { name: 'styles', items: [ 'Styles', 'Format' ] },
                { name: 'about', items: [ 'About' ] }
            ]
        });
    </script>
@endpush