@extends('layouts.app')
@section('content')
@php
    $isClosed = (int)($modal['ditutup'] ?? 0) === 1;
    $isMissing = !empty($isMissing) || !empty($modal['missing']);
    $pendingRequest = $pendingRequest ?? ($modal['pending_request'] ?? null);
@endphp
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb pb-3">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.pc') }}">Pembiayaan Online</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Had Modal Online</li>
                </ol>
            </nav>

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

            @if($isClosed)
                <div class="alert alert-dark">
                    Modal online hari ini <b>sudah ditutup (EOD)</b>
                    oleh {{ $modal['ditutup_oleh'] ?? '-' }}
                    pada {{ $modal['ditutup_at'] ?? '-' }}.
                    Esok PC perlu mohon had baru daripada Operasi.
                </div>
            @elseif($isMissing)
                <div class="alert alert-warning">
                    Belum ada had modal online hari ini.
                    Mohon amaun di bawah. Operasi akan luluskan permohonan.
                </div>
            @endif

            @if($hasPending && $pendingRequest)
                <div class="alert alert-info">
                    Permohonan PENDING RM {{ number_format((float)($pendingRequest['amaun'] ?? 0), 2) }}
                    daripada {{ $pendingRequest['dimohon_oleh'] ?? '-' }}.
                    Menunggu kelulusan Operasi.
                </div>
            @endif

            <div class="row mb-3">
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="text-muted">Baki Hari Ini</div>
                            <h4 class="mb-0">
                                @if($isMissing)
                                    —
                                @else
                                    RM {{ number_format((float)($modal['baki'] ?? 0), 2) }}
                                @endif
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="text-muted">Had Asas</div>
                            <h4 class="mb-0">
                                @if($isMissing)
                                    —
                                @else
                                    RM {{ number_format((float)($modal['had'] ?? 0), 2) }}
                                @endif
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="text-muted">Tambah Diluluskan</div>
                            <h4 class="mb-0">RM {{ number_format((float)($modal['tambah'] ?? 0), 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="text-muted">Digunakan</div>
                            <h4 class="mb-0">RM {{ number_format((float)($modal['digunakan'] ?? 0), 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-5 mb-3">
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5 class="mb-0">{{ $isMissing ? 'Mohon Had Modal Online' : 'Mohon Tambah Modal Online' }}</h5>
                        </div>
                        <div class="card-body">
                            @if($isClosed)
                                <div class="alert alert-secondary mb-0">
                                    Tidak boleh mohon selepas EOD.
                                </div>
                            @else
                                @if($hasPending)
                                    <div class="alert alert-warning">
                                        Masih ada permohonan <b>PENDING</b>. Tunggu kelulusan Operasi sebelum mohon lagi.
                                    </div>
                                @endif
                                <form method="post" action="{{ route('pembiayaan.online.pc.topup.request') }}">
                                    @csrf
                                    <div class="form-group">
                                        <label>Amaun (RM) <span class="text-danger">*</span></label>
                                        <input type="number" name="amaun" class="form-control" min="1" step="0.01"
                                               value="{{ old('amaun') }}" required {{ $hasPending ? 'disabled' : '' }}>
                                    </div>
                                    <div class="form-group">
                                        <label>Nota</label>
                                        <textarea name="nota" class="form-control" rows="3"
                                                  placeholder="{{ $isMissing ? 'Contoh: Had awal hari ini' : 'Contoh: Modal online hampir habis' }}"
                                                  {{ $hasPending ? 'disabled' : '' }}>{{ old('nota') }}</textarea>
                                    </div>
                                    <button type="submit" class="btn btn-primary" {{ $hasPending ? 'disabled' : '' }}>
                                        Hantar Permohonan
                                    </button>
                                    <a href="{{ route('pembiayaan.online.pc') }}" class="btn btn-secondary">Kembali</a>
                                </form>
                            @endif
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">Tutup Modal Online (EOD)</h5>
                        </div>
                        <div class="card-body">
                            <p class="small text-muted">
                                Tutup hari ini: baki yang tidak digunakan akan dikembalikan,
                                dan tiada lagi gadai online / permohonan untuk hari ini.
                                Esok mohon had baru daripada Operasi.
                            </p>
                            @if($isClosed)
                                <button type="button" class="btn btn-dark" disabled>Sudah Ditutup</button>
                            @elseif($isMissing)
                                <button type="button" class="btn btn-dark" disabled>Tiada rekod untuk ditutup</button>
                            @else
                                <form method="post" action="{{ route('pembiayaan.online.pc.topup.close') }}"
                                      onsubmit="return confirm('Tutup modal online hari ini? Baki RM {{ number_format((float)($modal['baki'] ?? 0), 2) }} akan dikembalikan.');">
                                    @csrf
                                    <button type="submit" class="btn btn-dark">Tutup Modal Online Hari Ini</button>
                                </form>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-md-7 mb-3">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
                            <h5 class="mb-0">Permohonan PC</h5>
                            <form method="get" class="form-inline mt-2 mt-md-0">
                                <select name="status" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
                                    <option value="all" {{ ($status ?? '') === 'all' || ($status ?? '') === '' ? 'selected' : '' }}>Semua</option>
                                    <option value="PENDING" {{ ($status ?? '') === 'PENDING' ? 'selected' : '' }}>PENDING</option>
                                    <option value="APPROVED" {{ ($status ?? '') === 'APPROVED' ? 'selected' : '' }}>APPROVED</option>
                                    <option value="REJECTED" {{ ($status ?? '') === 'REJECTED' ? 'selected' : '' }}>REJECTED</option>
                                </select>
                            </form>
                        </div>
                        <div class="card-body table-responsive">
                            <table class="table table-striped table-sm text-center">
                                <thead class="thead-dark">
                                    <tr>
                                        <th>Tarikh</th>
                                        <th>Amaun (RM)</th>
                                        <th>Status</th>
                                        <th>Dimohon Oleh</th>
                                        <th>Diluluskan Oleh</th>
                                        <th>Nota</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($requests as $req)
                                        @php
                                            $st = $req['status'] ?? '';
                                            $badge = 'badge-secondary';
                                            if ($st === 'PENDING') $badge = 'badge-warning';
                                            elseif ($st === 'APPROVED') $badge = 'badge-success';
                                            elseif ($st === 'REJECTED') $badge = 'badge-danger';
                                        @endphp
                                        <tr>
                                            <td>{{ $req['tarikh'] ?? '-' }}</td>
                                            <td class="text-right">{{ number_format((float)($req['amaun'] ?? 0), 2) }}</td>
                                            <td><span class="badge {{ $badge }}">{{ $st ?: '-' }}</span></td>
                                            <td>{{ $req['dimohon_oleh'] ?? '-' }}</td>
                                            <td>{{ $req['diluluskan_oleh'] ?? '-' }}</td>
                                            <td class="text-left small">{{ $req['nota'] ?? '-' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6">Belum ada permohonan.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection