@extends('layouts.app')
@php
    $headerUser = auth()->user();
    $headerRole = $headerUser->hasRole('keuangan') ? 'keuangan' : ($headerUser->hasRole('yayasan') ? 'yayasan' : 'pengaju');
    $headerContext = $context ?? request('context');
    $legacyHeaderStatusContext = request('status');
    if (($headerContext === null || $headerContext === '') && in_array($legacyHeaderStatusContext, ['lpj', 'verifikasi', 'laporan', \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH], true)) {
        $headerContext = $legacyHeaderStatusContext === \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH ? 'lpj' : $legacyHeaderStatusContext;
    }
    $detailPageTitle = $headerContext === 'lpj' ? 'Detail LPJ' : 'Detail Pencairan';
    $parentPageTitle = match (true) {
        $headerRole === 'keuangan' && $headerContext === 'verifikasi' => 'Verifikasi Pencairan',
        $headerRole === 'keuangan' && $headerContext === 'laporan' => 'Laporan Pencairan',
        $headerRole === 'keuangan' && $headerContext === 'lpj' => 'Verifikasi LPJ',
        $headerRole === 'yayasan' && $headerContext === 'lpj' => 'Monitoring LPJ',
        $headerRole === 'yayasan' => 'Monitoring Pencairan',
        $headerRole === 'pengaju' && $headerContext === 'lpj' => 'LPJ',
        default => 'Daftar Pencairan',
    };
    $parentRouteParams = $headerContext ? ['context' => $headerContext] : [];
@endphp
@section('title', $detailPageTitle)
@section('page-title', $detailPageTitle)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route("{$headerRole}.pencairan.index", $parentRouteParams) }}">{{ $parentPageTitle }}</a></li>
    <li class="breadcrumb-item active">{{ $detailPageTitle }}</li>
@endsection
@section('content')
@php
    $user = auth()->user();
    $role = $user->hasRole('keuangan') ? 'keuangan' : ($user->hasRole('yayasan') ? 'yayasan' : 'pengaju');
    $lpjStatuses = [
        \App\Models\Pencairan::STATUS_DICAIRKAN,
        \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH,
        \App\Models\Pencairan::STATUS_LPJ_DITERIMA,
        \App\Models\Pencairan::STATUS_LPJ_DITOLAK,
        \App\Models\Pencairan::STATUS_SELESAI,
    ];
    $context = $context ?? request('context');
    $legacyStatusContext = request('status');
    if (($context === null || $context === '') && in_array($legacyStatusContext, ['lpj', 'verifikasi', 'laporan', \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH], true)) {
        $context = $legacyStatusContext === \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH ? 'lpj' : $legacyStatusContext;
    }
    $isLpjContext = $context === 'lpj';
    $lpjDoc = $pencairan->getDocument('lpj');
    $backParams = $context ? ['context' => $context] : [];
    $canShowPengajuPencairanAction = $role === 'pengaju'
        && $context === 'pencairan'
        && $pencairan->isEditable();
    $canShowPengajuLpjAction = $role === 'pengaju'
        && $isLpjContext
        && in_array($pencairan->status, [
            \App\Models\Pencairan::STATUS_DICAIRKAN,
            \App\Models\Pencairan::STATUS_LPJ_DITOLAK,
        ], true);
    $canShowKeuanganPencairanAction = $role === 'keuangan'
        && $context === 'verifikasi'
        && in_array($pencairan->status, [
        \App\Models\Pencairan::STATUS_PROSES,
        \App\Models\Pencairan::STATUS_DIAJUKAN,
        \App\Models\Pencairan::STATUS_ACC,
    ], true);
    $canShowKeuanganLpjAction = $role === 'keuangan'
        && $isLpjContext
        && $pencairan->status === \App\Models\Pencairan::STATUS_LPJ_DIUNGGAH;
    $isInfoOnlyDetail = !$canShowPengajuPencairanAction
        && !$canShowPengajuLpjAction
        && !$canShowKeuanganPencairanAction
        && !$canShowKeuanganLpjAction;
    $showActionCard = !$isInfoOnlyDetail;
    $showHistoryCard = true;
    $showNoteCard = $pencairan->catatan_list->isNotEmpty();
    $usesPengajuLpjLayout = $role === 'pengaju' && $isLpjContext;
    $showHistoryBelowInfo = $showHistoryCard && $usesPengajuLpjLayout;
    $showHistoryInSidebar = $showHistoryCard && !$usesPengajuLpjLayout;
    $hasSidePanel = $showActionCard || $showHistoryInSidebar || $showNoteCard;
@endphp

<div class="page-header">
    <div class="page-header-left d-flex align-items-center">
        <div class="page-header-title">
            <h5 class="m-b-10">{{ $isLpjContext ? 'Detail LPJ ' . $pencairan->code : $pencairan->code }}</h5>
            <p class="text-muted mb-0">{{ $isLpjContext ? $pencairan->lpjStatusLabel() : $pencairan->perihal }}</p>
        </div>
    </div>
    <div class="page-header-right ms-auto">
        <a href="{{ route("{$role}.pencairan.index", $backParams) }}" class="btn btn-outline-secondary"><i class="feather-arrow-left me-1"></i> Kembali</a>
    </div>
</div>

<div class="row">
    <div class="{{ $hasSidePanel ? 'col-lg-8' : 'col-12' }}">
        @if($isLpjContext)
        <div class="card menu-detail-card mb-3">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h6 class="mb-0">Dokumen LPJ Pengaju</h6>
                <span class="badge {{ $pencairan->lpjBadgeClass() }}">{{ $pencairan->lpjStatusLabel() }}</span>
            </div>
            <div class="card-body">
                @if($lpjDoc)
                    <div class="menu-doc-item mb-3">
                        <span class="menu-doc-icon"><i class="feather-file-text"></i></span>
                        <div>
                            <a href="{{ route('dokumen.review', ['type' => 'pencairan', 'id' => $pencairan->id, 'document' => 'lpj', 'context' => $context]) }}" class="fw-bold text-decoration-none">{{ $lpjDoc->nama }}</a>
                            <small class="text-muted d-block">LPJ diunggah pengaju</small>
                        </div>
                        <a href="{{ route('dokumen.review', ['type' => 'pencairan', 'id' => $pencairan->id, 'document' => 'lpj', 'context' => $context]) }}" class="btn btn-sm btn-outline-primary ms-auto"><i class="feather-eye me-1"></i> Lihat</a>
                    </div>
                    <div class="ratio ratio-4x3 border rounded overflow-hidden bg-light">
                        <iframe src="{{ $lpjDoc->url }}" title="Preview LPJ {{ $pencairan->code }}" style="border:0"></iframe>
                    </div>
                @else
                    <div class="menu-empty-state py-4">
                        <i class="feather-file-minus"></i>
                        <p class="mb-0">LPJ belum diunggah.</p>
                    </div>
                @endif
            </div>
        </div>
        @endif

        {{-- Detail --}}
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">{{ $isLpjContext ? 'Informasi LPJ' : 'Informasi Pencairan' }}</h6></div>
            <div class="card-body">
                <div class="menu-info-grid">
                    <div class="menu-info-row"><div class="menu-info-label">Nomor</div><div class="menu-info-value fw-semibold">{{ $pencairan->code }}</div></div>
                    <div class="menu-info-row"><div class="menu-info-label">Unit</div><div class="menu-info-value">{{ $pencairan->unit }}</div></div>
                    <div class="menu-info-row">
                        <div class="menu-info-label">RKAT Induk</div>
                        <div class="menu-info-value">
                            @if($pencairan->rkat)
                                <a href="{{ route("{$role}.rkat.show", $pencairan->rkat) }}">{{ $pencairan->rkat->code }}</a>
                            @else - @endif
                        </div>
                    </div>
                    <div class="menu-info-row">
                        <div class="menu-info-label">Kegiatan</div>
                        <div class="menu-info-value">
                            @if($pencairan->item)
                                {{ $pencairan->item->kegiatan }}
                            @elseif($pencairan->luar_rkat)
                                <span class="badge bg-info text-dark">Di Luar RKAT</span>
                            @else - @endif
                        </div>
                    </div>
                    <div class="menu-info-row"><div class="menu-info-label">Perihal</div><div class="menu-info-value">{{ $pencairan->perihal }}</div></div>
                    <div class="menu-info-row">
                        <div class="menu-info-label">{{ $isLpjContext ? 'Status LPJ' : 'Status' }}</div>
                        <div class="menu-info-value">
                            @if($isLpjContext)
                                <span class="badge {{ $pencairan->lpjBadgeClass() }}">{{ $pencairan->lpjStatusLabel() }}</span>
                            @else
                                <span class="badge {{ $pencairan->badgeClass() }}">{{ \App\Support\StatusLabel::pencairan($pencairan->status, $role) }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="menu-info-row"><div class="menu-info-label">Tanggal</div><div class="menu-info-value">{{ $pencairan->tanggal->format('d M Y') }}</div></div>
                    @if($pencairan->tanggal_cair)
                        <div class="menu-info-row"><div class="menu-info-label">Tanggal Cair</div><div class="menu-info-value">{{ $pencairan->tanggal_cair->format('d M Y') }}</div></div>
                    @endif
                    @if($pencairan->deadline_lpj)
                        <div class="menu-info-row">
                            <div class="menu-info-label">Deadline LPJ</div>
                            <div class="menu-info-value">
                                {{ $pencairan->deadline_lpj->format('d M Y') }}
                                @if($pencairan->lpjWarningLabel())
                                    <span class="badge {{ $pencairan->isLpjOverdue() ? 'bg-danger' : 'bg-warning text-dark' }} ms-1">{{ $pencairan->lpjWarningLabel() }}</span>
                                @endif
                            </div>
                        </div>
                    @endif
                    @if($isLpjContext)
                        <div class="menu-info-row"><div class="menu-info-label">Nominal Dicairkan</div><div class="menu-info-value fw-semibold">{{ $pencairan->disetujui ? 'Rp ' . number_format($pencairan->disetujui, 0, ',', '.') : '-' }}</div></div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Timeline --}}
        @if($showHistoryBelowInfo)
        <div class="card menu-detail-card menu-history-card is-compact mb-3" data-testid="pencairan-history-main">
            <div class="card-header"><h6 class="mb-0">Riwayat</h6></div>
            <div class="card-body">
                <div class="menu-history-list">
                @forelse($pencairan->riwayat_status as $r)
                <div class="menu-history-item">
                    <div class="menu-history-head">
                        <span class="badge {{ $pencairan->status === $r->ke ? $pencairan->badgeClass() : 'bg-light text-dark' }}">
                            {{ \App\Support\StatusLabel::pencairan($r->ke, $role) }}
                        </span>
                        <small>{{ $r->waktu?->format('d M Y H:i') ?? '-' }}</small>
                    </div>
                    <div class="menu-history-body">
                        <p>{{ $r->catatan ?: 'Status diperbarui tanpa catatan tambahan.' }}</p>
                    </div>
                    <div class="menu-history-meta">
                        <i class="feather-user"></i>
                        <span>{{ $r->oleh ?: 'Sistem' }}</span>
                        <span class="menu-history-dot"></span>
                        <span>{{ $r->waktu?->diffForHumans() ?? '-' }}</span>
                    </div>
                </div>
                @empty
                <p class="text-muted mb-0 small">Belum ada riwayat.</p>
                @endforelse
                </div>
            </div>
        </div>
        @endif

        {{-- Nominal --}}
        @unless($isLpjContext)
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">Nominal</h6></div>
            <div class="card-body">
                <div class="row g-3 text-center">
                    <div class="col-md-4">
                        <div class="menu-summary-box">
                            <small class="text-muted d-block">Diminta</small>
                            <h5 class="fw-bold mb-0">Rp {{ number_format($pencairan->diminta, 0, ',', '.') }}</h5>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="menu-summary-box">
                            <small class="text-muted d-block">Disetujui</small>
                            <h5 class="fw-bold text-success mb-0">{{ $pencairan->disetujui ? 'Rp ' . number_format($pencairan->disetujui, 0, ',', '.') : '-' }}</h5>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="menu-summary-box">
                            <small class="text-muted d-block">{{ $pencairan->luar_rkat ? 'Jenis' : 'Sisa Anggaran Item' }}</small>
                            <h5 class="fw-bold mb-0">{{ $pencairan->luar_rkat ? 'Pencairan Lain' : ($pencairan->item ? 'Rp ' . number_format($pencairan->item->sisaAnggaran(), 0, ',', '.') : '-') }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endunless

        {{-- Supporting Documents for Pencairan Outside RKAT --}}
        @if(!$isLpjContext && $pencairan->luar_rkat)
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">Dokumen Pendukung</h6></div>
            <div class="card-body">
                <div class="menu-doc-list">
                @foreach(['surat' => 'Surat Permohonan', 'proposal' => 'Proposal/Dokumen Pendukung'] as $type => $label)
                    @if($pencairan->hasDocument($type))
                        @php $doc = $pencairan->getDocument($type); @endphp
                        <div class="menu-doc-item">
                            <span class="menu-doc-icon"><i class="feather-file-text"></i></span>
                            <div>
                                <a href="{{ route('dokumen.review', ['type' => 'pencairan', 'id' => $pencairan->id, 'document' => $type, 'context' => $context]) }}" class="fw-bold text-decoration-none">{{ $doc->nama }}</a>
                                <small class="text-muted d-block">{{ $label }}</small>
                            </div>
                            <a href="{{ route('dokumen.review', ['type' => 'pencairan', 'id' => $pencairan->id, 'document' => $type, 'context' => $context]) }}" class="btn btn-sm btn-outline-primary ms-auto"><i class="feather-eye me-1"></i> Lihat</a>
                        </div>
                    @else
                        <div class="menu-doc-item">
                            <span class="menu-doc-icon"><i class="feather-file-minus"></i></span>
                            <div>
                                <span class="fw-semibold">{{ $label }}</span>
                                <small class="text-muted d-block">Dokumen belum diunggah.</small>
                            </div>
                        </div>
                    @endif
                @endforeach
                </div>
            </div>
        </div>
        @endif

        {{-- Pencairan Info --}}
        @unless($isLpjContext)
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">Info Pencairan Dana</h6></div>
            <div class="card-body">
                @forelse($pencairan->cair_list as $c)
                <div class="menu-note mb-2">
                    <div class="row g-1">
                        <div class="col-sm-4 text-muted">Jumlah</div><div class="col-sm-8 fw-bold">{{ $c->formatted }}</div>
                        <div class="col-sm-4 text-muted">Metode</div><div class="col-sm-8">{{ ucfirst($c->metode) }}</div>
                        @if($pencairan->tanggal_cair)<div class="col-sm-4 text-muted">Tanggal Cair</div><div class="col-sm-8">{{ $pencairan->tanggal_cair->format('d M Y') }}</div>@endif
                        @if($pencairan->deadline_lpj)<div class="col-sm-4 text-muted">Deadline LPJ</div><div class="col-sm-8">{{ $pencairan->deadline_lpj->format('d M Y') }}</div>@endif
                        @if($c->referensi)<div class="col-sm-4 text-muted">Referensi</div><div class="col-sm-8">{{ $c->referensi }}</div>@endif
                        @if($c->bukti_url)
                            <div class="col-sm-4 text-muted">Bukti</div>
                            <div class="col-sm-8">
                                <a href="{{ route('dokumen.review', ['type' => 'pencairan', 'id' => $pencairan->id, 'document' => 'bukti_pencairan', 'context' => $context]) }}" class="fw-semibold">
                                    <i class="feather-file-text me-1"></i>{{ $c->bukti_nama ?? 'Bukti pencairan' }}
                                </a>
                            </div>
                        @endif
                        @if($pencairan->catatan_pencairan)<div class="col-sm-4 text-muted">Catatan</div><div class="col-sm-8">{{ $pencairan->catatan_pencairan }}</div>@endif
                        <div class="col-sm-4 text-muted">Oleh</div><div class="col-sm-8">{{ $c->oleh }} · {{ $c->waktu?->diffForHumans() }}</div>
                    </div>
                </div>
                @empty
                <div class="menu-empty-state py-3">
                    <i class="feather-info"></i>
                    <p class="mb-0">Informasi pencairan dana belum dicatat.</p>
                </div>
                @endforelse
            </div>
        </div>
        @endunless

        {{-- LPJ Verification --}}
        @if($pencairan->verifikasi_list->isNotEmpty())
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">Verifikasi LPJ</h6></div>
            <div class="card-body">
                @foreach($pencairan->verifikasi_list as $v)
                <div class="menu-note mb-2">
                    <span class="badge {{ $v->status === 'diterima' ? 'bg-success' : 'bg-danger' }}">{{ ucfirst($v->status) }}</span>
                    @if($v->catatan)<p class="mb-1 mt-2">{{ $v->catatan }}</p>@endif
                    <small class="text-muted">{{ $v->oleh }} · {{ $v->waktu?->diffForHumans() }}</small>
                </div>
                @endforeach
            </div>
        </div>
        @endif
    </div>

    @if($hasSidePanel)
    <div class="col-lg-4">
        {{-- Actions --}}
        @if($showActionCard)
        <div class="card menu-detail-card mb-3">
            <div class="card-header"><h6 class="mb-0">Aksi</h6></div>
            <div class="card-body">
                @if($canShowPengajuPencairanAction)
                    <a href="{{ route('pengaju.pencairan.edit', $pencairan) }}" class="btn btn-outline-warning w-100 mb-2">
                        <i class="feather-edit-3 me-1"></i> {{ $pencairan->status === \App\Models\Pencairan::STATUS_REVISI ? 'Edit Revisi' : 'Edit Draft' }}
                    </a>
                    <form action="{{ route('pengaju.pencairan.submit', $pencairan) }}" method="POST" class="mb-2"
                          data-confirm="Pencairan akan dikirim untuk proses verifikasi."
                          data-confirm-title="Ajukan pencairan?"
                          data-confirm-text="Ajukan">
                        @csrf
                        <button class="btn btn-primary w-100"><i class="feather-send me-1"></i> Ajukan</button>
                    </form>

                @elseif($canShowPengajuLpjAction)
                    <form action="{{ route('pengaju.pencairan.lpj', $pencairan) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="menu-doc-download mb-3">
                            <div>
                                <strong>Template Dokumen LPJ</strong>
                                <small class="text-muted d-block">Unduh format LPJ yang disediakan Keuangan.</small>
                            </div>
                            <x-template-download-menu :templates="$lpjTemplates" category="lpj" />
                        </div>
                        <label class="form-label fw-semibold">Upload LPJ (PDF)</label>
                        <input type="file" name="lpj" class="form-control mb-2" accept=".pdf" required>
                        <button class="btn btn-primary w-100"><i class="feather-upload me-1"></i> Upload LPJ</button>
                    </form>

                @elseif($canShowKeuanganPencairanAction)
                    <button type="button" class="btn btn-success w-100"
                            data-bs-toggle="modal"
                            data-bs-target="#detailCairModal">
                        <i class="feather-clipboard me-1"></i> Catat Pencairan
                    </button>
                    @if($pencairan->status === 'Proses')
                    <button class="btn btn-warning w-100 mt-2" data-bs-toggle="modal" data-bs-target="#revisiModal">
                        <i class="feather-rotate-ccw me-1"></i> Revisi
                    </button>
                    <button class="btn btn-danger w-100 mt-2" data-bs-toggle="modal" data-bs-target="#tolakPencairanModal">
                        <i class="feather-x me-1"></i> Tolak
                    </button>
                    @endif

                @elseif($canShowKeuanganLpjAction)
                    <form action="{{ route('keuangan.pencairan.action', $pencairan) }}" method="POST" class="mb-2"
                          data-confirm="LPJ akan diterima dan pencairan ditandai selesai."
                          data-confirm-title="Terima LPJ?"
                          data-confirm-text="Terima">
                        @csrf
                        <input type="hidden" name="aksi" value="terima_lpj">
                        <button class="btn btn-success w-100"><i class="feather-check me-1"></i> Terima LPJ</button>
                    </form>
                    <button class="btn btn-danger w-100" data-bs-toggle="modal" data-bs-target="#tolakLpjModal">
                        <i class="feather-x me-1"></i> Tolak LPJ
                    </button>

                @elseif($pencairan->isClosed())
                    <div class="text-center text-muted py-2">
                        <i class="feather-check-circle d-block mb-1" style="font-size:2rem"></i>
                        Pencairan telah {{ strtolower($pencairan->status) }}.
                    </div>
                @else
                    <div class="text-center text-muted py-2">Tidak ada aksi tersedia.</div>
                @endif
            </div>
        </div>
        @endif

        {{-- Timeline --}}
        @if($showHistoryInSidebar)
        <div class="card menu-detail-card menu-history-card is-compact mb-3" data-testid="pencairan-history-sidebar">
            <div class="card-header"><h6 class="mb-0">Riwayat</h6></div>
            <div class="card-body">
                <div class="menu-history-list">
                @forelse($pencairan->riwayat_status as $r)
                <div class="menu-history-item">
                    <div class="menu-history-head">
                        <span class="badge {{ $pencairan->status === $r->ke ? $pencairan->badgeClass() : 'bg-light text-dark' }}">
                            {{ \App\Support\StatusLabel::pencairan($r->ke, $role) }}
                        </span>
                        <small>{{ $r->waktu?->format('d M Y H:i') ?? '-' }}</small>
                    </div>
                    <div class="menu-history-body">
                        <p>{{ $r->catatan ?: 'Status diperbarui tanpa catatan tambahan.' }}</p>
                    </div>
                    <div class="menu-history-meta">
                        <i class="feather-user"></i>
                        <span>{{ $r->oleh ?: 'Sistem' }}</span>
                        <span class="menu-history-dot"></span>
                        <span>{{ $r->waktu?->diffForHumans() ?? '-' }}</span>
                    </div>
                </div>
                @empty
                <p class="text-muted mb-0 small">Belum ada riwayat.</p>
                @endforelse
                </div>
            </div>
        </div>
        @endif

        {{-- Catatan --}}
        @if($showNoteCard)
        <div class="card menu-detail-card menu-history-card is-compact mb-3">
            <div class="card-header"><h6 class="mb-0">Catatan</h6></div>
            <div class="card-body">
                <div class="menu-note-list">
                @foreach($pencairan->catatan_list as $c)
                <div class="menu-note">
                    <div class="menu-note-body">
                        <p>{{ $c->teks }}</p>
                    </div>
                    <div class="menu-note-meta">
                        <i class="feather-user"></i>
                        <span>{{ $c->oleh ?: '-' }}</span>
                        <span class="menu-history-dot"></span>
                        <span>{{ $c->waktu?->format('d M Y H:i') ?? '-' }}</span>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        </div>
        @endif
    </div>
    @endif
</div>

@if($canShowKeuanganPencairanAction)
@php
    $canSetDetailNominal = $pencairan->luar_rkat && $pencairan->status === \App\Models\Pencairan::STATUS_PROSES;
    $jumlahCair = (int) ($pencairan->disetujui ?: $pencairan->diminta);
@endphp
<div class="modal fade modal-cair-compact" id="detailCairModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <form action="{{ route('keuangan.pencairan.action', $pencairan) }}" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="aksi" value="cairkan">
            <input type="hidden" name="jumlah_cair" id="detailJumlahCair" value="{{ $jumlahCair }}">
            <div class="modal-content">
                <div class="modal-header">
                    <div>
                        <h5 class="modal-title">Catat Pencairan</h5>
                        <small class="text-muted">Transfer/tunai dilakukan di luar sistem. Sistem mencatat nominal dan bukti.</small>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="menu-cair-summary mb-3">
                        <div>
                            <span>Pencairan</span>
                            <strong>{{ $pencairan->code }}</strong>
                        </div>
                        <div>
                            <span>Nominal Diminta</span>
                            <strong>Rp {{ number_format((int) $pencairan->diminta, 0, ',', '.') }}</strong>
                        </div>
                    </div>
                    <div class="row g-2">
                        <div class="col-12">
                            <label class="form-label">{{ $canSetDetailNominal ? 'Nominal Disetujui Keuangan' : 'Jumlah Dicairkan' }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control text-end js-rupiah-input" value="{{ number_format($jumlahCair, 0, ',', '.') }}" inputmode="numeric" data-rupiah-target="#detailJumlahCair" @readonly(!$canSetDetailNominal) required>
                            <small class="text-muted d-block mt-1">
                                {{ $canSetDetailNominal ? 'Boleh lebih kecil dari nominal diminta. Maksimal Rp ' . number_format((int) $pencairan->diminta, 0, ',', '.') . '.' : 'Terkunci sesuai nominal disetujui.' }}
                            </small>
                        </div>
                        <div class="col-sm-5">
                            <label class="form-label">Tanggal Pencairan <span class="text-danger">*</span></label>
                            <input type="date" name="tanggal_cair" class="form-control" value="{{ now()->toDateString() }}" required>
                        </div>
                        <div class="col-sm-5">
                            <label class="form-label">Metode <span class="text-danger">*</span></label>
                            <select name="metode_pencairan" class="form-select" required>
                                <option value="transfer">Transfer</option>
                                <option value="tunai">Tunai</option>
                            </select>
                        </div>
                        <div class="col-sm-7">
                            <label class="form-label">Bukti Pencairan <span class="text-danger">*</span></label>
                            <input type="file" name="bukti_pencairan" class="form-control" accept=".pdf,.jpg,.jpeg,.png,application/pdf,image/jpeg,image/png" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Catatan Pencairan</label>
                            <textarea name="catatan_pencairan" class="form-control" rows="2" placeholder="Opsional"></textarea>
                        </div>
                    </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-success"><i class="feather-clipboard me-1"></i> Catat Pencairan</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

{{-- Revisi Modal --}}
@if($canShowKeuanganPencairanAction && $pencairan->status === \App\Models\Pencairan::STATUS_PROSES)
<div class="modal fade" id="revisiModal" tabindex="-1">
    <div class="modal-dialog">
        <form action="{{ route("{$role}.pencairan.action", $pencairan) }}" method="POST">
            @csrf <input type="hidden" name="aksi" value="revisi">
            <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Kembalikan untuk Revisi</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <label class="form-label">Catatan Revisi <span class="text-danger">*</span></label>
                    <textarea name="catatan" class="form-control" rows="3" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-warning">Kirim Revisi</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

@if($canShowKeuanganPencairanAction && $pencairan->status === \App\Models\Pencairan::STATUS_PROSES)
<div class="modal fade" id="tolakPencairanModal" tabindex="-1">
    <div class="modal-dialog">
        <form action="{{ route("{$role}.pencairan.action", $pencairan) }}" method="POST">
            @csrf <input type="hidden" name="aksi" value="reject">
            <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Tolak Pencairan</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <label class="form-label">Alasan Penolakan <span class="text-danger">*</span></label>
                    <textarea name="catatan" class="form-control" rows="3" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Tolak</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

{{-- Tolak LPJ Modal --}}
@if($canShowKeuanganLpjAction)
<div class="modal fade" id="tolakLpjModal" tabindex="-1">
    <div class="modal-dialog">
        <form action="{{ route('keuangan.pencairan.action', $pencairan) }}" method="POST">
            @csrf <input type="hidden" name="aksi" value="tolak_lpj">
            <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Tolak LPJ</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <label class="form-label">Alasan Penolakan LPJ <span class="text-danger">*</span></label>
                    <textarea name="catatan" class="form-control" rows="3" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Tolak LPJ</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif
@endsection