@extends('admin.layouts.app')
@section('title')
<title>{{ $formTitle }} &mdash; {{ config('app.name', 'Laravel') }}</title>
@endsection
@section('header-content')
<h1>{{ $formTitle }}</h1>
@include('admin.layouts.partials.breadcrumb-section')
@endsection
@section('content')    
<div class="card">
    <div class="card-body">
        <form method="post" name="cms-form" id="cms-form" action="{{ route('admin.cms.store') }}">
            @csrf
            <input type="hidden" name="cms_id" class="form-control" id="id" value="{{ !empty($encrypedId)?Crypt::decrypt($encrypedId):null }}">
            <input type="hidden" name="id" class="form-control" id="cms_id" value="{{ $encrypedId }}">
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label>{{ __("forms.cms.title") }} *</label>
                        <input type="text" name="title" class="form-control" id="title" value="{{ !empty($cms->title)?$cms->title: old('title') }}" placeholder="{{ Lang::get('forms.cms.title') }}" {{ !empty($cms->id)?"readonly":"" }}>
                        <span class="text-danger">{{ ($errors->has('title'))?$errors->first('title'):"" }}</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label>{{ __("forms.cms.content") }} *</label>
                        <textarea name="content" id="content" class="form-control ckeditor" placeholder="{{ Lang::get('forms.cms.content') }}">{{ !empty($cms->content)?html_entity_decode($cms->content):old('content') }}</textarea>
                        <span class="text-danger" id="content-error">{{ ($errors->has('content'))?$errors->first('content'):"" }}</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                    <label>{{ __(Lang::get('forms.cms.status')) }} *</label>
                    <select class="form-control" id="status" name="status">
                        <option value="1" {{ (!empty($cms->id) && $cms->status == 1)?"selected":"" }}>{{ __('general.active') }}</option>
                        <option value="0" {{ (!empty($cms->id) && $cms->status == 0)?"selected":"" }}>{{ __('general.inactive') }}</option>
                    </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <button id="submit_form" type="submit" class="btn btn-primary btn-submit">{{ __('general.submit') }}</button>
                    <button type="button" onclick="location.href='{{ route('admin.cms') }}'" class="btn btn-outline-secondary mr-1">{{ __('general.cancel') }}</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection
@section('page-script')
<script src="{!! asset('ckeditor/ckeditor.js') !!}"></script>
<script src="{!! asset('admin/js/jquery-validation/jsvalidation.min.js') !!}"></script>
<script type="text/javascript">
    $('#cms-form').validate({
        rules: {
            'title' : {
                required: true,
                remote: {
                    type: 'post',
                    url: "{{ route('admin.cms.check') }}",
                    async:false,
                    data: {
                        "cms_id":  "{{ $encrypedId }}",
                        "_token": "{{csrf_token()}}"
                    }
                }  
            },
            'content': {
                required: true
            }
        }, messages: {
            title: {
                required: "{{ __('admin_message.cms_title_required') }}",
                remote: "{{ __('admin_message.cms_title_exist') }}"
            },
            content: {
                required: "{{ __('admin_message.cms_content_required') }}"
            }
        },
        submitHandler: function(form) { // <- pass 'form' argument in
            $(".btn-submit").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }
    });
</script>
@endsection