@extends('layouts.app')
@section('content')

<!-- Modal -->
<div class="modal fade" id="manajemenPeradilanModal" tabindex="-1" aria-labelledby="manajemenPeradilanModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="manajemenPeradilanModalLabel">Manajemen Peradilan Baru</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="">
          <form>
            <div class="form-group">
              <label>Kondisi</label>
              <textarea name="" id="" rows="5" class="form-control"></textarea>
            </div>
            <div class="form-group">
              <label>Kriteria</label>
              <div class="float-right mb-2">
                <button class="btn btn-warning btn-xs">+ Sisipkan Dari Template</button>
              </div>
              <textarea name="" id="" rows="5" class="form-control"></textarea>
            </div>
            <div class="form-group">
              <label>Akibat</label>
              <textarea name="" id="" rows="5" class="form-control"></textarea>
            </div>
            <div class="form-group">
              <label>Sebab</label>
              <textarea name="" id="" rows="5" class="form-control"></textarea>
            </div>
            <div class="form-group">
              <label>Rekomendasi</label>
              <textarea name="" id="" rows="5" class="form-control"></textarea>
            </div>
            
          </form>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>


<!-- Modal -->
<div class="modal fade" id="ubahstatusId" tabindex="-1" role="dialog" aria-labelledby="ubahstatusTitleId" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Ubah Status</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
        <form action="">
          <div class="form-group">
            <label for="">Pilih Status</label>
            <select class="form-control" name="" id="">
              <option>BELUM</option>
              <option>SUDAH</option>
              <option>SELESAI</option>
            </select>
          </div>
          
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
        <button type="button" class="btn btn-primary">Simpan</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="ubahstatusId" tabindex="-1" role="dialog" aria-labelledby="ubahstatusTitleId" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Ubah Tanggal</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
        <form action="">
          
          
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
        <button type="button" class="btn btn-primary">Simpan</button>
      </div>
    </div>
  </div>
</div>


<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">TRIWULAN 1 2021 :: Bidang A</h1>
        {{-- <a href="{{url('usulan/create')}}" class="btn btn-primary float-right">Buat Usulan Baru</a> --}}
      </div>
    </div>
  </div>
</section>

<section class="content">
  
  <!-- Default box -->
  <div class="card">
    
    
    <div class="card-body">
      @include('layouts.success_error')
                          

            <div class="row">
                <div class="col-sm-12">
                  <table class="table table-bordered table-md">
                    <tbody>
                        <tr>
                            <th width="20%">Bidang</th>
                            <td>Bidang 1</td>
                        </tr>
                        <tr>
                            <th>Jadwal</th>
                            <td>Triwulan 1 2021</td>
                        </tr>
                        <tr>
                            <th>Mulai</th>
                            <td>8 Februari 2021</td>
                        </tr>
                        <tr>
                            <th>Selesai</th>
                            <td>8 Maret 2021</td>
                        </tr>
                        
                        <tr>
                            <th>Status</th>
                            <td class="font-weight-bold">PROSES</td>
                        </tr>
                        <tr>
                            <th>Penanggung Jawab</th>
                            <td>
                              <ul class="list-unstyled">
                                <li class="media">
                                  <div class="media-body">
                                    <h6 class="mt-0 mb-1 font-weight-bold">Dr. Abd.Hakim, M.H.I.</h6>
                                    <dl class="row">
                                      <dd class="col-sm-3">NIP</dd>
                                      <dd class="col-sm-9">196108311987031003</dd>
                                      <dd class="col-sm-3">Pangkat/Gol. Ru</dd>
                                      <dd class="col-sm-9">Pembina Utama (IV/e)</dd>
                                      <dd class="col-sm-3">Jabatan</dd>
                                      <dd class="col-sm-9">Wakil Ketua</dd>
                                    </dl>
                                  </div>
                                </li>
                              </ul>
                            </td>
                        </tr>
                        <tr>
                            <th>Hakim Pengawas</th>
                            <td>
                              <ul class="list-unstyled">
                                <li class="media">
                                  <div class="media-body">
                                    <h6 class="mt-0 mb-1 font-weight-bold">Dr. Abd.Hakim, M.H.I.</h6>
                                    <dl class="row">
                                      <dd class="col-sm-3">NIP</dd>
                                      <dd class="col-sm-9">196108311987031003</dd>
                                      <dd class="col-sm-3">Pangkat/Gol. Ru</dd>
                                      <dd class="col-sm-9">Pembina Utama (IV/e)</dd>
                                      <dd class="col-sm-3">Jabatan</dd>
                                      <dd class="col-sm-9">Wakil Ketua</dd>
                                    </dl>
                                  </div>
                                </li>
                              </ul>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>
                </div>
            </div>
            

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

{{-- PENGAWASAN REGULER--}}
<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('usulan/create')}}" class="btn btn-primary float-right">Buat Usulan Baru</a> --}}
      </div>
    </div>
  </div>
</section>

<section class="content">
  
  <div class="card">
    <div class="card-header">
        <h3 class="card-title">Temuan</h3>
        <div class="card-tools">
          
          <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#manajemenPeradilanModal">
            <i class="fas fa-plus"></i> Tambah
          </button>
        </div>
      </div>
    <div class="card-body">
                          

                          <table class="table table-bordered">
                            <thead>
                              <tr>
                                <th>No</th>
                                <th>Kondisi</th>
                                <th>Kriteria</th>
                                <th>Akibat</th>
                                <th>Sebab</th>
                                <th>Rekomendasi</th>
                                <th>Aksi</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>1</td>
                                <td>Belum dilaksanakan pemeriksaan dalam rangka pengawasan bidang pada triwulan 1 tahun 2021</td>
                                <td>Berdasarkan Keputusan Ketua Mahkamah Agung Nomor KMA/080/SK/VIII/2006 tentang Pedoman Pelaksanaan Pengawasan di lingkungan Lembaga Peradilan, pengawasan reguler/rutin adalah pengawasan yang dilaksanakan oleh Badan Pengawasan Mahkamah Agung, pengadilan tingkat banding dan pengadilan tingkat pertama secara rutin terhadap penyelenggaraaan peradilan sesuai dengan kewenangan masing-masing. Pada Ppengadilan tingkat pertama pelaksanaan pengawasan dilakukan oleh hakim pengawas bidang dengan koordinator Wakil Ketua terhadap objek pemeriksaaan: manajemen peradilan, administrasi perkara, administrasi persidangan dan pelaksanaan putusan, administrasi umum dan kinerja pelayanan publik.</td>
                                <td>Pelaksanaan pengawasan tidak sesuai dengan ketentuan yang berlaku</td>
                                <td>Pemahaman yang berbeda terhadap aturan</td>
                                <td></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="#">Edit</a>
                                      <a class="dropdown-item" href="#">Delete</a>
                                  </div>
                              </div></td>
                              </tr>
                            </tbody>
                          </table>
              
  </div>
  </div>

  <!-- Default box -->
  <div class="card">
    
    
    <div class="card-body">
      @include('layouts.success_error')
                          

            <div class="row">
                <div class="col-sm-12">
                    <h6 class="font-weight-bold float-left">Download File</h6>
                    <div class="float-right">
                    <a href="#" class="btn btn-primary">Download File</a>
             

                  </div>
                </div>
            </div>
            

    </div>
  </div>

  <!-- /.card -->
  <!-- Default box -->
  <div class="card">
    <div class="card-body">
      @include('layouts.success_error')
                          

            <div class="row">
                <div class="col-sm-12">
                    <h6 class="font-weight-bold float-left">Scan File Hasil </h6>
                    <div class="float-right mb-3">
                    <a href="#" class="btn btn-primary">Upload File</a>
             

                  </div>
                  <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Nama File</th>
                            <th width="250px">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Pengawasan A.docx</td>
                            <td>
                                <a href="#" class="btn btn-primary">Download File</a>
                                <a href="#" class="btn btn-danger">Hapus</a>
                            </td>
                        </tr>
                      
                    </tbody>
                </table>
                </div>
            </div>
            

    </div>
  </div>
  <!-- /.card -->
  
  <!-- Default box -->
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">
        Tindak Lanjut
      </h3>
    </div>
    <div class="card-body">
      @include('layouts.success_error')
                          

            <div class="row">
                <div class="col-sm-12">
                  <div class="table-responsive mb-3">
                    <table class="table table-bordered">
                      <thead>
                          <tr>
                            <th style="min-width:150px;">Status T.Lanjut</th>
                            <th style="min-width:400px;">Komentar</th>
                              <th style="min-width:250px;">Temuan</th>
                              <th style="min-width:250px;">Rekomendasi</th>
                              <th style="min-width:150px;">Target Penyelesaian</th>
                              <th style="min-width:250px;">Tindak Lanjut</th>
                              <th style="min-width:150px;">Tgl Penyelesaian</th>
                              <th style="min-width:150px;">Upload Bukti</th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr>
                            <td class="text-center">
                              <button class="btn btn-warning btn-sm btn-block"  data-toggle="modal" data-target="#ubahstatusId">Ubah Status</button>
                              

                              <p class="mt-3 font-weight-bold">BELUM</p>
                              {{-- <select name="stat" id="stat" class="form-control">
                                <option value="volvo">BELUM</option>
                                <option value="saab">SUDAH</option>
                                <option value="mercedes">SELESAI</option>
                              </select>   --}}
                            </td>
                            <td>
                              <div class="timeline">
                                <!-- timeline time label -->
                                
                                <!-- /.timeline-label -->
                                <!-- timeline item -->
                                <div>
                                  <i class="fas fa-user bg-green"></i>
                                  <div class="timeline-item">
                                    <span class="time">31 Agu 2021 16:44:25</span>
                                    <h3 class="timeline-header">Dr. Abd.Hakim, M.H.I.</h3>
                  
                                    <div class="timeline-body">
                                      Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
                                      weebly ning heekya handango imeem plugg dopplr jibjab, movity
                                      jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
                                      quora plaxo ideeli hulu weebly balihoo...
                                    </div>
                                  </div>
                                </div>
                                <!-- END timeline item -->
                                <div>
                                  <i class="fas fa-comments bg-yellow"></i>
                                  <div class="timeline-item">
                                    <h3 class="timeline-header font-weight-bold">Tulis Komentar</h3>
                  
                                    <div class="timeline-body">
                                      <textarea name="" id="" cols="30" rows="3" class="form-control"></textarea>
                                    </div>
                                    <div class="timeline-footer">
                                      <button class="btn btn-primary btn-sm">Kirim Komentar</button>
                                    </div>
                                  </div>
                                </div>
                                <!-- END timeline item -->
                             
                               
                              </div>
                            </td>
                              <td>Diambil dari KONDISI lembar kerja pengawasan</td>
                              <td>Diambil dari REKOMENDASI lembar kerja pengawasan</td>
                              <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
                                <p class="mt-3 font-weight-bold">15 Agu 2021</p>
                              </td>
                              <td>
                                  <button class="btn btn-warning btn-sm btn-block">Ubah Tindak Lanjut</button>
                                <p class="mt-3">
                                  Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
                                      weebly ning heekya handango imeem plugg dopplr jibjab, movity
                                      jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
                                      quora plaxo ideeli hulu weebly balihoo...
                                </p>
                                </td>
                                <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
                                  <p class="mt-3 font-weight-bold">15 Agu 2021</p>
                                </td>
                              
                              <td><button class="btn btn-primary btn-sm btn-block">+ Upload File</button>
                              <ul class="py-2 pl-3 pr-0 m-0">
                                <li><a href="#">contoh file 1.docx</a></li>
                                <li><a href="#">contoh file 2.docx</a></li>
                              </ul>
                              </td>
                          </tr>
                      </tbody>
                  </table>
                  </div>
                </div>
            </div>

    </div>
  </div>

    <!-- Default box -->
    <div class="card">
    
    
      <div class="card-body">
        @include('layouts.success_error')
                            
  
              <div class="row">
                  <div class="col-sm-12">
                      <h6 class="font-weight-bold float-left">Download Words Tindak Lanjut  </h6>
                      <div class="float-right">
                      <a href="#" class="btn btn-primary">Download File</a>
               
  
                    </div>
                  </div>
              </div>
              
  
      </div>
    </div>
  <!-- /.card -->

  <div class="card">
    <div class="card-body">
      @include('layouts.success_error')
                          

            <div class="row">
                <div class="col-sm-12">
                    <h6 class="font-weight-bold float-left">Scan File Hasil Tindak Lanjut </h6>
                    <div class="float-right mb-3">
                    <a href="#" class="btn btn-primary">Upload File</a>
                  </div>
                  <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Nama File</th>
                            <th width="250px">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Pengawasan A.docx</td>
                            <td>
                                <a href="#" class="btn btn-primary">Download File</a>
                                <a href="#" class="btn btn-danger">Hapus</a>
                            </td>
                        </tr>
                      
                    </tbody>
                </table>
                </div>
            </div>
    </div>
  </div>

</section>
@endsection