@extends('layouts.app')

@section('title')
Recommendation Verification
@endsection

@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
@component('components.breadcrumb')
@slot('li_1')
Recommendation Verification
@endslot
@slot('title')
{{ $lead->serial_no }}
@endslot
@endcomponent

@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">
                <h4 class="card-title mb-0">Recommendation Verification - {{ $lead->serial_no }}</h4>
                <p class="card-title-desc">Review the credit paper and risk analysis (see "View Related Document" below) and record your verification. Two separate acceptances are required before this moves on to Credit Committee Approval.</p>

                @if($hasRejection)
                <div class="alert alert-danger">
                    <i class="mdi mdi-alert-circle-outline"></i>
                    This recommendation was rejected and sent back to the Head of Credit & Risk for revision.
                </div>
                @endif

                <div class="verify-section-header" id="section-recommendation">
                    <div class="card border-1 border-bottom-0 border-dark bg-dark rounded-0 p-1 mb-0">
                        <h5 class="card-title text-center m-0 fs-6 text-white">RECOMMENDATION VERIFICATION</h5>
                    </div>
                    <div class="card border-1 border-dark rounded-0 p-3 mb-0">
                        <button type="button" class="btn btn-outline-dark btn-sm mb-3" data-bs-toggle="modal" data-bs-target="#relatedDocCreditPaperModal">
                            <i class="mdi mdi-file-document-outline"></i> View Credit Paper
                        </button>

                        @if(!empty($lead->recommendation->verify_status_1))
                        <div class="bg-light p-3 mb-3">
                            <div class="row">
                                <h6 class="fw-bold">First Verification</h6>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Status:</span>
                                    @if($lead->recommendation->verify_status_1 == 'accepted')
                                    <span class="badge bg-success">{{ ucfirst($lead->recommendation->verify_status_1) }}</span>
                                    @elseif($lead->recommendation->verify_status_1 == 'rejected')
                                    <span class="badge bg-danger">{{ ucfirst($lead->recommendation->verify_status_1) }}</span>
                                    @else
                                    <span class="badge bg-secondary">{{ ucfirst($lead->recommendation->verify_status_1) }}</span>
                                    @endif
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Remarks:</span>
                                    <span>{{ $lead->recommendation->verify_remarks_1 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Verified By:</span>
                                    <span>{{ $lead->recommendation->verify_by_1 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Date/Time:</span>
                                    <span>{{ $lead->recommendation->verify_at_1 ? \Carbon\Carbon::parse($lead->recommendation->verify_at_1)->format('d/m/Y h:i A') : '-' }}</span>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if(!empty($lead->recommendation->verify_status_2))
                        <div class="bg-light p-3">
                            <div class="row">
                                <h6 class="fw-bold">Second Verification</h6>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Status:</span>
                                    @if($lead->recommendation->verify_status_2 == 'accepted')
                                    <span class="badge bg-success">{{ ucfirst($lead->recommendation->verify_status_2) }}</span>
                                    @elseif($lead->recommendation->verify_status_2 == 'rejected')
                                    <span class="badge bg-danger">{{ ucfirst($lead->recommendation->verify_status_2) }}</span>
                                    @else
                                    <span class="badge bg-secondary">{{ ucfirst($lead->recommendation->verify_status_2) }}</span>
                                    @endif
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Remarks:</span>
                                    <span>{{ $lead->recommendation->verify_remarks_2 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Verified By:</span>
                                    <span>{{ $lead->recommendation->verify_by_2 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Date/Time:</span>
                                    <span>{{ $lead->recommendation->verify_at_2 ? \Carbon\Carbon::parse($lead->recommendation->verify_at_2)->format('d/m/Y h:i A') : '-' }}</span>
                                </div>
                            </div>
                        </div>
                        @else
                        <div class="mt-3">
                            <button type="button" class="btn btn-sm btn-success me-2" onclick="accept('recommendation')">Accept</button>
                            <button type="button" class="btn btn-sm btn-danger" onclick="reject('recommendation')">Reject</button>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <h5>View Related Document</h5>
                @include('components.forms.related-documents', [
                    'application_form' => true,
                    'term_sheet' => true,
                    'credit_paper' => true,
                ])
            </div>
        </div>
    </div>
</div>

<form id="verify" method="POST" action="{{ route('recommendation_verification.update', $lead->serial_no) }}" class="mt-4 d-none">
    @csrf
    <input id="status" type="text" name="status" value="">
    <div class="mb-3">
        <label for="remarks" class="form-label">Remarks</label>
        <textarea name="remarks" id="remarks" class="form-control" rows="2" placeholder="Enter remarks"></textarea>
    </div>
</form>
@endsection

@section('script')
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/sweet-alerts.init.js') }}"></script>
<script>
    function accept(section) {
        Swal.fire({
            title: 'Are you sure?',
            text: "Accept this recommendation?",
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Yes, accept',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('status').value = 'accepted';
                document.getElementById('verify').submit();
            }
        });
    }

    function reject(section) {
        Swal.fire({
            title: 'Reject Recommendation',
            text: "Please provide remarks for rejection:",
            input: 'textarea',
            inputLabel: 'Remarks',
            inputPlaceholder: 'Enter your remarks here...',
            inputAttributes: {
                'aria-label': 'Remarks'
            },
            showCancelButton: true,
            confirmButtonText: 'Submit',
            cancelButtonText: 'Cancel',
            preConfirm: (remarks) => {
                if (!remarks) {
                    Swal.showValidationMessage('Remarks are required for rejection');
                }
                return remarks;
            }
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('status').value = 'rejected';
                document.getElementById('remarks').value = result.value;
                document.getElementById('verify').submit();
            }
        });
    }
</script>
@endsection