@extends('backoffice.template.app')
@section('content')
  <div class="d-flex justify-content-between align-items-center mb-4">
    <nav
      style="--bs-breadcrumb-divider: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&quot;);"
      aria-label="breadcrumb" class="fs-5">
      <ol class="breadcrumb mb-0">
        <li class="breadcrumb-item"><a href="{{ route('backoffice.ebook') }}">Ebook</a></li>
        <li class="breadcrumb-item"><a class="text-primary">Edit</a></li>
      </ol>
    </nav>
  </div>

  <div class="row">
    <div class="col-lg-8">
      <div class="card">
        <div class="card-body">
          <form action="{{ route('backoffice.ebook.update', $ebook->id) }}" method="POST"
            id="form-create" enctype="multipart/form-data">
            @csrf
            @method('put')
         
            <div class="mb-3">
              <label for="cover" class="form-label">Cover</label>
              <input required type="file" class="dropify" name="cover"
                data-default-file="{{ asset('storage/' . $ebook->cover) }}">
            </div>
            <div class="mb-3">
              <label for="file" class="form-label">File</label>
              <input required type="file" class="dropify" name="file"
                data-default-file="{{ asset('storage/' . $ebook->file) }}">
            </div>
            <div class="mb-3">
              <label for="judul" class="form-label">Judul</label>
              <input required type="text" class="form-control" name="judul" value="{{ $ebook->judul }}">
            </div>
            <div class="mb-3">
              <label for="kategori" class="form-label">Kategori</label>
              <select class="form-select" aria-label="Default select example" required name="kategori_id">
                <option selected disabled value="">Pilih Kategori</option>
                @foreach ($categories as $c)
                  <option value="{{ $c->id }}" @selected($c->id == $ebook->kategori_id)>
                    {{ $c->nama }}
                  </option>
                @endforeach
              </select>
              {{-- <input required type="text" class="form-control" name="kategori" value="{{ $ebook->kategori }}"> --}}
            </div>
           
            <div class="mb-3">
              <label for="deskripsi" class="form-label">Deskripsi</label>
              <textarea required row="4" col="50" class="form-control"  name="deskripsi">{{ $ebook->deskripsi }}</textarea>
            </div>
           
          </form>
        </div>
        <div class="card-footer">
          <button class="btn btn-primary w-100" type="submit" form="form-create">Simpan</button>
        </div>
      </div>
    </div>
    {{-- @if ($ebook->tipe == 'video')
      <div class="col-lg-4">
        <div class="card">
          <div class="card-header">
            <h5 class="mb-0">Video</h5>
          </div>
          <div class="card-body">
            <video width="100%" controls src="{{ asset('storage/' . $ebook->file) }}"></video>
          </div>
        </div>
      </div>
    @endif --}}
  </div>
@endsection
@section('script')
  <script>
    $('.dropify').dropify({
      tpl: {
        message: '<div class="dropify-message"><span class="file-icon" /></div>',
      }
    });
  </script>
  @if (session('success'))
    <script>
      Swal.fire({
        icon: 'success',
        title: 'Sukses',
        text: "{{ session('success') }}",
      })
    </script>
  @elseif(session('error'))
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Error',
        text: "{{ session('success') }}",
      })
    </script>
  @endif

@endsection