@extends('layouts.app_operasi')
@section('content')
<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.operasi') }}">Pembiayaan Online</a></li>
                    <li class="breadcrumb-item active" aria-current="page">EOD 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

            <div class="row mb-3">
                <div class="col-md-3">
                    <div class="card"><div class="card-body text-center">
                        <div class="text-muted">Tarikh</div>
                        <h4 class="mb-0">{{ $tarikh }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3">
                    <div class="card"><div class="card-body text-center">
                        <div class="text-muted">Masih Dibuka</div>
                        <h4 class="mb-0 text-warning">{{ $summary['open'] ?? 0 }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3">
                    <div class="card"><div class="card-body text-center">
                        <div class="text-muted">Sudah Ditutup</div>
                        <h4 class="mb-0 text-success">{{ $summary['closed'] ?? 0 }}</h4>
                    </div></div>
                </div>
                <div class="col-md-3">
                    <div class="card"><div class="card-body text-center">
                        <div class="text-muted">Belum Ada Rekod</div>
                        <h4 class="mb-0 text-muted">{{ $summary['missing'] ?? 0 }}</h4>
                    </div></div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body d-flex flex-wrap justify-content-between align-items-center">
                    <form method="get" action="{{ route('pembiayaan.online.operasi.eod') }}" class="form-inline mb-2 mb-md-0">
                        <label class="mr-2">Tarikh</label>
                        <input type="date" name="tarikh" class="form-control mr-2" value="{{ $tarikh }}">
                        <button type="submit" class="btn btn-primary">Tapis</button>
                        <a href="{{ route('pembiayaan.online.operasi.topup') }}" class="btn btn-outline-secondary ml-2">Top-up</a>
                    </form>
                    @if(($summary['open'] ?? 0) > 0)
                        <form method="post" action="{{ route('pembiayaan.online.operasi.eod.closeall') }}"
                              onsubmit="return confirm('Tutup SEMUA modal online yang masih dibuka untuk {{ $tarikh }}?');">
                            @csrf
                            <button type="submit" class="btn btn-dark">Tutup Semua (EOD)</button>
                        </form>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Status Modal Online Mengikut Cawangan</h5>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-striped table-hover table-sm text-center">
                        <thead class="thead-dark">
                            <tr>
                                <th>Cawangan</th>
                                <th>Had</th>
                                <th>Tambah</th>
                                <th>Digunakan</th>
                                <th>Kurang (EOD)</th>
                                <th>Baki</th>
                                <th>Status</th>
                                <th>Ditutup Oleh</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($rows as $row)
                                @php
                                    $closed = (int)($row['ditutup'] ?? 0) === 1;
                                    $missing = !empty($row['missing']);
                                @endphp
                                <tr class="{{ $closed ? '' : ($missing ? 'table-secondary' : 'table-warning') }}">
                                    <td class="text-left">
                                        <div>{{ $row['cawangan_nama'] ?? '-' }}</div>
                                        <small class="text-muted">{{ $row['kodcaw'] ?? '' }}</small>
                                    </td>
                                    <td class="text-right">{{ number_format((float)($row['had'] ?? 0), 2) }}</td>
                                    <td class="text-right">{{ number_format((float)($row['tambah'] ?? 0), 2) }}</td>
                                    <td class="text-right">{{ number_format((float)($row['digunakan'] ?? 0), 2) }}</td>
                                    <td class="text-right">{{ number_format((float)($row['kurang'] ?? 0), 2) }}</td>
                                    <td class="text-right">
                                        @if($missing)
                                            —
                                        @else
                                            {{ number_format((float)($row['baki'] ?? 0), 2) }}
                                        @endif
                                    </td>
                                    <td>
                                        @if($closed)
                                            <span class="badge badge-success">DITUTUP</span>
                                        @elseif($missing)
                                            <span class="badge badge-secondary">TIADA</span>
                                        @else
                                            <span class="badge badge-warning">DIBUKA</span>
                                        @endif
                                    </td>
                                    <td class="small">
                                        @if($closed)
                                            {{ $row['ditutup_oleh'] ?? '-' }}<br>
                                            {{ $row['ditutup_at'] ?? '' }}
                                        @else
                                            —
                                        @endif
                                    </td>
                                    <td>
                                        @if($closed)
                                            <span class="text-muted small">OK</span>
                                        @elseif($missing)
                                            <span class="text-muted small">Tiada had</span>
                                        @else
                                            <form method="post"
                                                  action="{{ route('pembiayaan.online.operasi.eod.close', ['kodcaw' => $row['kodcaw']]) }}"
                                                  class="d-inline"
                                                  onsubmit="return confirm('Tutup modal online {{ $row['kodcaw'] }}?');">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-dark">Tutup</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9">Tiada data cawangan.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection