@extends('admin.layout.app')

@push('style')
  @vite('resources/css/admin/user.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">Gửi mail thông báo</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 active">Mail thông báo</li>
          </ol>
        </div>
      </div>
      @if (session()->has('error'))
        <div class="alert alert-danger alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-ban"></i>Lỗi</h5>
          <p>{{ session('error') }}</p>
        </div>
      @endif
      @if (session()->has('message'))
        <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-check"></i>Thành công</h5>
          <p>{{ session('message') }}</p>
        </div>
      @endif
    </div>
  </div>
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <form method="POST" action="{{ route('admin.admin_mail.send') }}">
              @csrf
              <div class="card-body">
                <div class="form-group">
                  <label class="mb-2"><span class="text-danger">*</span>Tiêu đề</label>
                  <input class="form-control" type="text" name="mail_subject">
                  @error('mail_subject')
                    <span class="error d-block invalid-feedback">{{ $message }}</span>
                  @enderror
                </div>
                <div class="form-group">
                  <label class="mb-2"><span class="text-danger">*</span>Nội dung thông báo</label>
                  <textarea class="form-control" name="mail_content" id="editor"></textarea>
                  @error('mail_content')
                    <span class="error d-block invalid-feedback">{{ $message }}</span>
                  @enderror
                </div>
              </div>
              <!-- /.card-body -->
              <div class="card-footer d-flex flex-row-reverse">
                <button type="submit" class="btn btn-primary">Gửi email</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

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