@extends('admin.layout.app')

@push('style')
  <link rel="stylesheet" href="{{ asset('css/cropper.min.css') }}">
@endpush

@section('content')
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Thêm banner</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href=" {{ route('admin.home') }} ">Trang chủ</a></li>
            <li class="breadcrumb-item"><a href=" {{ route('admin.banner.index') }} ">Danh sách banner</a></li>
            <li class="breadcrumb-item active">Thêm banner</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  @include('admin.banner.form')
@endsection

@push('script')
  <script src="{{ asset('js/ckeditor.js') }}"></script>
  @vite('resources/js/admin/banner/index.js')
  <script>
    ClassicEditor.defaultConfig = {
      toolbar: {
        items: []
      },
      language: 'en'
    };
    ClassicEditor
      .create(document.querySelector('#editor'), {
        removePlugins: ['Autoformat'],
      })
      .catch(error => {
        console.error(error);
      });
  </script>
@endpush