kaunter/resources/views/pembiayaan_online/pc/batch.blade.php

@extends('layouts.app')
@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.pc') }}">Pembiayaan Online</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Batch</li>
                </ol>
            </nav>

            <div class="card mb-3">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3"><b>Batch No</b><br>{{ $batch['batch_no'] ?? '-' }}</div>
                        <div class="col-md-2"><b>Tarikh</b><br>{{ $batch['tarikh'] ?? '-' }}</div>
                        <div class="col-md-2"><b>Slot</b><br>{{ $batch['slot'] ?? '-' }}</div>
                        <div class="col-md-2"><b>Status</b><br>{{ $batch['status'] ?? '-' }}</div>
                        <div class="col-md-3"><b>Jumlah</b><br>RM {{ number_format((float)($batch['jumlah_keseluruhan'] ?? 0), 2) }}</div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <h5 class="mb-0">Senarai Dalam Batch</h5>
                    <a href="{{ route('pembiayaan.online.pc') }}" class="btn btn-secondary btn-sm">Kembali</a>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-striped table-sm text-center">
                        <thead class="thead-dark">
                            <tr>
                                <th>Status</th>
                                <th>SAG</th>
                                <th>Pelanggan</th>
                                <th>No KP</th>
                                <th>Bank</th>
                                <th>No Akaun</th>
                                <th>Pinjaman (RM)</th>
                                <th>Rujukan Bayaran</th>
                                <th>Dokumen</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($lines as $line)
                                <tr>
                                    <td>{{ $line['status'] ?? '-' }}</td>
                                    <td>{{ $line['norujukan'] ?? '-' }}</td>
                                    <td class="text-left">{{ $line['nama_pelanggan'] ?? '-' }}</td>
                                    <td>{{ $line['nokp'] ?? '-' }}</td>
                                    <td>{{ $line['nama_bank'] ?? $line['kodbank'] ?? '-' }}</td>
                                    <td>{{ $line['noakaun'] ?? '-' }}</td>
                                    <td class="text-right">{{ number_format((float)($line['pinjaman'] ?? 0), 2) }}</td>
                                    <td>{{ $line['no_rujukan_bayaran'] ?? '-' }}</td>
                                    <td class="text-nowrap">
                                        <button type="button"
                                                class="btn btn-sm btn-outline-dark btn-preview-sag"
                                                data-url="{{ route('pembiayaan.online.pc.sag', ['id' => $line['id']]) }}"
                                                data-norujukan="{{ $line['norujukan'] ?? '' }}">
                                            SAG
                                        </button>
                                        @if(!empty($line['bukti_akaun_file_id']))
                                            <a class="btn btn-sm btn-outline-primary"
                                               href="{{ route('pembiayaan.online.pc.bukti.akaun', ['id' => $line['id']]) }}"
                                               target="_blank">
                                                Slip Bank
                                            </a>
                                        @else
                                            <span class="text-muted small">Tiada slip</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="sagPreviewModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width:1140px;">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Pratonton SAG — <span id="sagPreviewTitle"></span></h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body p-2">
                <iframe id="sagPreviewFrame" title="Pratonton SAG" src="about:blank"
                        style="width:100%;height:75vh;border:1px solid #dee2e6;background:#f8f9fa;"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('.btn-preview-sag').on('click', function () {
        $('#sagPreviewTitle').text($(this).data('norujukan') || '');
        $('#sagPreviewFrame').attr('src', $(this).data('url'));
        $('#sagPreviewModal').modal('show');
    });
    $('#sagPreviewModal').on('hidden.bs.modal', function () {
        $('#sagPreviewFrame').attr('src', 'about:blank');
    });
</script>
@endsection