@extends('layouts.admin')

@section('title', 'Detail Pengajuan')

@section('content')
<div class="main-content">
  <section class="section">

    <div class="section-header">
      <h1>Detail Pengajuan</h1>
      <div class="section-header-breadcrumb">
        <a href="{{ route('admin.pengajuan.index') }}"
           class="btn btn-secondary btn-sm">
          Kembali
        </a>
      </div>
    </div>

    {{-- ================= DETAIL PENGAJUAN ================= --}}
<div class="row">

  {{-- Informasi Pengaju --}}
  <div class="col-lg-8 col-md-12 mb-2">
    <div class="card h-100 shadow-sm">
      <div class="card-header bg-white">
        <h5 class="mb-0">
          <i class="far fa-user mr-2 text-primary"></i>
          Informasi Pengaju
        </h5>
      </div>

      <div class="card-body">
        <div class="row">
          <div class="col-md-6 mb-3">
            <p><strong>Nama:</strong><br>{{ $pengajuan->user->name }}</p>
            <p><strong>Email:</strong><br>{{ $pengajuan->user->email }}</p>
            <p><strong>Telepon:</strong><br>{{ $pengajuan->user->nomor_hp ?? '-' }}</p>
          </div>

          <div class="col-md-6 mb-3">
            <p><strong>Kode PO:</strong><br>{{ $pengajuan->kode_invoice }}</p>
            <p><strong>Paket:</strong><br>{{ $pengajuan->paket->nama }}</p>
            <p><strong>Tanggal Pengajuan:</strong><br>{{ $pengajuan->created_at->format('d M Y H:i') }}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
{{-- Action Card --}}
            @if($pengajuan->status_id > 2 && $pengajuan->status_id > 5 && canAccess('approve-pengajuan') && canAccess('jadwal-penerbitan') )


<div class="col-lg-4 col-md-12 mb-4">
  <div class="card shadow-sm border-0 text-center">
    <div class="card-body d-flex flex-column justify-content-center">

      @php
        $hasSchedule = $pengajuan->steps()
                        ->whereNotNull('tanggal_mulai')
                        ->exists();
      @endphp

      {{-- Tombol Utama --}}

      @if(!$hasSchedule)

        <form id="form-approve-{{ $pengajuan->id }}"
              action="{{ route('admin.pengajuan.approve', $pengajuan->id) }}"
              method="POST">
          @csrf
          @method('PUT')

          <button type="button"
                  class="btn btn-success btn-block mb-3"
                  onclick="confirmApprove({{ $pengajuan->id }})">
              <i class="fas fa-check mr-1"></i> Setujui Pengajuan
          </button>
        </form>
      {{-- Tombol Tolak --}}
      <a href="#" class="btn btn-outline-danger btn-block mb-3">
        <i class="fas fa-times mr-1"></i> Tolak Pengajuan
      </a>

      @else

        <a href="{{ route('admin.jadwal.create', $pengajuan->id) }}"
           class="btn btn-primary btn-block mb-3">
          <i class="fas fa-calendar-alt mr-1"></i> Lihat Jadwal
        </a>

      @endif


      {{-- Keterangan --}}
      <small class="text-muted">
        @if(!$hasSchedule)
          Menyetujui pengajuan akan membuka pengaturan penjadwalan
        @else
          Jadwal sudah dibuat
        @endif
      </small>

    </div>
  </div>
</div>

</div>
@else
<div class="col-lg-4 col-md-12 mb-4">

</div>
@endif

    <!-- Naskah DIiupload -->
<!-- Naskah Diupload -->
<div class="col-lg-12">
<div class="card mt-4 shadow-sm">
  <div class="card-header bg-white">
    <h5 class="mb-0">
      <i class="far fa-file-alt mr-2 text-primary"></i>
      Naskah Diupload
    </h5>
  </div>

  <div class="card-body">

    @if($pengajuan->naskah)

      {{-- Informasi Naskah --}}
      <div class="mb-4">
        <h6 class="font-weight-bold">{{ $pengajuan->naskah->judul }}</h6>
        <p class="text-muted mb-1">
          Status:
          <span class="badge badge-info">
            {{ ucfirst(str_replace('_',' ',$pengajuan->naskah->status)) }}
          </span>
        </p>

        @if($pengajuan->naskah->ringkasan)
          <p class="mt-2">{{ $pengajuan->naskah->ringkasan }}</p>
        @endif
      </div>

      {{-- Versi Aktif --}}
      @if($pengajuan->naskah->currentVersion)
      <div class="alert alert-light border">
        <strong>Versi Aktif:</strong>
        v{{ $pengajuan->naskah->currentVersion->versi_ke }}
        <br>
        Jumlah Halaman: {{ $pengajuan->naskah->currentVersion->jumlah_halaman }}
        <br>
        <a href="{{ asset('storage/'.$pengajuan->naskah->currentVersion->file_path) }}"
   class="btn btn-sm btn-primary mt-2"
   target="_blank">
   <i class="fas fa-download mr-1"></i> Download File
</a>
      </div>
      @endif

      {{-- Riwayat Versi --}}
      <h6 class="mt-4">Riwayat Versi</h6>

      <div class="table-responsive">
        <table class="table table-bordered table-sm">
          <thead class="thead-light">
            <tr>
              <th>Versi</th>
              <th>Uploader</th>
              <th>Halaman</th>
              <th>Status</th>
              <th>Tanggal</th>
              <th>Aksi</th>
            </tr>
          </thead>
          <tbody>
            @foreach($pengajuan->naskah->versions as $versi)
            <tr>
              <td>v{{ $versi->versi_ke }}</td>
              <td>{{ ucfirst($versi->uploaded_by) }}</td>
              <td>{{ $versi->jumlah_halaman }}</td>
              <td>
                @if($versi->status == 'submitted')
                  <span class="badge badge-warning">Submitted</span>
                @elseif($versi->status == 'approved')
                  <span class="badge badge-success">Approved</span>
                @elseif($versi->status == 'rejected')
                  <span class="badge badge-danger">Rejected</span>
                @endif
              </td>
              <td>{{ $versi->created_at->format('d M Y H:i') }}</td>
              <td>
               <a href="{{ asset('storage/'.$versi->file_path) }}"
   class="btn btn-sm btn-outline-primary"
   target="_blank">
   <i class="fas fa-download"></i>
</a>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>

    @else
      <div class="text-center text-muted py-4">
        <i class="far fa-folder-open fa-2x mb-2"></i>
        <p>Belum ada naskah yang diupload.</p>
      </div>
    @endif

  </div>
</div>
</div>
    {{-- ================= HISTORY PEMBAYARAN ================= --}}
    <div class="col-lg-12">
    <div class="card mt-4">
      <div class="card-header">
        <h4><i class="far fa-credit-card mr-2"></i>History Pembayaran</h4>
      </div>

      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>No</th>
                <th>Tanggal Upload</th>
                <th>Jumlah Bayar</th>
                <th>Bukti</th>
                <th>Status</th>
                <th>Tanggal Konfirmasi</th>
                <th>Aksi</th>
              </tr>
            </thead>
            <tbody>
              @forelse($pengajuan->pembayaran as $pembayaran)
              <tr>
                <td>{{ $loop->iteration }}</td>

                <td>
                  {{ $pembayaran->created_at->format('d M Y H:i') }}
                </td>

                <td>
                  {{ rupiah($pembayaran->jumlah) }}
                </td>

                <td>
                  @if($pembayaran->bukti_bayar)
                    <a href="{{ asset('storage/'.$pembayaran->bukti_bayar) }}"
                       target="_blank"
                       class="btn btn-success btn-sm">
                       Lihat
                    </a>
                  @else
                    -
                  @endif
                </td>

                <td>
                  @if($pembayaran->status == 'paid')
                    <span class="badge badge-warning">
                      Waiting Confirm
                    </span>
                  @elseif($pembayaran->status == 'confirm')
                    <span class="badge badge-success">
                      Paid
                    </span>
                  @else
                    <span class="badge badge-secondary">
                      {{ $pembayaran->status }}
                    </span>
                  @endif
                </td>

                <td>
            {{ $pembayaran->tanggal_konfirmasi
    ? $pembayaran->tanggal_konfirmasi->format('d M Y H:i')
    : '-' }}
                </td>

                <td>
                  @if($pembayaran->status != 'confirm' &&   canAccess('validasi-pembayaran') && $pembayaran->status == 'paid')


<form id="form-konfirmasi-{{ $pembayaran->id }}"
      action="{{ route('admin.pembayaran.konfirmasi', $pembayaran->id) }}"
      method="POST">
    @csrf
    @method('PUT')

    <button type="button"
            class="btn btn-primary btn-sm"
            onclick="confirmKonfirmasi({{ $pembayaran->id }})">
        Konfirmasi
    </button>
</form>
@elseif($pembayaran->status == 'draft')

<form id="form-send-tagihan-{{ $pembayaran->id }}"
      action="{{ route('admin.pembayaran.sendTagihan', $pembayaran->id) }}"
      method="POST">
    @csrf
    @method('PUT')
    <button type="button"
            class="btn btn-danger btn-sm"
            onclick="sendTagihan({{ $pembayaran->id }})">
        Kirim Tagihan
    </button>
</form>
@else

@if(canAccess('cetak-invoice'))
<a href="{{ route('admin.pembayaran.invoice', $pembayaran->id) }}"
   class="btn btn-success btn-sm"
   target="_blank">
   Cetak Invoice
</a>
@endif
@endif

                </td>

              </tr>
              @empty
              <tr>
                <td colspan="7" class="text-center">
                  Belum ada pembayaran
                </td>
              </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
    </div>

  </section>
</div>
@endsection
@push('scripts')
<script>
function confirmKonfirmasi(id) {
    Swal.fire({
        title: 'Apakah Anda yakin?',
        text: "Pembayaran akan dikonfirmasi!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Ya, Konfirmasi!',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            document.getElementById('form-konfirmasi-' + id).submit();
        }
    })
}
function sendTagihan(id) {
    Swal.fire({
        title: 'Apakah Anda yakin?',
        text: "Tagihan Tambahan Halaman akan dikirimkan ke penulis!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Ya, Konfirmasi!',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            document.getElementById('form-send-tagihan-' + id).submit();
        }
    })
}
function confirmApprove(id) {
    Swal.fire({
        title: 'Setujui Pengajuan?',
        text: "Setelah disetujui, Anda akan diarahkan untuk mengatur jadwal penerbitan.",
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Ya, Setujui!',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            document.getElementById('form-approve-' + id).submit();
        }
    })
}
</script>
@endpush