@extends('Admin.Layout.main_layout')

@section('main_container')

<div class="app-main" id="main">
  <div class="container-fluid">

    <div class="row">
      <div class="col-md-12 m-b-30">
        <div class="d-block d-sm-flex flex-nowrap align-items-center">
          <div class="page-title mb-2 mb-sm-0">
            <h1>Add Author</h1>
          </div>
          <div class="ml-auto d-flex align-items-center">
            <a class="btn btn-primary text-white" href="{{ route('author.index') }}">Manage Authors</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row account-contant">
      <div class="col-12">
        <div class="card card-statistics">
          <div class="card-body p-0">
            <div class="page-account-form">
              <div class="form-titel border-bottom p-3">
                <h5 class="mb-0 py-2">Add Author</h5>
              </div>
              <div class="p-3">
                <form role="form" method="POST" enctype="multipart/form-data" action="{{ route('author.store') }}">
                  @csrf
                  <div class="form-group">
                    <label>Author Name <span style="color:#ff0000">*</span></label>
                    <input class="form-control" name="author_name" placeholder="Enter Author Name" type="text" value="{{ old('author_name') }}" required>
                    @error('author_name')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <div class="form-group">
                    <label>Author Image</label>
                    <input class="form-control" name="author_image" type="file">
                    @error('author_image')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <div class="form-group">
                    <label>Author Position</label>
                    <input class="form-control" name="author_pos" placeholder="Enter Author Position" type="text" value="{{ old('author_pos') }}">
                    @error('author_pos')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <div class="form-group">
                    <label>Description <span style="color:#ff0000">*</span></label>
                    <textarea id="editor_desc"   class="ckeditor form-control" value="{{ old('description') }}" name="description" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true"></textarea>
                    @error('description')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <button type="submit" class="btn btn-primary my-4">Add Author</button>
                  <a href="{{ route('author.index') }}" class="btn btn-danger my-4">Cancel</a>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

@endsection
@push('js')
<script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
<script type="text/javascript">
   $(document).ready(function () {


        var my_desc = CKEDITOR.replace('editor_desc');
        my_desc.config.allowedContent = true;
        my_desc.config.extraAllowedContent = 'div(*)';
        my_desc.config.extraAllowedContent = 'div(col-md-*,container-fluid,row)';

   });
</script>
@endpush