@extends('layouts.app')
@section('content')
<!--begin::Content-->

<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" id="create">
  <div class="modal-dialog modal-dialog-scrollable" id="create-app">
    <div class="modal-content">
      <div class="modal-header">
          <h5 class="modal-title">Input Data</h5>
          <!--begin::Close-->
          <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
              <span class="svg-icon svg-icon-2x"></span>
          </div>
          <!--end::Close-->
      </div>
  
      <div class="modal-body">
          <form method="POST" 
          action="{{route('akur.pt.input.store')}}" 
          accept-charset="UTF-8" role="form" autocomplete="off" id="formCreate">
          @csrf
          
              <div class="row">
                  <div class="col-12">
                    <label class="required form-label">Waktu</label>
                      <div class="d-flex mb-5">
                        <div class="me-5">
                          <select class="form-select" name="tahun" aria-label="Select example">
                              @for ($i = 0; $i < 5; $i++)
                              <option value="{{date('Y')-$i}}" {{(($tahunaktif == (date('Y')-$i)) ? 'selected' : '')}}>{{date('Y')-$i}}</option>
                              @endfor
                          </select>                    
                        </div>
                        <div class="me-5">
                            <select class="form-select" name="bulan" aria-label="Select example">
                                <option value="01" {{($bulanaktif == '01' ? 'selected':'') }}>JANUARI</option>
                                <option value="02" {{($bulanaktif == '02' ? 'selected':'') }}>FEBRUARI</option>
                                <option value="03" {{($bulanaktif == '03' ? 'selected':'') }}>MARET</option>
                                <option value="04" {{($bulanaktif == '04' ? 'selected':'') }}>APRIL</option>
                                <option value="05" {{($bulanaktif == '05' ? 'selected':'') }}>MEI</option>
                                <option value="06" {{($bulanaktif == '06' ? 'selected':'') }}>JUNI</option>
                                <option value="07" {{($bulanaktif == '07' ? 'selected':'') }}>JULI</option>
                                <option value="08" {{($bulanaktif == '08' ? 'selected':'') }}>AGUSTUS</option>
                                <option value="09" {{($bulanaktif == '09' ? 'selected':'') }}>SEPTEMBER</option>
                                <option value="10" {{($bulanaktif == '10' ? 'selected':'') }}>OKTOBER</option>
                                <option value="11" {{($bulanaktif == '11' ? 'selected':'') }}>NOVEMBER</option>
                                <option value="12" {{($bulanaktif == '12' ? 'selected':'') }}>DESEMBER</option>
                            </select>                    
                        </div>
                        <div>
                            <select class="form-select" name="minggu" aria-label="Select example">
                                <option value="I" {{($mingguaktif == 'I' ? 'selected':'') }}>MINGGU PERTAMA</option>
                                <option value="II" {{($mingguaktif == 'II' ? 'selected':'') }}>MINGGU KEDUA</option>
                                <option value="III" {{($mingguaktif == 'III' ? 'selected':'') }}>MINGGU KETIGA</option>
                                <option value="IV" {{($mingguaktif == 'IV' ? 'selected':'') }}>MINGGU KEEMPAT</option>
                            </select>                    
                        </div>

                      </div>

                      <div class="mb-5">
                        <label for="no_perkara" class="required form-label">Nomor Perkara</label>
                        <input type="text" name="no_perkara" class="form-control" placeholder="Masukan nomor perkara" required/>
                      </div>
                      <div class="mb-5">
                          <label for="permasalahan" class="required form-label">Permasalahan</label>
                          <select class="form-select" name="permasalahan" aria-label="Select example">
                              <option value="SESUAI">SESUAI</option>
                              <option value="TIDAK SESUAI">TIDAK SESUAI</option>
                          </select>                    
                      </div>
                      <div class="mb-5">
                          <label for="tindak_lanjut" class="form-label">Tindak Lanjut</label>
                          <textarea class="form-control " placeholder="Masukan Permasalahan" name="tindak_lanjut" rows="4" id="permasalahan"></textarea>
                      </div>
                      <div class="mb-5">
                          <label for="keterangan" class="form-label">Keterangan</label>
                          <textarea class="form-control " placeholder="Masukan Keterangan" name="keterangan" rows="4" id="keterangan"></textarea>
                      </div>
                      @if(auth()->user()->isPanmudPTPidana())
                      <input type="hidden" name="tipe" id="tipe" value="PIDANA">
                      @elseif(auth()->user()->isPanmudPTTipikor())
                      <input type="hidden" name="tipe" id="tipe" value="TIPIKOR">
                      @else
                      <div class="mb-5">
                          <label for="tipe" class="required form-label">TIPE</label>
                          <select class="form-select" name="tipe" aria-label="Select example">
                              <option value="PIDANA">PIDANA</option>
                              <option value="TIPIKOR">TIPIKOR</option>
                          </select>                    
                      </div>
                      @endif
                  </div>
              </div>
          </form>
      </div>
  
      <div class="modal-footer d-flex justify-content-between">
          <button type="button" class="btn btn-light" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary" form="formCreate">Simpan Data</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" id="edit">
  <div class="modal-dialog modal-dialog-scrollable" id="edit-app">
  </div>
</div>

<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" id="delete">
  <div class="modal-dialog" id="delete-app">
  </div>
</div>

<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" id="pdf">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" id="pdf-app">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Export PDF</h5>
            <!--begin::Close-->
            <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
                <span class="svg-icon svg-icon-2x"></span>
            </div>
            <!--end::Close-->
        </div>
    
        <div class="modal-body">
            <form autocomplete="off"  id="formPdf" method="GET" action="{{route('akur.pt.pdf.index')}}">
                <input type="hidden" name="tahun" id="tahun" value="{{$tahunaktif}}">
                <input type="hidden" name="bulan" id="bulan" value="{{$bulanaktif}}">
                <input type="hidden" name="minggu" id="minggu" value="{{$mingguaktif}}">
                
                <div class="row">
                    <div class="col-12">
                        <div class="mb-5">
                            <label for="dittd_tanggal" class="required form-label">Tanggal/Jam TTD</label>
                            <div class="d-flex">
                              <input type="text" id="dittd_tanggal_input" class="form-control me-2" placeholder="Masukan tanggal tanda tangan" required/>
                              <input type="text" id="dittd_jam_input" class="form-control" placeholder="Masukan jam tanda tangan" required/>
                          </div>
                        </div>
                        <div class="mb-5">
                            <label for="dittd_jabatan" class="required form-label">Tanda Tangan 1</label>
                            <div class="d-flex">
                                <input type="text" name="dittd_jabatan" class="form-control" placeholder="Jabatan" required/>
                                <input type="text" name="dittd_nama" class="form-control mx-2" placeholder="Nama" required/>
                                <input type="text" name="dittd_nip" class="form-control" placeholder="NIP" required/>
                            </div>
                        </div>
                        <div class="mb-5">
                            <label for="disahkan_jabatan" class="required form-label">Tanda Tangan 2</label>
                            <div class="d-flex">
                                <input type="text" name="disahkan_jabatan" class="form-control" placeholder="Jabatan" required/>
                                <input type="text" name="disahkan_nama" class="form-control mx-2" placeholder="Nama" required/>
                                <input type="text" name="disahkan_nip" class="form-control" placeholder="NIP" required/>
                            </div>
                        </div>
                        <div class="mb-5">
                            <label for="diketahui_jabatan" class="required form-label">Tanda Tangan 3</label>
                            <div class="d-flex">
                                <input type="text" name="diketahui_jabatan" class="form-control" placeholder="Jabatan" required/>
                                <input type="text" name="diketahui_nama" class="form-control mx-2" placeholder="Nama" required/>
                                <input type="text" name="diketahui_nip" class="form-control" placeholder="NIP" required/>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    
        <div class="modal-footer d-flex justify-content-between">
            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Batal</button>
            <button type="submit" class="btn btn-primary" form="formPdf">Export</button>
        </div>
    </div>
  </div>
</div>

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  <!--begin::Post-->
  <div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
      @include('layouts.success_error')
      <!--begin::Row-->
      <div class="row g-5 g-xl-8">
        <div class="col-xl-12">
          <!--begin::List Widget 3-->
          <div class="card card-xl-stretch mb-xl-8">
            <!--begin::Header-->
            <div class="card-header py-5">
              <h3 class="card-title align-items-start flex-column">
                <span class="card-label fw-bolder fs-3 mb-1">Input Data</span>
                <span class="text-muted mt-1 fw-bold fs-7">Monev Akurasi Data SIPP</span>
              </h3>
              <div>
                <button class="btn btn-success btn-sm fw-bolder" data-bs-toggle="modal" data-bs-target="#create" type="button"><i class="fas fa-plus"></i>Baru</button>
                <button type="button" data-bs-toggle="modal" data-bs-target="#pdf" class="btn btn-danger btn-sm fw-bolder ms-2"><i class="fa fa-file"></i>PDF</button>
              </div>
            </div>
            <!--end::Header-->

            <div class="card-header border-0 py-5">
              <form autocomplete="off">
                <div class="d-md-flex " data-kt-customer-table-toolbar="base">
                  <div class="me-md-3 mb-3 mb-md-0">
                    <div class="d-flex">
                      <div class="me-5">
                          <select class="form-select" name="tahun" aria-label="Select example">
                              @for ($i = 0; $i < 5; $i++)
                              <option value="{{date('Y')-$i}}" {{(($tahunaktif == (date('Y')-$i)) ? 'selected' : '')}}>{{date('Y')-$i}}</option>
                              @endfor
                          </select>                    
                      </div>
                      <div class="me-5">
                          <select class="form-select" name="bulan" aria-label="Select example">
                              <option value="01" {{($bulanaktif == '01' ? 'selected':'') }}>JANUARI</option>
                              <option value="02" {{($bulanaktif == '02' ? 'selected':'') }}>FEBRUARI</option>
                              <option value="03" {{($bulanaktif == '03' ? 'selected':'') }}>MARET</option>
                              <option value="04" {{($bulanaktif == '04' ? 'selected':'') }}>APRIL</option>
                              <option value="05" {{($bulanaktif == '05' ? 'selected':'') }}>MEI</option>
                              <option value="06" {{($bulanaktif == '06' ? 'selected':'') }}>JUNI</option>
                              <option value="07" {{($bulanaktif == '07' ? 'selected':'') }}>JULI</option>
                              <option value="08" {{($bulanaktif == '08' ? 'selected':'') }}>AGUSTUS</option>
                              <option value="09" {{($bulanaktif == '09' ? 'selected':'') }}>SEPTEMBER</option>
                              <option value="10" {{($bulanaktif == '10' ? 'selected':'') }}>OKTOBER</option>
                              <option value="11" {{($bulanaktif == '11' ? 'selected':'') }}>NOVEMBER</option>
                              <option value="12" {{($bulanaktif == '12' ? 'selected':'') }}>DESEMBER</option>
                          </select>                    
                      </div>
                      <div>
                          <select class="form-select" name="minggu" aria-label="Select example">
                              <option value="I" {{($mingguaktif == '01' ? 'selected':'') }}>MINGGU PERTAMA</option>
                              <option value="II" {{($mingguaktif == '02' ? 'selected':'') }}>MINGGU KEDUA</option>
                              <option value="III" {{($mingguaktif == '03' ? 'selected':'') }}>MINGGU KETIGA</option>
                              <option value="IV" {{($mingguaktif == '04' ? 'selected':'') }}>MINGGU KEEMPAT</option>
                          </select>                    
                      </div>
                    </div>
                  </div>
                  <div class="d-flex me-md-3 mb-3 mb-md-0">
                    <button type="submit" class="btn btn-primary fw-bolder me-2"><i class="fas fa-search"></i>Lihat
                      Data</button>
                  </div>
                </div>
              </form>
            </div>

            <!--begin::Body-->
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-row-dashed table-row-gray-300">
                    <thead>
                      <tr class="fw-bolder text-gray-800 border border-gray-800 bg-light">
                        <th class="align-middle text-center" style="min-width: 50px; width: 50px;" rowspan="2">No</th>
                        <th class="align-middle text-center" style="min-width: 80px; width: 80px;" rowspan="2">Tahun</th>
                        <th class="align-middle text-center" style="min-width: 80px; width: 80px;" rowspan="2">Bulan</th>
                        <th class="align-middle text-center" style="min-width: 80px; width: 80px;" rowspan="2">Minggu</th>
                        <th class="align-middle text-center" style="min-width: 180px; width: 180px;" rowspan="2">No Perkara</th>
                        <th class="align-middle text-center" style="min-width: 140px; width: 140px;" colspan="2">Permasalahan</th>
                        <th class="align-middle text-center" style="min-width: 100px; width: 100px;" rowspan="2">Tindak Lanjut</th>
                        <th class="align-middle text-center" style="min-width: 100px; width: 100px;" rowspan="2">Keterangan</th>
                        <th class="align-middle text-center min-w-100px w-100px" rowspan="2">Tipe</th>
                        <th class="align-middle text-center min-w-100px w-100px" rowspan="2">Ubah</th>
                      </tr>
                      <tr class="fw-bolder text-gray-800 border border-gray-800 bg-light">
                        <th class="align-middle text-center">Sesuai</th>
                        <th class="align-middle text-center">Tidak Sesuai</th>
                      </tr>
                    </thead>
                    <tbody id="table_body" class="border border-gray-800 ">
                        @foreach($rows as $key => $r)
                        <tr class="border border-gray-800">
                            <td class="align-middle text-center">{{$key+1}}</td>
                            <td class="align-middle text-center">{{$r->tahun}}</td>
                            <td class="align-middle text-center">{{$r->bulan}}</td>
                            <td class="align-middle text-center">{{$r->minggu}}</td>
                            <td class="align-middle text-center" >{{$r->no_perkara}}</td>
                            @if($r->permasalahan == 'SESUAI')  
                            <td class="align-middle text-center"><span class="bi bi-check-lg text-success"></span></td>
                            <td></td>
                            @else
                            <td></td>
                            <td class="align-middle text-center"><span class="bi bi-check-lg text-danger"></span></td>
                            @endif
                            <td><div class="mb-2" >{!! nl2br($r->tindak_lanjut) !!}</div></td>
                            <td><div class="mb-2" >{!! nl2br($r->keterangan) !!}</div></td>
                            <td class="align-middle text-center">{{$r->tipe}}</td>
                            <td>
                                <div class="d-flex">
                                    <button class="btn btn-sm btn-icon btn-warning btnedit me-2" data-id="{{$r->id}}" type="button"><span class="bi bi-pencil-square"></span></button>
                                    <button class="btn btn-sm btn-icon btn-danger btndelete_detail" data-id="{{$r->id}}" type="button"><span class="bi bi-trash"></span></button>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table> 
              </div>
            </div>
            <!--end::Body-->
          </div>
          <!--end:List Widget 3-->
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
  </div>
  <!--end::Post-->
</div>
<!--end::Content-->
@endsection