@extends('layouts.app')

@section('title')
@lang('Lead List')
@endsection
@section('css')
<!-- bootstrap-datepicker css -->
<link href="{{ asset('build/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css">

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

<!-- Responsive datatable examples -->
<link href="{{ 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')
Leads
@endslot
@slot('title')
Lead Applications
@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


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

            <div class="card-body border-bottom">
                <div class="d-flex align-items-center">
                    <h5 class="mb-0 card-title flex-grow-1">Lead Applications</h5>
                    <div class="flex-shrink-0">
                        {{-- <a href="{{ route('lead.create') }}" class="btn btn-primary">Add New Lead</a> --}}
                        <a href="{{ route('lead.new_application') }}" class="btn btn-primary">
                            <i class="mdi mdi-plus"></i> New Application
                        </a>
                    </div>
                </div>
            </div>

            <div class="card-body">
                @php
                    // Badge color + primary next-action per lead status. Mirrors the
                    // status set in App\Models\Lead::currentStatus(); route names
                    // confirmed against routes/web.php for each processing stage.
                    $statusBadge = [
                        100 => 'secondary', 1000 => 'secondary', 101 => 'info', 102 => 'info', 103 => 'info',
                        105 => 'info', 106 => 'warning', 107 => 'info', 108 => 'info',
                        109 => 'info', 110 => 'info', 201 => 'info', 210 => 'info',
                        211 => 'info', 202 => 'info', 203 => 'info', 204 => 'warning',
                        500 => 'info', 501 => 'success',
                    ];
                    // 'menu' is the sys_menus id that owns each stage action, used to
                    // gate the action via hasPermission($menu, 'can_view') below.
                    $stageActions = [
                        100 => ['route' => 'lead.application', 'label' => 'Fill Application', 'menu' => 2210],
                        1000 => ['route' => 'lead.application', 'label' => 'Fill Application', 'menu' => 2210],
                        101 => ['route' => 'verification.show', 'label' => 'Verify Application', 'menu' => 2310],
                        102 => ['route' => 'verification.show', 'label' => 'Verify Application', 'menu' => 2310],
                        103 => ['route' => 'verification.show', 'label' => 'Verify Application', 'menu' => 2310],
                        105 => ['route' => 'termsheet.show', 'label' => 'Prepare Term Sheet', 'menu' => 2320],
                        106 => ['route' => 'termsheet.show', 'label' => 'Update Term Sheet', 'menu' => 2320],
                        107 => ['route' => 'termsheet.verify', 'label' => 'Verify Term Sheet', 'menu' => 2320],
                        108 => ['route' => 'cp.edit_appraisal', 'label' => 'Prepare Credit Paper', 'menu' => 2410],
                        109 => ['route' => 'cp_verification.show', 'label' => 'Verify Credit Paper', 'menu' => 2415],
                        110 => ['route' => 'cp_verification.show', 'label' => 'Verify Credit Paper', 'menu' => 2415],
                        201 => ['route' => 'recommendation.edit', 'label' => 'Recommendation', 'menu' => 2420],
                        210 => ['route' => 'recommendation_verification.show', 'label' => 'Verify Recommendation', 'menu' => 2425],
                        211 => ['route' => 'recommendation_verification.show', 'label' => 'Verify Recommendation', 'menu' => 2425],
                        202 => ['route' => 'CCapproval.edit', 'label' => 'Credit Committee Approval', 'menu' => 2430],
                        203 => ['route' => 'BODapproval.edit', 'label' => 'Board Approval', 'menu' => 2440],
                        204 => ['route' => 'agreement.edit', 'label' => 'Agreement', 'menu' => 2510],
                        500 => ['route' => 'disbursement.edit', 'label' => 'Disbursement', 'menu' => 2520],
                    ];
                @endphp
                <div class="table-responsive" style="overflow: visible;">
                    <table class="table table-sm align-middle nowrap w-100 table-check" id="lead-list">
                        <thead>
                            <tr>
                                <th>Serial No.</th>
                                <th>Applicant Name</th>
                                <th>Factoring</th>
                                <th>Pre Factoring</th>
                                <th>Title Summary</th>
                                <th>Status</th>
                                <th>Last Updated At</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($leads as $index => $lead)
                            @php
                                $stage = $stageActions[$lead->status] ?? null;

                                if ($lead->status == 501 && !empty($lead->disbursement->proof)) {
                                    $stage = [
                                        'url' => 'https://' . \Illuminate\Support\Facades\Storage::disk('supportingdoc')->url($lead->disbursement->proof),
                                        'label' => 'View Disbursement Document',
                                        'menu' => 2520,
                                    ];
                                }

                                $canDoStage = $stage && hasPermission($stage['menu'] ?? null, 'can_view');
                            @endphp
                            <tr>
                                <td>{{ $lead->serial_no }}</td>
                                <td>{{ $lead->applicant->applicant_name ?? '-' }}</td>
                                <td>{{ $lead->fund_amount ? 'RM ' . number_format($lead->fund_amount,2) : '0.00' }}</td>
                                <td>{{ $lead->fund_amount ? 'RM ' . number_format($lead->pre_fund_amount,2) : '0.00' }}</td>
                                <td>{{ \Illuminate\Support\Str::words($lead->title_summary, 10, '...') ?? '-' }}</td>
                                <td>
                                    <span class="badge bg-{{ $statusBadge[$lead->status] ?? 'secondary' }}">
                                        {{ $lead->currentStatus() ?? '-' }}
                                    </span>
                                </td>
                                <td data-order="{{ $lead->updated_at ? $lead->updated_at->timestamp : 0 }}">
                                    {{ $lead->updated_at ? $lead->updated_at->format('d/m/Y H:i') : '-' }}
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" data-bs-strategy="fixed" aria-expanded="false">
                                            Actions
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end">
                                            @if ($stage && !empty($stage['url']))
                                            <li>
                                                <a class="dropdown-item {{ !$canDoStage ? 'disabled' : '' }}" href="{{ $canDoStage ? $stage['url'] : '#' }}" target="_blank" @if(!$canDoStage) aria-disabled="true" tabindex="-1" @endif>
                                                    {{ $stage['label'] }}
                                                </a>
                                            </li>
                                            @elseif ($stage && \Illuminate\Support\Facades\Route::has($stage['route']))
                                            <li>
                                                <a class="dropdown-item {{ !$canDoStage ? 'disabled' : '' }}" href="{{ $canDoStage ? route($stage['route'], $lead->serial_no) : '#' }}" @if(!$canDoStage) aria-disabled="true" tabindex="-1" @endif>
                                                    {{ $stage['label'] }}
                                                </a>
                                            </li>
                                            @endif
                                            @if (!in_array($lead->status, [100, 1000]))
                                            <li>
                                                <a class="dropdown-item" href="{{ route('lead.print', $lead->serial_no) }}" target="_blank">
                                                    View Application
                                                </a>
                                            </li>
                                            @endif
                                            @if ($lead->ilo)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('lead.print-termsheet', $lead->serial_no) }}" target="_blank">
                                                    View Term Sheet
                                                </a>
                                            </li>
                                            @endif
                                            @if ($lead->creditpaper)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('lead.print-credit-paper', $lead->serial_no) }}" target="_blank">
                                                    View Credit Paper
                                                </a>
                                            </li>
                                            @endif
                                            @if (!in_array($lead->status, [100, 1000]))
                                            <li>
                                                <a class="dropdown-item" href="{{ route('lead.print', $lead->serial_no) }}" target="_blank">
                                                    Print
                                                </a>
                                            </li>
                                            @endif
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- end table responsive -->
            </div>
            <!-- end card body -->
        </div>
        <!--end card-->
    </div>
    <!--end col-->
</div>
<!--end row-->
@endsection

@section('script')
<!-- bootstrap-datepicker js -->
<script src="{{ asset('build/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>

<!-- Required datatable js -->
<script src="{{ asset('build/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('build/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>

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

<script>
    $(document).ready(function() {
        $('#lead-list').DataTable({
            order: [[6, 'desc']]
        });
    });

</script>
@endsection