@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Daftar Ajuan Anggaran</h2>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    @if (Auth::user()->role->nama === 'unit' || Auth::user()->role->nama === 'super_admin')
        <a href="{{ route('yayasan.ajuan-anggaran.create') }}" class="btn btn-primary mb-3">Buat Ajuan Baru</a>
    @endif

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Tanggal Ajuan</th>
                <th>Periode</th>
                <th>Deskripsi</th>
                <th>Unit Pengaju</th>
                <th>Total Diajukan</th>
                <th>Status</th>
                <th>Disetujui Oleh</th>
                <th>Tgl Persetujuan</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($ajuanAnggarans as $ajuan)
                <tr>
                    <td>{{ $ajuan->id }}</td>
                    <td>{{ $ajuan->tanggal_ajuan->format('d-m-Y') }}</td>
                    <td>{{ $ajuan->periode_bulan_tahun }}</td>
                    <td>{{ Str::limit($ajuan->deskripsi_ajuan, 50) }}</td>
                    <td>{{ $ajuan->unit->nama_unit ?? '-' }}</td>
                    <td>Rp {{ number_format($ajuan->total_diajukan, 2, ',', '.') }}</td>
                    <td>
                        <span class="badge {{
                            $ajuan->status == 'Diajukan' ? 'bg-warning' :
                            ($ajuan->status == 'Disetujui' ? 'bg-success' :
                            ($ajuan->status == 'Ditolak' ? 'bg-danger' : 'bg-info'))
                        }}">
                            {{ $ajuan->status }}
                        </span>
                    </td>
                    <td>{{ $ajuan->approver->name ?? '-' }}</td>
                    <td>{{ $ajuan->tanggal_persetujuan ? $ajuan->tanggal_persetujuan->format('d-m-Y H:i') : '-' }}</td>
                    <td>
                        <a href="{{ route('yayasan.ajuan-anggaran.show', $ajuan->id) }}" class="btn btn-info btn-sm">Lihat</a>
                        @if (Auth::user()->role === 'unit' && in_array($ajuan->status, ['Diajukan', 'Direvisi']))
                            <a href="{{ route('yayasan.ajuan-anggaran.edit', $ajuan->id) }}" class="btn btn-warning btn-sm">Edit</a>
                            <form action="{{ route('yayasan.ajuan-anggaran.destroy', $ajuan->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Apakah Anda yakin ingin menghapus ajuan ini?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                            </form>
                        @endif

                        @if (Auth::user()->role === 'bendahara_utama' || Auth::user()->role === 'super_admin')
                            @if ($ajuan->status === 'Diajukan')
                                <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#approveModal" data-ajuan-id="{{ $ajuan->id }}">Setujui</button>
                                <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#rejectModal" data-ajuan-id="{{ $ajuan->id }}">Tolak</button>
                            @endif
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="10" class="text-center">Tidak ada ajuan anggaran.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="modal fade" id="approveModal" tabindex="-1" aria-labelledby="approveModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="approveForm" method="POST">
                @csrf
                @method('PATCH')
                <div class="modal-header">
                    <h5 class="modal-title" id="approveModalLabel">Setujui Ajuan Anggaran</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Apakah Anda yakin ingin menyetujui ajuan ini?</p>
                    <div class="mb-3">
                        <label for="approve_catatan" class="form-label">Catatan (Opsional):</label>
                        <textarea class="form-control" id="approve_catatan" name="catatan_approver" rows="3"></textarea>
                    </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">Setujui</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="rejectForm" method="POST">
                @csrf
                @method('PATCH')
                <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Tolak Ajuan Anggaran</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Apakah Anda yakin ingin menolak ajuan ini?</p>
                    <div class="mb-3">
                        <label for="reject_catatan" class="form-label">Catatan (Wajib):</label>
                        <textarea class="form-control" id="reject_catatan" name="catatan_approver" rows="3" required></textarea>
                    </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-danger">Tolak</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
    // Script untuk modal approve
    document.getElementById('approveModal').addEventListener('show.bs.modal', function (event) {
        const button = event.relatedTarget;
        const ajuanId = button.getAttribute('data-ajuan-id');
        const form = document.getElementById('approveForm');
        form.action = `/yayasan/ajuan-anggaran/${ajuanId}/approve`; // Sesuaikan dengan route Anda
    });

    // Script untuk modal reject
    document.getElementById('rejectModal').addEventListener('show.bs.modal', function (event) {
        const button = event.relatedTarget;
        const ajuanId = button.getAttribute('data-ajuan-id');
        const form = document.getElementById('rejectForm');
        form.action = `/yayasan/ajuan-anggaran/${ajuanId}/reject`; // Sesuaikan dengan route Anda
    });
</script>
@endpush