@extends('layout.master')

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{ route('satsdn.index') }}">Daftar SATS-DN</a></li>
    <li class="breadcrumb-item active" aria-current="page">Detail SATS-DN</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12">
    <div class="card shadow-sm">
      <div class="card-header bg-primary text-white d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Detail SATS-DN</h5>
        {{-- <button onclick="printFromTemplate(this)" data-id="{{ $data->id }}" class="btn btn-warning text-white"> --}}

         @if (Str::upper(Auth::user()->wilayah) == Str::upper($data->satsdn_asal_prov))
          <button
              type="button"
              class="btn btn-warning text-white"
              data-bs-toggle="modal"
              data-bs-target="#printModal">
              <i class="btn-icon-prepend" data-feather="printer" style="width:15px;height:15px"></i>
              Print
            </button>
          @endif
          @if (Str::upper(Auth::user()->wilayah) == Str::upper('Jakarta'))
           <button
              type="button"
              class="btn btn-warning text-white"
              data-bs-toggle="modal"
              data-bs-target="#printModal">
              <i class="btn-icon-prepend" data-feather="printer" style="width:15px;height:15px"></i>
              Print
            </button>
          @endif
      </div>
      <div class="card-body">
        <table class="table table-bordered">
          <tbody>
            <tr>
              <td class="fw-bold">Nomor SATSDN</td>
              <td>{{ $data->nomor_satsdn }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Tujuan</td>
              <td>{{ $data->purpose }}</td>
            </tr>
            <tr>
              <td class="fw-bold">No. Izin Mengambil</td>
              <td>{{ $data->no_izin_persetujuan }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Tanggal Izin Mengambil</td>
              <td>{{ $data->tgl_no_izin_persetujuan }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Tanggal Dibuat</td>
              <td>{{ \Carbon\Carbon::parse($data->tanggal_surat)->translatedFormat('l, j F Y') }}</td>
            </tr>
            <!--<tr>-->
            <!--  <td class="fw-bold">Masa Berlaku</td>-->
            <!--  <td>{{ $data->masa_berlaku }}</td>-->
            <!--</tr>-->
            <tr>
              <td class="fw-bold">No. Surat Permohonan Angkut</td>
              <td>{{ $data->no_surat_permohonan_angkut }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Tanggal Surat Permohonan Angkut</td>
              <td>{{ $data->tgl_no_surat_permohonan_angkut }}</td>
            </tr>
            <tr>
              <td class="fw-bold">No. BAP</td>
              <td>{{ $data->no_bap }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Tanggal BAP</td>
              <td>{{ $data->tgl_no_bap }}</td>
            </tr>
            <tr>
              <td class="fw-bold">SATSDN Asal</td>
              <td>{{ $data->satsdn_asal }}</td>
            </tr>
            <tr>
              <td class="fw-bold">SATSDN Tujuan</td>
              <td>{{ $data->satsdn_tujuan }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Alat Angkut</td>
              <td>{{ $data->alat_angkut }}</td>
            </tr>
          </tbody>
        </table>

        <div class="bg-light p-2 mt-4">
          <h5 class="mb-0">Informasi Pengirim</h5>
        </div>
        <table class="table table-bordered">
          <tbody>
            <tr>
              <td class="fw-bold">Nama Pengirim</td>
              <td>{{ $data->nama_pengirim }}</td>
            </tr>
            <tr>
              <td class="fw-bold">No. Telepon Pengirim</td>
              <td>{{ $data->no_telp_pengirim }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Alamat Pengirim</td>
              <td>
                {{ $data->alamat_pengirim }}, {{ $data->kelurahan_pengirim }}, {{ $data->kecamatan_pengirim }}, 
                {{ $data->kota_kabupaten_pengirim }}, {{ $data->provinsi_pengirim }}, {{ $data->kodepos_pengirim }}
              </td>
            </tr>
          </tbody>
        </table>

        <div class="bg-light p-2 mt-4">
          <h5 class="mb-0">Informasi Tujuan</h5>
        </div>
        <table class="table table-bordered">
          <tbody>
            <tr>
              <td class="fw-bold">Nama Tujuan</td>
              <td>{{ $data->nama_tujuan }}</td>
            </tr>
            <tr>
              <td class="fw-bold">No. Telepon Tujuan</td>
              <td>{{ $data->no_telp_tujuan }}</td>
            </tr>
            <tr>
              <td class="fw-bold">Alamat Tujuan</td>
              <td>
                {{ $data->alamat_tujuan }}, {{ $data->kelurahan_tujuan }}, {{ $data->kecamatan_tujuan }}, 
                {{ $data->kota_kabupaten_tujuan }}, {{ $data->provinsi_tujuan }}, {{ $data->kodepos_tujuan }}
              </td>
            </tr>
          </tbody>
        </table>

        <div class="bg-light p-2 mt-4">
          <h5 class="mb-0">Informasi Spesies</h5>
        </div>
        <table class="table table-bordered text-center">
          <thead class="table-primary">
            <tr>
              <th>Spesies</th>
              <th>Nama Latin</th>
              <th>Qty</th>
              <th>Deskripsi</th>
            </tr>
          </thead>
          <tbody>
            @foreach (collect($spesies)->sortBy->species_latin as $item)
              <tr>
                <td>{{ $item['species_name'] }}</td>
                <td><i>{{ $item['species_latin'] }}</i></td>
                <td>{{ $item['qty'] }}</td>
                <td>{{ $item['description'] }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>

        <div class="mt-4">
          {{-- <iframe src="{{ asset('storage/' . $arsip->file_path) }}" width="100%" height="500px"></iframe> --}}
        </div>

        {{-- <a href="{{ route('arsip.index') }}" class="btn btn-primary mt-3">⬅ Kembali</a> --}}
      </div>
    </div>
  </div>
</div>

<!-- Print Confirmation Modal -->
<div class="modal fade" id="printModal" tabindex="-1" aria-labelledby="printModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <form id="printForm">
      @csrf
      <input type="hidden" name="satsdn_id" value="{{ $data->id }}">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="printModalLabel">Pilih Penandatangan</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label for="signatureSelect" class="form-label">Penandatangan</label>
            <select id="signatureSelect" name="signature_id" class="form-select" required>
              <option value="" disabled selected>Pilih Penandatangan</option>
              @foreach($signatures as $sig)
                <option value="{{ $sig->id }}">{{ $sig->name }} — {{ $sig->nip }}</option>
              @endforeach
            </select>
          </div>
          <div class="mb-3">
            <label for="masa_berlaku" class="form-label">Masa Berlaku</label>
            <input type="number" id="masa_berlaku" name="masa_berlaku" class="form-control" placeholder="Isi Masa Berlaku">
            <!--<select id="signatureSelect" name="signature_id" class="form-select" required>-->
            <!--  <option value="" disabled selected>Pilih Penandatangan</option>-->
              <!--@foreach($signatures as $sig)-->
            <!--    <option value="10">10 Hari</option>-->
            <!--    <option value="20">20 Hari</option>-->
            <!--    <option value="30">30 Hari</option>-->
            <!--    <option value="40">40 Hari</option>-->
            <!--    <option value="50">50 Hari</option>-->
            <!--    <option value="60">60 Hari</option>-->
              <!--@endforeach-->
            <!--</select>-->
          </div>
          <div class="mb-3">
              <label for="dikeluarkan_id">Dikeluarkan di</label>
              <input type="text" id="dikeluarkan_di" name="dikeluarkan_di" class="form-control" required>
          </div>
          <div class="mb-3">
              <label for="penandatanganan">Jabatan Penandatangan <small class="text-danger">*Jika Penandatangan Kepala Balai Kosongkan</small></label>
               <input type="text" id="penandatanganan" name="penandatanganan" class="form-control" >
          </div>
         
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary">Lanjutkan Print</button>
        </div>
      </div>
    </form>
  </div>
</div>


@endsection

@push('custom-scripts')
  <script>
    // function printFromTemplate(button) {
    //     const id = button.getAttribute('data-id');

    //     const url = `/satsdn/print/${id}`;

    //     const printWindow = window.open(url, '_blank');
    //     printWindow.focus();

    //     printWindow.onload = function () {
    //         printWindow.print();
    //     };
    // }
    
    
    $(function(){
  
    $('#printForm').on('submit', function(e){
        e.preventDefault();

        Swal.fire({
          title: 'Konfirmasi Print',
          text: 'Apakah Anda yakin ingin mencetak dokumen ini?',
          icon: 'warning',
          showCancelButton: true,
          confirmButtonText: 'Ya, cetak',
          cancelButtonText: 'Batal',
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#6c757d'
        }).then(function(result){
          if (!result.isConfirmed) return;
    
          
          const satsdnId    = $('input[name="satsdn_id"]').val();
          const signatureId = $('#signatureSelect').val();
          const masaBerlaku = $('#masa_berlaku').val();
          const dikeluarkan_di = $('#dikeluarkan_di').val();
          const penandatanganan = $('#penandatanganan').val();
    
          
          const url = `/print/${satsdnId}?signature_id=${signatureId}&masa_berlaku=${masaBerlaku}&dikeluarkan_di=${dikeluarkan_di}&penandatangan=${penandatanganan}`;
          const w   = window.open(url, '_blank');
          w.focus();
          w.onload = () => w.print();
    
          
          $('#printModal').modal('hide');
        });
      });
    });


  </script>
@endpush