@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">Monitoring</h1>
      </div>
    </div>
  </div>
</section>

<section class="content">
  
    <!-- Default box -->
    <div class="card">
      <div class="card-body p-0">
          <div class="table-responsive">
              
              <table class="table table-bordered">
                  <thead>
                      <tr>
                          <th style='min-width:20px; width:30px;' class="text-center">No</th>
                          <th style='min-width:170px; width:170px;'>No Surat</th>
                          <th style='min-width:120px; width:120px;'>Tgl Surat</th>
                          <th style='min-width:100px; width:100px;'>Jenis</th>
                          <th style='min-width:150px; width:150px;' class="text-center">Monitoring</th>
                          <th>Opsi</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr>
                        <td>1</td>
                        <td>W3-A/425/PS.00/2/2021</td>
                        <td>8 Februari 2021</td>
                        <td>Pembinaan</td>
                        <td class="text-center"><div class="progress mb-3">
                          <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                            <span>60%</span>
                          </div>
                          </div>
                          <a href="#">Detail</a>
                        </td>
                        <td>
                          <a class="btn btn-primary btn-sm" href="{{route('surattugas.show', ['id'=>1])}}">Detail</a>
                        </td>
                    </tr>
                  </tbody>
              </table>
          </div>
      </div>
      <!-- /.card-body -->
      {{-- <div class="card-body py-0 pt-3 border-top">
        @if ($usulanpegawai->firstItem())
          <div class="float-left py-2">
            Menampilkan {{$usulanpegawai->firstItem()}} s/d {{$usulanpegawai->lastItem()}} dari {{$usulanpegawai->total()}} Baris
          </div>
          <div class="float-right">
            {!! $usulanpegawai->appends(request()->except('page'))->links() !!}
          </div>
        @else
          <div class="py-3 text-center">
            Tidak Ada Data
          </div>
        @endif
      </div> --}}
    </div>
    <!-- /.card -->

  </section>
@endsection