@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
  @include('layouts.navbars.auth.topnav', ['title' => ''])

  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="row mx-1">
          <div class="card">
            <div class="card-header">
              <h5 class="mb-0">Result {{ $title_menu }}</h5>
            </div>
            <hr class="horizontal dark mt-0">

            <div class="row px-4 py-2">
              <div class="col-lg">
                <div class="nav-wrapper row">
                  <div class="col">
                    <button class="btn btn-secondary mb-0" onclick="history.back()">
                      <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                    </button>
                  </div>
                  <div class="col-md-7">
                    <div class="d-flex flex-wrap gap-2 justify-content-md-end">
                      <span class="badge bg-light text-dark">Dari:
                        {{ $filter['fr_tanggal'] ? \Carbon\Carbon::parse($filter['fr_tanggal'])->format('d/m/Y') : '-' }}
                      </span>
                      <span class="badge bg-light text-dark">Sampai:
                        {{ $filter['to_tanggal'] ? \Carbon\Carbon::parse($filter['to_tanggal'])->format('d/m/Y') : '-' }}
                      </span>
                      <span class="badge bg-light text-dark">Departemen:
                        {{ $filter['id_departemen'] == '' ? 'Semua' : $departemens->firstWhere('id', $filter['id_departemen'])->nama ?? '-' }}
                      </span>
                      <span class="badge bg-light text-dark">Bagian:
                        {{ $filter['id_bagian'] == '' ? 'Semua' : $bagians->firstWhere('id', $filter['id_bagian'])->nama ?? '-' }}
                      </span>
                      <span class="badge bg-light text-dark">Status:
                        {{ $filter['status_permintaan'] == '' ? 'Semua' : $statusOptions[$filter['status_permintaan']] ?? '-' }}
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row px-4 py-2">
              <div class="table-responsive">
                <table class="table display" id="list_{{ $dmenu }}">
                  @php
                    $columns = [
                        'No Permintaan',
                        'Departemen',
                        'Bagian',
                        'Posisi',
                        'Alasan',
                        'Peminta',
                        'Tanggal',
                        'Shift',
                        'Jumlah Permintaan',
                        'Jumlah Pemenuhan',
                        'Status',
                    ];
                  @endphp
                  @if ($table_result && count($table_result) > 0)
                    <thead class="thead-light" style="background-color: #daecff;">
                      <tr>
                        <th>No</th>
                        @foreach ($columns as $column)
                          <th class="text-center">{{ $column }}</th>
                        @endforeach
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($table_result as $detail)
                        <tr>
                          <td>{{ $loop->iteration }}</td>
                          <td class="text-sm font-weight-normal">
                            @if (!empty($detail->permintaan->id))
                              <a href="{{ URL::to('rpdtks/show/' . encrypt($detail->permintaan->id)) }}"
                                class="text-decoration-underline fw-bold">
                                {{ $detail->no_permintaan }}
                              </a>
                            @else
                              {{ $detail->no_permintaan }}
                            @endif
                          </td>
                          <td class="text-sm font-weight-normal">{{ $detail->permintaan->departemen->nama ?? '-' }}</td>
                          <td class="text-sm font-weight-normal">{{ $detail->permintaan->bagian->nama ?? '-' }}</td>
                          <td class="text-sm font-weight-normal">{{ $detail->permintaan->jabatan->nama ?? '-' }}</td>
                          <td class="text-sm font-weight-normal">{{ $detail->permintaan->nama_alasan ?? '-' }}</td>
                          <td class="text-sm font-weight-normal">{{ $detail->permintaan->karyawan->nama ?? '-' }}</td>
                          <td class="text-sm font-weight-normal">
                            {{ \Carbon\Carbon::parse($detail->tanggal)->format('d-m-Y') }}</td>
                          <td class="text-sm font-weight-normal text-center">{{ $detail->shift ?? '-' }}</td>
                          <td class="text-sm font-weight-normal text-center">{{ $detail->jumlah ?? 0 }}</td>
                          <td class="text-sm font-weight-normal text-center">{{ $detail->realisasi_count ?? 0 }}</td>
                          <td class="text-sm font-weight-normal">
                            {{ $detail->status_os ? $statusDetailOptions[$detail->status_os] ?? strtoupper((string) $detail->status_os) : 'Belum Direalisasi oleh OS' }}
                          </td>
                        </tr>
                      @endforeach
                    </tbody>
                  @endif
                </table>
              </div>
            </div>

            <div class="row px-4 py-2">
              <div class="col-lg">
                @if ($table_result && count($table_result) > 0)
                  <div class="nav-wrapper" id="noted"><code>Total data: {{ count($table_result) }}</code></div>
                @else
                  <div class="nav-wrapper"><code>Data not found!</code></div>
                @endif
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  @if ($jsmenu == '1')
    @if (view()->exists("js.{$dmenu}"))
      @push('addjs')
        @include('js.' . $dmenu)
      @endpush
    @else
      @push('addjs')
        <script>
          Swal.fire({
            title: 'JS Not Found!!',
            text: 'Please Create File JS',
            icon: 'error',
            confirmButtonColor: '#028284'
          });
        </script>
      @endpush
    @endif
  @endif
@endsection

@push('js')
  <script>
    const exportFilters = @json($filter ?? []);

    function buildExportUrl(type) {
      const params = new URLSearchParams();
      params.set('export', type);

      if (exportFilters.fr_tanggal) {
        params.set('fr_tanggal', exportFilters.fr_tanggal);
      }
      if (exportFilters.to_tanggal) {
        params.set('to_tanggal', exportFilters.to_tanggal);
      }
      if (exportFilters.id_departemen) {
        params.set('id_departemen', exportFilters.id_departemen);
      }
      if (exportFilters.id_bagian) {
        params.set('id_bagian', exportFilters.id_bagian);
      }
      if (exportFilters.status_permintaan) {
        params.set('status_permintaan', exportFilters.status_permintaan);
      }

      return "{{ url('rpdtks/result') }}" + '?' + params.toString();
    }

    $('#list_{{ $dmenu }}').DataTable({
      language: {
        search: 'Cari :',
        lengthMenu: 'Tampilkan _MENU_ baris',
        zeroRecords: 'Maaf - Data tidak ada',
        info: 'Data _START_ - _END_ dari _TOTAL_',
        infoEmpty: 'Tidak ada data',
        infoFiltered: '(pencarian dari _MAX_ data)'
      },
      responsive: true,
      dom: 'Bfrtip',
      buttons: [{
          className: 'buttons-excel',
          text: '<i class="fas fa-file-excel me-1 text-lg text-success"> </i><span class="font-weight-bold"> Excel</span>',
          action: function() {
            window.location.href = buildExportUrl('excel');
          }
        },
        {
          className: 'buttons-pdf',
          text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"> </i><span class="font-weight-bold"> PDF</span>',
          action: function() {
            window.open(buildExportUrl('print'), '_blank');

          }
        },
        {
          className: 'buttons-print',
          text: '<i class="fas fa-print me-1 text-lg text-info"> </i><span class="font-weight-bold"> Print</span>',
          action: function() {
            window.location.href = buildExportUrl('print');
          }
        }
      ]
    });

    $('.dt-button').addClass('btn btn-secondary');
    $('.dt-button').removeClass('dt-button');

    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>210</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>210</b><br />
    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>211</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>211</b><br />
    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>212</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/tsirec/resources/views/trptkr/rpdtks/result.blade.php</b> on line <b>212</b><br />
  </script>
@endpush