@extends('layouts.app')
@section('content')
<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">Bidang</h1>
      <a href="{{url('bidang/create')}}" class="btn btn-primary float-right">Bidang Baru</a>
      </div>
    </div>
  </div>
</section>

<section class="content">
  
  <!-- Modal -->
  <div class="modal fade" id="HapusId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h5 class="modal-title">Hapus Data</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
            </div>
        <form action="{{url('bidang/hapus')}}" method="POST">
          @csrf
          <input type="hidden" id="idhapus" name="idhapus">
        <div class="modal-body">
          <div><i id="bodyHapus"></i></div>
          Hapus Data ini ?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-danger">Ya, Hapus</button>
        </div>
      </form>
      </div>
    </div>
  </div>

  @include('layouts.success_error')
  
    <!-- Default box -->
    <div class="card">
      <div class="card-body p-0">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style='width:50px' class="text-center">No</th>
                    <th>Nama</th>
                    <th style='width:20px'>Opsi</th>
                </tr>
            </thead>
            <tbody>
              @foreach ($bidang as $key => $item)
                <tr>
                  <td class="text-center">{{$key+1}}</td>
                  <td>{{ $item->nama }}</td>
                  <td>
                      <div class="btn-group">
                          <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              Aksi
                          </button>
                          <div class="dropdown-menu" aria-labelledby="ddButton">
                              <a class="dropdown-item" href="{{route('bidang.edit', ['id'=>$item->id])}}">Edit</a>

                              <button class="dropdown-item" data-toggle="modal" data-target="#HapusId" onclick="$('#idhapus').val('{{$item->id}}');$('#bodyHapus').html('{{$item->isi}}');">Hapus</button>
                          </div>
                      </div>
                      
                  </td>
              </tr>
              @endforeach
            </tbody>
        </table>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->

  </section>
@endsection