@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'About')
@section('content')
<div class="page-header d-print-none">
  <div class="container-xl">
    <div class="row g-2 align-items-center">
      <div class="col">
        <h2 class="page-title">
          About
        </h2>
      </div>
    </div>
  </div>
</div>

<div class="page-body">
  <div class="container-xl">
<form method="POST" action="{{route('author.update-about')}}" enctype="multipart/form-data">
  @csrf
  <div class="card">
    <div class="card-body">
      <div class="row">
        <div class="col-md-3">
          <div class="mb-3">
            <label class="form-label">Courses</label>
            <input type="number" class="form-control" name="courses" value="{{$data->courses}}">
            <span class="text text-danger">@error('courses'){{$message}}@enderror</span>
          </div>
        </div>
        <div class="col-md-3">
          <div class="mb-3">
            <label class="form-label">Scholarships</label>
            <input type="number" class="form-control" name="scholarships" value="{{$data->scholarships}}">
            <span class="text text-danger">@error('scholarships'){{$message}}@enderror</span>
          </div>
        </div>
        <div class="col-md-3">
          <div class="mb-3">
            <label class="form-label">Students</label>
            <input type="number" class="form-control"  name="students" value="{{$data->students}}">
            <span class="text text-danger">@error('students'){{$message}}@enderror</span>
          </div>
        </div>
        <div class="col-md-3">
          <div class="mb-3">
            <label class="form-label">Success (between 1 and 100)</label>
            <input type="number" class="form-control"  name="success" value="{{$data->success}}">
            <span class="text text-danger">@error('success'){{$message}}@enderror</span>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          
          <div class="mb-3">
            <label class="form-label">About</label>
            <textarea class="form-control" name="about" rows="6" placeholder="Content.."
              id="about">{!!$data->about!!}</textarea>
            <span class="text-danger error-text">@error('about')
              {{$message}} 
              @enderror</span>
          </div>
          <button type="submit" class="btn btn-primary">Save About</button>
        </div>
      </div>
    </div>
  </div>
</form>
</div>
</div>
@endsection

@push('scripts')
<script src="{{asset('/ckeditor/ckeditor/ckeditor.js')}}"></script>
<script>
  ClassicEditor
      .create( document.querySelector( '#about' ),{
            ckfinder: {
                uploadUrl: '{{route('author.posts.ckeditor.upload').'?_token='.csrf_token()}}',
            }
        })
        .catch( error => {
        } );
</script>


@endpush