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

<div class="modal fade" tabindex="-1" id="show">
    <div class="modal-dialog modal-lg" id="show-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">E-Berpadu :: Buat Laporan Range Harian Baru</span>
                                <span class="text-muted mt-1 fw-bold fs-7">Input Pelaksanaan Harian</span>
                            </h3>
                        </div>
                        <!--end::Header-->
                        
                        <form method="POST" accept-charset="UTF-8" role="form" autocomplete="off" id="formInput">
                            @csrf
                            <input type="hidden" name="tanggal_awal" value="{{$tanggal_awal}}">
                            <input type="hidden" name="tanggal_akhir" value="{{$tanggal_akhir}}">
                        <!--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">Range Laporan</span>
                                        @if($tanggal_awal == $tanggal_akhir)
                                        <h5 class="mb-1">{{\Carbon\Carbon::createFromFormat('Y-m-d',  $tanggal_awal)->isoFormat('DD MMMM YYYY')}}</h5>
                                        @else
                                        <h5 class="mb-1">{{\Carbon\Carbon::createFromFormat('Y-m-d',  $tanggal_awal)->isoFormat('DD MMMM YYYY')}} s/d {{\Carbon\Carbon::createFromFormat('Y-m-d',  $tanggal_akhir)->isoFormat('DD MMMM YYYY')}}</h5>
                                        @endif
                                    </div>
                                </div>
                                <!--end::Content-->
                            </div>

                            @php
                                $bisa_generate_laporan = false;
                            @endphp

                            <!--begin::Accordion-->
                            <div class="accordion" id="kt_accordion_1">
                                @foreach($satker as $key => $sat)
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="kt_accordion_1_header_{{$key+1}}">
                                        <button class="accordion-button fs-6 fw-bold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#kt_accordion_1_body_{{$key+1}}" aria-expanded="false" aria-controls="kt_accordion_1_body_{{$key+1}}">
                                            {{$sat->nama}}
                                        </button>
                                    </h2>
                                    <div id="kt_accordion_1_body_{{$key+1}}" class="accordion-collapse collapse" aria-labelledby="kt_accordion_1_header_{{$key+1}}" data-bs-parent="#kt_accordion_1">
                                        <div class="accordion-body">
                                            <div class="row">
                                                <div class="col-9">
                                                    <div class="table-responsive">
                                                        <table class="table table-row-dashed table-row-gray-300 gy-2 gs-2">
                                                          <thead>
                                                            <tr class="fw-bolder text-gray-800 border-bottom border-gray-200 bg-light">
                                                              <th class="text-center" style="min-width: 50px; width: 50px;">Include?</th>
                                                              <th>Berkas</th>
                                                              <th>Pid Biasa/Khusus</th>
                                                              <th>Pid Anak</th>
                                                              <th>Pid Tipikor</th>
                                                            </tr>
                                                          </thead>
                                                          <tbody id="table_body">
                                                            
                                                            @php
                                                                $tanggal_awal_date = \Carbon\Carbon::createFromFormat('Y-m-d',  $tanggal_awal);
                                                                $tanggal_akhir_date = \Carbon\Carbon::createFromFormat('Y-m-d',  $tanggal_akhir);
                                                                $periode = \Carbon\CarbonPeriod::create($tanggal_awal_date,$tanggal_akhir_date);
                                                            @endphp
                        
                                                            @foreach ($periode as $hari)
                                                            <tr class="py-5 fw-bolder">
                                                                <td  colspan="5" class="fs-6 {{$hari->isoFormat('d') == 0 ? 'fw-bold text-danger':''}}">{{$hari->isoFormat('dddd')}}, {{$hari->isoFormat('DD MMM Y')}}</td>
                                                            </tr>
                                                            <tr>
                                        
                                                                @php
                                                                    $row_laporan = \App\Models\LaporanHarian::where('tanggal',$hari->format('Y-m-d'))->where('satker_id', $sat->id)->where('status_data', 'AKTIF')->first();
                                                                @endphp
                                    
                                                                @if($row_laporan)
                                                                    <td class="text-center {{ $row_laporan->diketahui_validasi == 'SUDAH' ? 'bg-light-success' : 'bg-light-danger'}}">
                                                                        {!! $row_laporan->diketahui_validasi == 'SUDAH' ? '<i class="fas fa-check text-success"></i>' : '<i class="fas fa-times text-danger"></i>'!!}
                                                                    </td>
                                                                    <td>
                                                                        <button type="button" class="btn btn-sm btn-info btnshow px-2 py-0"
                                                                            data-id="{{$row_laporan->id}}">Lihat</button>
                                                                    </td>
                                                                    <td class="fs-8">
                                                                        <strong>Keterangan</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->keterangan == '' ? '-' : $row_laporan->keterangan)) !!}   
                                                                        </p>  
                                                                        <strong>Kendala</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->kendala == '' ? '-' : $row_laporan->kendala)) !!}     
                                                                        </p>  
                                                                    </td>
                                                                    <td class="fs-8">
                                                                        <strong>Keterangan</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->keterangan_anak == '' ? '-' : $row_laporan->keterangan_anak)) !!}    
                                                                        </p>  
                                                                        <strong>Kendala</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->kendala_anak == '' ? '-' : $row_laporan->kendala_anak)) !!}  
                                                                        </p>  
                                                                    </td>
                                                                    @if($row_laporan->satker->tipikor == 1)
                                                                    <td class="fs-8">
                                                                        <strong>Keterangan</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->keterangan_tipikor == '' ? '-' : $row_laporan->keterangan_tipikor)) !!}    
                                                                        </p>  
                                                                        <strong>Kendala</strong>
                                                                        <p>
                                                                          {!! nl2br(($row_laporan->kendala_tipikor == '' ? '-' : $row_laporan->kendala_tipikor)) !!}    
                                                                        </p>  
                                                                    </td>
                                                                    @else
                                                                        <td class="fs-8">-</td>
                                                                    @endif
                                                                    @php
                                                                        if ($row_laporan->diketahui_validasi == 'SUDAH') {
                                                                            $bisa_generate_laporan = true;
                                                                        }
                                                                    @endphp
                                                                @else
                                                                    <td class="text-center bg-light-danger">
                                                                        <i class="fas fa-times text-danger"></i>
                                                                    </td>
                                                                    <td class="fs-7">-</td>
                                                                    <td class="fs-7">-</td>
                                                                    <td class="fs-7">-</td>
                                                                    <td class="fs-7">-</td>
                                                                @endif
                                                            </tr>
                                                            @endforeach
                                                          </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                                <div class="col-3">

                                                    <div class="card shadow-sm mb-3">
                                                        <div class="card-body p-2">
                                                            <h5 class="card-title mt-2 mb-3">Pid Biasa/Khusus</h5>
                                                            <div class="mb-3">
                                                                <label for="keterangan_{{$sat->id}}" class="form-label fs-6">Keterangan</label>
                                                                <textarea id="keterangan_{{$sat->id}}" name="keterangan_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="kendala_{{$sat->id}}" class="form-label fs-6">Kendala</label>
                                                                <textarea id="kendala_{{$sat->id}}" name="kendala_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="monitoring_{{$sat->id}}" class="form-label fs-6">Monitoring</label>
                                                                <textarea id="monitoring_{{$sat->id}}" name="monitoring_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="card shadow-sm mb-3">
                                                        <div class="card-body p-2">
                                                            <h5 class="card-title mt-2 mb-3">Pid Anak</h5>
                                                            <div class="mb-3">
                                                                <label for="keterangan_anak_{{$sat->id}}" class="form-label fs-6">Keterangan</label>
                                                                <textarea id="keterangan_anak_{{$sat->id}}" name="keterangan_anak_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="kendala_anak_{{$sat->id}}" class="form-label fs-6">Kendala</label>
                                                                <textarea id="kendala_anak_{{$sat->id}}" name="kendala_anak_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="monitoring_anak_{{$sat->id}}" class="form-label fs-6">Monitoring</label>
                                                                <textarea id="monitoring_anak_{{$sat->id}}" name="monitoring_anak_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="card shadow-sm">
                                                        <div class="card-body p-2">
                                                            <h5 class="card-title mt-2 mb-3">Pid Tipikor</h5>
                                                            <div class="mb-3">
                                                                <label for="keterangan_tipikor_{{$sat->id}}" class="form-label fs-6">Keterangan</label>
                                                                <textarea id="keterangan_tipikor_{{$sat->id}}" name="keterangan_tipikor_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="kendala_tipikor_{{$sat->id}}" class="form-label fs-6">Kendala</label>
                                                                <textarea id="kendala_tipikor_{{$sat->id}}" name="kendala_tipikor_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="monitoring_tipikor_{{$sat->id}}" class="form-label fs-6">Monitoring</label>
                                                                <textarea id="monitoring_tipikor_{{$sat->id}}" name="monitoring_tipikor_{{$sat->id}}" rows="3" class="form-control"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <!--end::Accordion-->

                            
                        </div>
                        <!--end::Body-->

                        <div class="card-footer  d-flex justify-content-between">
                            <a type="button" class="btn btn-light" href="{{route('pt.laporan.range_harian.index')}}">Batal</a>
                            <button type="submit" class="btn btn-primary" {!! $bisa_generate_laporan ? '' : 'disabled'!!}>Generate Laporan</button>
                        </div>

                        </form>
                    </div>
                    <!--end:List Widget 3-->
                </div>
            </div>
            <!--end::Row-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Post-->
</div>
<!--end::Content-->
@endsection

@section('js')

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

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

    $(document).ready(function(){

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


</script>

@stop