{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<style>
.form-control{
    display:inline-block;
}      
label.error{
    color:red;
} 
.form-control.error {
    border-color: #fd397a;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.325rem);
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
.required
{
    color:red;
}
</style>
<!--begin::Card-->
<div class="card card-custom gutter-b">
    <div class="card-header flex-wrap pt-6 pb-0 ">
        <div class="card-title">
         @if(isset($cms)) 
            <h3 class="card-label">Edit CMS Page
            @else 
            <h3 class="card-label">Add CMS Page
            @endif 
                <!-- <span class="d-block text-muted pt-2 font-size-sm">row selection and group actions</span> --></h3>
            </div>

        </div>
          @if(isset($cms)) 
        <form class="kt-form" id="frmcmsadd" enctype="multipart/form-data"  method='post' action="/cms/{{$cms->page_id}}" >
            <input type='hidden' id='cmspage_id' name='cmspage_id' value='{{$cms->page_id}}' />
            @method('put')
            @else 
            <form name='frmcmsadd' id='frmcmsadd' method="post" action="{{ route('cms.store') }}" >   
                @endif  

                @csrf 
                <div class="card-body">
                   
                <div class="form-group row">
                    <div class="col-lg-3">
                        <label>Page Title</label><span class="required">*</span><span>:</span>
                    </div>
                    <div class="col-lg-6">
                        <input type="text" name='content_title' class="form-control" placeholder="Enter Page Title" value="@isset($cms->page_title) {{ $cms->page_title  }} @endisset">
                    </div>

                </div>  
                <div class="form-group row">
                    <div class="col-lg-3">
                        <label class="">Page Content:</label>
                    </div>
                  
                   <!--  <div class="summernote">@isset($cms->page_content) {{ $cms->page_content  }} @endisset</div> -->
                   <!-- <div id="kt-ckeditor-1-toolbar"></div> -->
                   <div class="col-lg-6">
                    <textarea name="page_content" id="page_content" class="required" >
                                               @isset($cms->page_content) {{ html_entity_decode($cms->page_content)  }} @endisset
                                           </textarea>
                   </div>
                </div>
                   
                <div class="form-group row">
                    <div class="col-lg-3">
                        <label class="">Page Active:</label>
                    </div>
                    <div class="col-lg-6">
                    <input type='hidden' id='page_id' name='page_id' value='@if(isset($cms)){{$cms->page_id}}@endif' />
                        <input type="hidden" name="status" @if (@isset ($cms->status) && $cms->status == "0") value="0" @else value="1" @endif />
                        <span class="kt-switch kt-switch--sm">
                            <label class="checkbox">
                                <input type="checkbox" @if (@isset ($cms->status) && $cms->status == '0') value="0" @else checked="checked" value="1" @endif name="status_hidden" onclick="checkValset()" >
                                <span></span>
                            </label>
                        </span>
                    </div>
                </div>

                </div>
                <div class="card-footer">
                    <button class="btn btn-primary mr-2" id="submit_cms">Submit</button>
                    <button  id="cancel_cms" class="btn btn-secondary">Cancel</button>
                </div>

            </form>
        </div>
        <!--end::Card-->


        @endsection

        {{-- Styles Section --}}
        @section('styles')

        @endsection

        {{-- Scripts Section --}}
        @section('scripts')

        <script src="{{ asset('/js/cms/cms_add.js') }}" type="text/javascript"></script>
        <script src="{{ asset('/js/cms/ckeditor-classic.bundle.js') }}" type="text/javascript"></script>
        @endsection