@extends('layouts.app')

@section('title')
Leads Ready for Credit Paper Preparation
@endsection

@section('css')
<!-- DataTables -->
<link href="{{ URL::asset('build/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('build/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />

<!-- Responsive datatable examples -->
<link href="{{ URL::asset('build/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
@component('components.breadcrumb')
@slot('li_1')
Lead Management
@endslot
@slot('title')
Credit Paper Preparation
@endslot
@endcomponent

<!-- Alert Messages -->
@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="mdi mdi-check-all me-2"></i> {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="mdi mdi-alert-circle-outline me-2"></i> {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

<h4 class="card-title">Leads Ready for Credit Paper Preparation</h4>
<p class="card-title-desc">
    The following loan applications have completed all required approvals and are now ready for credit paper Preparation. Please review the details and proceed to generate the credit paper for each lead.
</p>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                @if($leads->isEmpty())

                <div class="text-center">
                    <div class="mb-3">
                        <div class="rounded-circle bg-light d-inline-flex align-items-center justify-content-center mb-3" style="width: 84px; height: 84px;">
                            <i class="fas fa-regular fa-folder-open fa-3x"></i>
                        </div>
                    </div>
                    <h5 class="text-muted mb-2">
                        There are currently no leads ready for credit paper preparation.
                    </h5>
                    <p class="text-secondary">
                        Once a loan application has been approved at all stages, it will appear here for credit paper processing.
                    </p>
                    <a href="{{ route('lead.index') }}" class="btn btn-outline-primary mt-2">
                        Back to All Applications
                    </a>
                </div>

                @else
                <div class="table-responsive">
                    <table id="datatable" class="table table-bordered dt-responsive  nowrap w-100">
                        <thead>
                            <tr>
                                <th>Serial No.</th>
                                <th>Applicant</th>
                                <th>Business Name</th>
                                <th>Registration No.</th>
                                <th>Title Summary</th>
                                <th>Approved Amount</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($leads as $index => $lead)
                            <tr>
                                <td>{{ $lead->serial_no }}</td>
                                <td>{{ $lead->vendor->name ?? '' }}</td>
                                <td>{{ $lead->biz_name ?: $lead->applicant_name }}</td>
                                <td>{{ $lead->applicant->applicant_brn ?? $lead->applicant->applicant_nric ?? '' }}</td>
                                {{-- <td>{{ $lead->title_summary }}</td> --}}
                                <td>{{ \Illuminate\Support\Str::words($lead->title_summary, 10, '...') ?? '-' }}</td>
                                <td>RM {{ number_format(optional($lead->recommendation)->fund_amount ?? 0, 2) }}</td>
                                <td>
                                    <a href="{{ route('cp.edit_appraisal', $lead->serial_no) }}" class="btn btn-sm btn-primary">
                                        Generate Credit Paper
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->

@endsection
@section('script')
<!-- Required datatable js -->
<script src="{{ URL::asset('build/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<!-- Buttons examples -->
<script src="{{ URL::asset('build/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/jszip/jszip.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/pdfmake/build/pdfmake.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/pdfmake/build/vfs_fonts.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-buttons/js/buttons.colVis.min.js') }}"></script>

<!-- Responsive examples -->
<script src="{{ URL::asset('build/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ URL::asset('build/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js') }}"></script>
<!-- Datatable init js -->
<script src="{{ URL::asset('build/js/pages/datatables.init.js') }}"></script>
@endsection