@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-xl modal-dialog-scrollable" id="create-app">
  </div>
</div>

<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" id="create_harian">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" id="create-app_harian">
  </div>
</div>

<div class="modal fade" tabindex="-1" id="show">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" id="show-app">
  </div>
</div>

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

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

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

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

<div class="modal fade" tabindex="-1" id="show_detail">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" id="show_detail-app">
  </div>
</div>

<div class="modal fade" tabindex="-1" id="show_detail_harian">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" id="show_detail_harian-app">
  </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">
      <!--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">Laporan Bulanan</span>
                <span class="text-muted mt-1 fw-bold fs-7">Laporan Pelaksanaan Bulanan</span>
              </h3>
            </div>
            <!--end::Header-->

            <div class="card-header border-0 py-5">
              <form autocomplete="off">
                <div class="d-md-flex justify-content-md-start" data-kt-customer-table-toolbar="base">
                  <div class="me-md-3">
                    <label class="col-form-label">Pilih : </label>
                  </div>
                  <div class="me-md-3 mb-3 mb-md-0">
                    <select class="form-select" name="pilihtahun">
                      @for ($i = $tahunpertama; $i <= $tahunterakhir; $i++) <option value="{{$i}}" {{$tahun==$i
                        ? 'selected' :''}}>{{$i}}</option>
                        @endfor
                    </select>
                  </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="alert bg-light-info border border-info border border-dashed d-flex flex-column flex-sm-row w-100 p-5 mb-10">
                <!--begin::Content-->
                <div class="d-flex">
                  <div class="d-flex flex-column pe-0 pe-sm-10">
                    <span class="text-muted fs-7 fw-bold">Satker</span>
                    <h5 class="mb-1">Semua Satker</h5>
                  </div>
                  <div class="d-flex flex-column pe-0 pe-sm-10">
                    <span class="text-muted fs-7 fw-bold">Periode</span>
                    <h5 class="mb-1">{{$tahun}}</h5>
                  </div>
                </div>
                <!--end::Content-->
              </div>
              <div class="table-responsive">
                <table class="table table-row-dashed table-row-gray-300 gy-5 gs-7">
                  <thead>
                    <tr class="fw-bolder text-gray-800 border-bottom border-gray-200 bg-light">
                      <th style="min-width: 75px; width: 75px;">Bulan</th>
                      <th style="min-width: 75px; width: 75px;">Tahun</th>
                      <th class="min-w-100px w-100px">Dibuat</th>
                      <th class="min-w-100px w-100px">Disahkan</th>
                      <th class="min-w-100px w-100px">Diketahui</th>
                      <th class="min-w-50px w-50px">Berkas</th>
                      <th class="min-w-100px w-100px">Log</th>
                      <th class="min-w-50px w-50px">Ubah</th>
                    </tr>
                  </thead>
                  <tbody id="table_body">
                    @php
                    $list_bulan = ['01','02','03','04','05','06','07','08','09','10','11','12'];
                    @endphp

                    @foreach ($list_bulan as $bulan)
                    @php
                      $bulan_nama = \Carbon\Carbon::createFromFormat('!m',$bulan)->isoFormat('MMMM');
                    @endphp
                    <tr>
                      <td>{{$bulan_nama}}</td>
                      <td>{{$tahun}}</td>
                      
                      @php
                      $row_laporan = \App\Models\LaporanBulananPt::where('bulan',$bulan)->where('tahun',$tahun)->where('status_data', 'AKTIF')->first();
                      @endphp

                      @if($row_laporan)

                        @php
                          $row = \App\Models\LaporanBulanan::where('bulan',$bulan)->where('tahun',$tahun)->first();
                          $row_harian = \App\Models\LaporanHarian::whereMonth('tanggal',$bulan)->whereYear('tanggal',$tahun)->first();
                          $row_id = $row_laporan->id;
                        @endphp

                        @php
                        $dibuat_tanggal = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',
                        $row_laporan->dibuat_tanggal)->isoFormat('DD MMMM YYYY HH:mm:ss');
                        @endphp

                        <td class="ubah{{$bulan.$tahun}} fs-8">
                          {{$row_laporan->dibuat_nama}}<br>{{$row_laporan->dibuat_nip}}<br>{{$row_laporan->dibuat_jabatan}}<br>{{$dibuat_tanggal}}
                        </td>

                        <td class="ubah{{$bulan.$tahun}} fs-8">
                          @if ($row_laporan->disahkan_validasi == 'BELUM')
                            @if(auth()->user()->isPaniteraPT())
                                <button type="button" class="btn btn-sm btn-success btnsahkan" data-id="{{$row_laporan->id}}" id="sahkan{{$row_laporan->id}}"><i class="fas fa-qrcode"></i> Sign</button>
                            @else
                            <i>Belum disahkan</i>
                            @endif
                          @else
                            @php
                              $disahkan_tanggal = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',
                              $row_laporan->disahkan_tanggal)->isoFormat('DD MMMM YYYY HH:mm:ss');
                            @endphp
                            {{$row_laporan->disahkan_nama}}<br>{{$row_laporan->disahkan_nip}}<br>{{$row_laporan->disahkan_jabatan}}<br>{{$disahkan_tanggal}}
                          @endif
                        </td>

                        <td class="ubah{{$bulan.$tahun}} fs-8">
                          @if ($row_laporan->diketahui_validasi == 'BELUM')
                            @if(auth()->user()->isPimpinanPT())
                              @if ($row_laporan->disahkan_validasi == 'BELUM')
                                <i>Menunggu Disahkan</i>
                              @else
                                <button type="button" class="btn btn-sm btn-success btndiketahui" data-id="{{$row_laporan->id}}" id="diketahui{{$row_laporan->id}}"><i class="fas fa-qrcode"></i> Sign</button>
                              @endif   
                            @else
                            <i>Belum diketahui</i>
                            @endif
                          @else
                            @php
                              $diketahui_tanggal = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',
                              $row_laporan->diketahui_tanggal)->isoFormat('DD MMMM YYYY HH:mm:ss');
                            @endphp
                            {{$row_laporan->diketahui_nama}}<br>{{$row_laporan->diketahui_nip}}<br>{{$row_laporan->diketahui_jabatan}}<br>{{$diketahui_tanggal}}
                          @endif
                        </td>
                        <td class="ubah{{$bulan.$tahun}}">
                          <div class="d-grid">
                            <a type="button"
                              href="{{route('pt.laporan.bulanan.pdf.show',['id' => Crypt::encryptString($row_laporan->id) ]) }}"
                              class="btn btn-sm btn-primary p-1" target="_blank">PDF</a>
                              <a type="button"
                              href="{{route('pt.laporan.bulanan.surat.index',['id' => $row_laporan->id ]) }}"
                              class="btn btn-sm btn-info p-1 mt-2">SURAT</a>
                          </div>
                        </td>

                        @php
                        $row_laporan_perubahan = \App\Models\LaporanBulananPt::where('bulan',$bulan)->where('tahun',$tahun)->where('status_data', 'NONAKTIF')->count();
                        @endphp

                        @if($row_laporan_perubahan > 0 )
                          <td class="ubah{{$bulan.$tahun}}">
                            <div class="d-grid">
                              <button type="button" class="btn btn-sm btn-info btnshow"
                                data-id="{{$row_laporan->id}}">{{$row_laporan_perubahan}} Ubah</button>
                            </div>
                          </td>
                        @else
                          <td class="ubah{{$bulan.$tahun}} fs-8"><i>Tidak ada</i></td>
                        @endif

                        @if($row || $row_harian)
                        <td class="ubah{{$bulan.$tahun}}">
                          <div class="dropdown">
                            <button class="btn btn-sm btn-danger dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                              <span class="bi bi-pencil-square"></span>
                            </button>
                            <ul class="dropdown-menu">
                              @if($row)
                              <li><button class="dropdown-item btnedit" data-id="{{$row->id}}" type="button">Data Bulanan</button></li>
                              @else
                              <li><button class="dropdown-item" type="button" disabled>Data Bulanan</button></li>
                              @endif

                              @if($row_harian)
                              <li><button class="dropdown-item btnedit_harian" data-id="{{$row_harian->id}}" type="button">Data Harian</button></li>
                              @else
                              <li><button class="dropdown-item" type="button" disabled>Data Harian</button></li>
                              @endif
                            </ul>
                          </div>

                        </td>
                        @else
                        <td><i>Tidak ada data</i></td>
                        @endif

                      @else

                        @php
                        $row = \App\Models\LaporanBulanan::where('bulan',$bulan)->where('tahun',$tahun)->first();
                        @endphp

                        @php
                        $row_harian = \App\Models\LaporanHarian::whereMonth('tanggal',$bulan)->whereYear('tanggal',$tahun)->first();
                        @endphp

                        @if($row || $row_harian)
                        <td colspan="7" id="td{{$bulan.$tahun}}">
                          <div class="dropdown">
                            <button class="btn btn-sm btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                              Buat Laporan
                            </button>
                            <ul class="dropdown-menu">
                              @if($row)
                              <li><button class="dropdown-item btncreate" data-id="{{$row->id}}" type="button">Data Bulanan</button></li>
                              @else
                              <li><button class="dropdown-item" type="button" disabled>Data Bulanan</button></li>
                              @endif

                              @if($row_harian)
                              <li><button class="dropdown-item btncreate_harian" data-id="{{$row_harian->id}}" type="button">Data Harian</button></li>
                              @else
                              <li><button class="dropdown-item" type="button" disabled>Data Harian</button></li>
                              @endif
                            </ul>
                          </div>
                        </td>
                        @else
                        <td colspan="7">
                          <i>Tidak ada data</i>
                        </td>
                        @endif
                      @endif
                    </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


@section('js')

<script>
  function create(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#create-app').html(response.data);
            $("#create").modal('show');
        });
    };

  function create_harian(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#create-app_harian').html(response.data);
            $("#create_harian").modal('show');
        });
    };

    function show(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#show-app').html(response.data);
            $("#show").modal('show');
        });
    };

    function show_detail(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#show_detail-app').html(response.data);
            $("#show_detail").modal('show');
        });
    };

    function show_detail_harian(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#show_detail_harian-app').html(response.data);
            $("#show_detail_harian").modal('show');
        });
    };

    function edit(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#edit-app').html(response.data);
            $("#edit").modal('show');
        });
    };

    function edit_harian(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#edit-app_harian').html(response.data);
            $("#edit_harian").modal('show');
        });
    };

    function sahkan(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#sahkan-app').html(response.data);
            $("#sahkan").modal('show');
        });
    };

    function diketahui(url, dataid){
        axios.get(url, {
            params: {
                'data_id': dataid,
            }
        }).then(function (response){
            $('#diketahui-app').html(response.data);
            $("#diketahui").modal('show');
        });
    };

    $('#create').on('hidden.bs.modal', function () {
        $('#create-app').empty();
    });

    $('#edit').on('hidden.bs.modal', function () {
        $('#edit-app').empty();
    });

    $('#show').on('hidden.bs.modal', function () {
        $('#show-app').empty();
    });

    $('#sahkan').on('hidden.bs.modal', function () {
        $('#sahkan-app').empty();
    });

    $('#show_detail').on('hidden.bs.modal', function () {
        $('#show_detail-app').empty();
    });

    $('#show_detail_harian').on('hidden.bs.modal', function () {
        $('#show_detail_harian-app').empty();
    });

    $(document).ready(function(){

        $('#table_body').on('click','.btncreate',function(e){
          btn = $(this);  
          create('{{ route("pt.laporan.bulanan.create") }}', btn.data('id'));
        });

        $('#table_body').on('click','.btncreate_harian',function(e){
          btn = $(this);  
          create_harian('{{ route("pt.laporan.bulanan.create_harian") }}', btn.data('id'));
        });

        $('#table_body').on('click','.btnshow',function(e){
          btn = $(this);
          show('{{ route("pt.laporan.bulanan.show") }}', btn.data('id'));
        });
        
        $('#table_body').on('click','.btnedit',function(e){
          btn = $(this);
          edit('{{ route("pt.laporan.bulanan.edit") }}', btn.data('id'));
        });
        
        $('#table_body').on('click','.btnedit_harian',function(e){
          btn = $(this);
          edit_harian('{{ route("pt.laporan.bulanan.edit_harian") }}', btn.data('id'));
        });

        $(document).on('click','.btnshow_detail',function(e){
          btn = $(this);
          show_detail('{{ route("pt.monitoring.bulanan.show") }}', btn.data('id'));
        });

        $(document).on('click','.btnshow_detail_harian',function(e){
          btn = $(this);
          show_detail_harian('{{ route("pt.monitoring.harian.show") }}', btn.data('id'));
        });

        @if(auth()->user()->isPaniteraPT())
          $('#table_body').on('click','.btnsahkan',function(e){
            btn = $(this);
            sahkan('{{ route("pt.laporan.bulanan.sahkan.create") }}', btn.data('id'));
          });
        @endif

        @if(auth()->user()->isPimpinanPT())
          $('#table_body').on('click','.btndiketahui',function(e){
            btn = $(this);
            diketahui('{{ route("pt.laporan.bulanan.diketahui.create") }}', btn.data('id'));
          });
        @endif
    });


</script>

@stop