@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>Edit 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">Edit Author</h5>
              </div>
              <div class="p-3">
                <form role="form" method="POST" enctype="multipart/form-data" action="{{ route('author.update', $author->id) }}">
                  @csrf
                  @method('PUT')
                  <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', $author->author_name) }}" required>
                    @error('author_name')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <div class="form-group">
                    <label>Current Author Image</label><br>
                    @if($author->author_image)
                      <img src="{{ asset('public/upload/author_images/' . $author->author_image) }}" alt="{{ $author->author_name }}" width="100" height="100">
                    @else
                      N/A
                    @endif
                  </div>

                  <div class="form-group">
                    <label>Change 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', $author->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   class="ckeditor form-control" id="editor_desc" placeholder="Enter Description" name="description" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ old('description', $author->description) }}</textarea>
                    @error('description')
                      <p class="text-danger"><small>{{ $message }}</small></p>
                    @enderror
                  </div>

                  <button type="submit" class="btn btn-primary my-4">Update 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

@section('scripts')
<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>
@endsection