@extends('layouts.admin')

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

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

<div class="section-header">
  <h1>Proses Pengajuan</h1>
</div>

{{-- ================= INFO PENGAJUAN ================= --}}
<div class="card mb-4">
  <div class="card-body">
    <h5>{{ $pengajuan->kode_invoice }}</h5>

    <p><strong>Penulis:</strong> {{ $pengajuan->user->name }}</p>

    <p><strong>Paket:</strong> {{ $pengajuan->paket->nama }}</p>

    <p>
      <strong>Status:</strong>
      <span class="badge badge-info">
        {{ $pengajuan->status->label }}
      </span>
    </p>
  </div>
</div>


@php

$currentUserId = auth()->id();

/* ================= STEP AKTIF ================= */
$currentStep = $pengajuan->steps
                ->where('id', $pengajuan->last_step)
                ->first();
if($currentStep == null){
$currentStep = $pengajuan->steps
                ->where('step_id',1)
                ->first();}

/* ================= AMBIL STEP LAYOUTING ================= */
$layoutingStep = $pengajuan->steps->where('step_id',1)->first();

$editorStep = optional($layoutingStep)->details
            ?->where('nama_proses','Cek Draft Naskah')
            ->first();

$layoutStep = optional($layoutingStep)->details
            ?->where('nama_proses','Layout Naskah')
            ->first();


/* ================= CEK AKSES USER ================= */

$userInStep = optional($currentStep)->user_id == $currentUserId;

$userInSubStep = optional($currentStep)->details
                    ?->contains('user_id', $currentUserId);

$canAccessWorkflow = $userInStep || $userInSubStep;

@endphp



{{-- ================= VALIDASI TAGIHAN ================= --}}
@if ($pengajuan->pembayaran->where('status','pending')->count() 
    || $pengajuan->pembayaran->where('status','paid')->count())

<div class="alert alert-secondary">
Proses belum bisa dilanjutkan karena ada tagihan penulis yang belum diselesaikan.
</div>



{{-- ================= VALIDASI AKSES ================= --}}
@elseif(!$canAccessWorkflow)

<div class="alert alert-danger">
Anda tidak memiliki akses pada tahap workflow ini.
</div>



{{-- ================= WORKFLOW ================= --}}
@else


{{-- ================= STEP 1 : LAYOUTING ================= --}}
@if($pengajuan->last_step == null)

    {{-- EDITOR CEK DRAFT --}}
    @if(optional($editorStep)->status != 'completed')

        @include('admin.pengajuan.partials.review_naskah')

    {{-- LAYOUT NASKAH --}}
    @elseif(optional($layoutStep)->status != 'completed')

        @include('admin.pengajuan.partials.layouting')

    @endif



{{-- ================= STEP 2 : REVIEW ================= --}}
@elseif($pengajuan->step->step_id == 1)
<div class="alert alert-secondary">
Menunggu Review dari Penulis
</div>
    

{{-- ================= STEP 3 : EDIT ================= --}}
@elseif($pengajuan->step->step_id == 2)

    @include('admin.pengajuan.partials.edit_naskah')



{{-- ================= STEP 4 : ISBN ================= --}}
@elseif($pengajuan->step->step_id == 5)

    @include('admin.pengajuan.partials.pengajuan_isbn')



{{-- ================= SELESAI ================= --}}
@elseif($pengajuan->step->step_id == 6)

    @include('admin.pengajuan.partials.selesai')



{{-- ================= DEFAULT ================= --}}
@else

<div class="alert alert-secondary">
Status belum memiliki proses khusus.
</div>

@endif

@endif

</section>
</div>
<div class="modal fade" id="modalIsbn">
<div class="modal-dialog">
<div class="modal-content">

<div class="modal-header">
<h5 class="modal-title">Input Nomor Surat</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<form action="{{ route('admin.workflow.isbn.cetak', $pengajuan->id) }}" method="POST" target="_blank">
@csrf

<div class="modal-body">

<div class="form-group">
<label>Nomor Surat</label>
<input type="text"
name="isbn"
class="form-control"
placeholder="Contoh: 01/A.2/AndusEDU/I/2026"
required>
</div>

<div class="form-group">
<label>Link/Akses Buku</label>
<input type="text"
name="link"
class="form-control"
placeholder="Contoh: www.andusedu.or.id/preview/sebatang-cokelat-untuk-guru"
required>
</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">
Batal
</button>

<button type="submit" class="btn btn-primary">
<i class="fas fa-print"></i>
Cetak
</button>

</div>

</form>

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

<!-- ================= MODAL ================= -->

<div class="modal fade" id="modalSertifikat" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">

      <div class="modal-header">
        <h5 class="modal-title">Finalisasi Berhasil</h5>
        <button type="button" class="close" data-dismiss="modal">
          &times;
        </button>
      </div>

      <div class="modal-body text-center">

        <p class="text-success">
          Data berhasil difinalisasi. Silakan preview sertifikat.
        </p>

        <button class="btn btn-info mb-3"
                onclick="previewSertifikat()">
          <i class="fas fa-eye"></i> Preview Sertifikat
        </button>

        <div class="custom-control custom-checkbox text-left">
          <input type="checkbox" id="setujuKirim" class="custom-control-input">
          <label class="custom-control-label" for="setujuKirim">
            Saya setuju sertifikat dikirim ke penulis
          </label>
        </div>

      </div>

      <div class="modal-footer">

        <button class="btn btn-secondary" data-dismiss="modal">
          Tutup
        </button>

        <button class="btn btn-primary" onclick="kirimSertifikat()">
          Kirim Sertifikat
        </button>

      </div>

    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>

function prosesFinalisasi() {

    let form = $('#formFinalisasi')[0];
    let formData = new FormData(form);
    formData.append('action', 'final');

    $.ajax({
        url: "{{ route('admin.workflow.finalisasi', $pengajuan->id) }}",
        type: "POST",
        data: formData,
        processData: false,
        contentType: false,
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        },
        success: function (res) {

            if (res.status === 'success') {
                $('#modalSertifikat').modal('show');
            } else {
                alert('Gagal finalisasi');
            }

        },
        error: function () {
            alert('Terjadi error');
        }
    });
}


// ================= PREVIEW PDF =================
function previewSertifikat() {

    let form = $('#formFinalisasi')[0];
    let formData = new FormData(form);
    formData.append('action', 'preview');

    $.ajax({
        url: "{{ route('admin.workflow.sertifikat.preview', $pengajuan->id) }}",
        type: "GET",
        processData: false,
        contentType: false,
        xhrFields: {
            responseType: 'blob' // 🔥 penting untuk PDF
        },
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        },
        success: function (blob) {

            let url = window.URL.createObjectURL(blob);
            window.open(url, '_blank');

        },
        error: function () {
            alert('Gagal preview sertifikat');
        }
    });
}


// ================= KIRIM =================
function kirimSertifikat() {

    if (!$('#setujuKirim').is(':checked')) {
        alert('Harap centang persetujuan!');
        return;
    }

    alert('Sertifikat berhasil dikirim!');
    location.reload();
}

</script>
@endpush