@extends('layouts.backend')
@section('css')

@endsection

@section('js')
  <script src="{{ asset('assets/js/pages/ui-modals.js') }}"></script>
@endsection

@section('content')
  <div class="col s12">
    <div class="page-title">Daftar Kategori Ebook</div>
  </div>
  <div class="col s12 m12 l12">
    <div class="card">
      <div class="card-content">
        <div class="row">
          <form class="col s12" action="{{ route('ebook.store') }}" method="Post">
            {{ csrf_field() }}
            <div class="row">
              <div class="input-field col s12">
                <input placeholder="Jenis Kategori Tidak Boleh Sama" type="text" class="validate" name="name" value="{{ old('name') }}">
                <label class="active">Kategori Foto</label>
                @if ($errors->has('name'))
                  <span class="help-block">
                      <strong>{{ $errors->first('name') }}</strong>
                  </span>
                @endif
              </div>
              <div class="input-field col s12">
                <button class="waves-effect waves-light btn indigo m-b-xs">Simpan</abutton>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <div class="col s12 m12 l12">
    <div class="card">
      <div class="card-content">
        <br>
        <table class="responsive-table">
          <thead>
            <tr>
              <th data-field="title">Kategori</th>
              <th data-field="action">Action</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($category as $data)
            <tr>
                <td>{{ $data->name }}</td>
              <td>
                <a href="#edit{{ $data->id }}" class="waves-effect waves-light btn modal-trigger">Edit</a>
                <a href="{{ route('ebook.show', $data->id) }}" class="waves-effect waves-light btn blue">Lihat Ebook</a>
                <a class="waves-effect waves-light btn red">Delete</a>
              </td>
            </tr>
            <!-- Edit Modal Structure -->
            <div id="edit{{ $data->id }}" class="modal modal-fixed-footer">
              <div class="modal-content">
                <h4>Edit Kategori Foto</h4>
                {!! Form::model($data, ['url' => route('ebook.update', $data->id), 'method' => 'put', 'files'=>'true', 'class'=>'col s12']) !!}
                <div class="row">
                  <div class="input-field col s12">
                    <input placeholder="Jenis Kategori Tidak Boleh Sama" type="text" class="validate" name="name" value="{{ $data->name }}">
                    <label class="active">Kategori Foto</label>
                    @if ($errors->has('name'))
                      <span class="help-block">
                          <strong>{{ $errors->first('name') }}</strong>
                      </span>
                    @endif
                  </div>
                  <div class="input-field col s12">
                    <button class="waves-effect waves-light btn indigo m-b-xs">Simpan</abutton>
                  </div>
                </div>
              </form>
              </div>
              <div class="modal-footer">
                <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Closse</a>
              </div>
            </div>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection