@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">Pengawasan Bidang</h1>
        <a href="{{url('pengawasan-bidang-pta/create')}}" class="btn btn-primary float-right">Pengawasan Bidang Baru</a>
      </div>
    </div>
  </div>
</section>

<section class="content">

  <!-- Default box -->
  <div class="card">
    <div class="card-body p-0">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th style='min-width:170px'>Jadwal</th>
            <th style='min-width:120px'>Mulai</th>
            <th style='min-width:100px'>Selesai</th>
            <th style='min-width:100px'>Bidang</th>
            <th style='min-width:100px'>Status</th>
            <th style='min-width:120px'>Opsi</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($pb as $item)
          <tr>
            <td>{{$item->jadwalid->nama}} {{$item->tahun}}</td>
            <td>{{date('d M Y', strtotime($item->tgl_mulai))}}</td>
            <td>{{date('d M Y', strtotime($item->tgl_selesai))}}</td>
            <td>{{$item->bidangid->nama}}</td>
            <td class="text-center font-weight-bold">Proses</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('pengawasanBidangPTA.show', ['id'=>Crypt::encryptString($item->id)])}}">Detail</a>
                  <a class="dropdown-item" href="{{route('pengawasanBidangPTA.show', ['id'=>Crypt::encryptString($item->id)])}}">Edit</a>
                </div>
              </div>

            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <!-- /.card-body -->

  </div>
  <!-- /.card -->

</section>
@endsection