@extends('layouts.app')
@section('title') {{'Add CMS Pages'}} @endsection

@section('content')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between">
  <div class="my-auto">
    <h4 class="page-title">Add CMS Pages</h4>
    <ol class="breadcrumb">
    <li class="breadcrumb-item">
            @if(Auth::user()->role_id == 1)
            <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
            @else
            <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
            @endif
            </li>
      <li class="breadcrumb-item"><a href="{{ route('cmspagemaster.list')}}">CMS Pages</a></li>
      <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Add CMS Pages</a></li>
    </ol>
  </div>
</div>
<!-- breadcrumb -->

<!--Row-->
<div class="row">
  <div class="col-lg-12 col-md-12">
    <div class="card">
      <div class="card-body">
        <form method="POST" action="{{ route('cmspagemaster.store') }}" class="form-horizontal" id="cmspagesForm" role="form" enctype="multipart/form-data">
          @csrf
          <div class="row">
            <div class="col-lg-6">
              <div class="mb-3">
                <label for="page_title" class="form-label">Page Title</label> <span class="required_compulsary">*</span>
                <input type="text" id="page_title" name="page_title" required class="form-control">
              </div>
            </div>
            <div class="col-lg-6">
              <div class="mb-3">
                <label for="slug" class="form-label">Slug</label> <span class="required_compulsary">*</span>
                <input type="text" id="slug" name="slug" required class="form-control">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-12">
              <div class="mb-3">
                <label for="content" class="form-label">Content</label> <span class="required_compulsary">*</span>
                <textarea type="text" id="content" name="content" required class="form-control content5"></textarea>
                <label id="content-error" class="error" for="content"></label>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-6">
              <div class="mb-3">
                <label for="meta_description" class="form-label">Meta Description</label> <span class="required_compulsary">*</span>
                <textarea type="text" id="meta_description" name="meta_description" required class="form-control"></textarea>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="mb-3">
                <label for="meta_keyword" class="form-label">Meta Keyword</label> <span class="required_compulsary">*</span>
                <textarea type="text" id="meta_keyword" name="meta_keyword" required class="form-control"></textarea>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-12">
              <div class="mb-3">
                <button type="submit" class="btn btn-primary submit">Submit</button>
                <button type="button" class="btn btn-danger" id="cancelBtn">Cancel</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!--/Row-->
@push('scripts')
<script src="{{ asset('assets/plugins/wysiwyag/wysiwyag.js') }}"></script>
<script type="text/javascript">
  $(document).ready(function() {
    
    $('#cmspagesForm').validate({
      ignore: [],
      debug: false,
      rules: {
        page_title: 'required',
        slug: 'required',
        content: 'required',
        meta_description: 'required',
        meta_keyword: 'required',
      },
      messages: {
        page_title: 'Page title is required',
        slug: 'Slug is required',
        content: 'Content is required',
        meta_description: 'Meta Description is required',
        meta_keyword: 'Meta Keyword is required',
      },
      submitHandler: function(form) {
        form.submit();
      }
    });
    
    $("#cancelBtn").click(function() {
      window.location.href = "{{route('cmspagemaster.list')}}";
    });

    // $('.cmseditor').richText();
    
  });
</script>
@endpush
@endsection