@extends('layouts.app')

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

                @if($hasRejection)
                <div class="alert alert-danger">
                    <i class="mdi mdi-alert-circle-outline"></i>
                    This credit paper was rejected and sent back to the preparer for revision.
                </div>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="verify-section-header" id="section-cp">
                    <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">CREDIT PAPER 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->creditpaper->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->creditpaper->verify_status_1 == 'accepted')
                                    <span class="badge bg-success">{{ ucfirst($lead->creditpaper->verify_status_1) }}</span>
                                    @elseif($lead->creditpaper->verify_status_1 == 'rejected')
                                    <span class="badge bg-danger">{{ ucfirst($lead->creditpaper->verify_status_1) }}</span>
                                    @else
                                    <span class="badge bg-secondary">{{ ucfirst($lead->creditpaper->verify_status_1) }}</span>
                                    @endif
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Remarks:</span>
                                    <span>{{ $lead->creditpaper->verify_remarks_1 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Verified By:</span>
                                    <span>{{ $lead->creditpaper->verify_by_1 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Date/Time:</span>
                                    <span>{{ $lead->creditpaper->verify_at_1 ? \Carbon\Carbon::parse($lead->creditpaper->verify_at_1)->format('d/m/Y h:i A') : '-' }}</span>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if(!empty($lead->creditpaper->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->creditpaper->verify_status_2 == 'accepted')
                                    <span class="badge bg-success">{{ ucfirst($lead->creditpaper->verify_status_2) }}</span>
                                    @elseif($lead->creditpaper->verify_status_2 == 'rejected')
                                    <span class="badge bg-danger">{{ ucfirst($lead->creditpaper->verify_status_2) }}</span>
                                    @else
                                    <span class="badge bg-secondary">{{ ucfirst($lead->creditpaper->verify_status_2) }}</span>
                                    @endif
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Remarks:</span>
                                    <span>{{ $lead->creditpaper->verify_remarks_2 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Verified By:</span>
                                    <span>{{ $lead->creditpaper->verify_by_2 ?? '-' }}</span>
                                </div>
                                <div class="col-lg-6">
                                    <span class="text-dark fw-bold">Date/Time:</span>
                                    <span>{{ $lead->creditpaper->verify_at_2 ? \Carbon\Carbon::parse($lead->creditpaper->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('cp')">Accept</button>
                            <button type="button" class="btn btn-sm btn-danger" onclick="reject('cp')">Reject</button>
                        </div>
                        @endif
                    </div>
                </div>

                @if(empty($lead->creditpaper->verify_status_1))
                <div class="verify-section-header mt-3" id="section-review-remarks">
                    <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">REVIEW REMARKS BY FACTORING MANAGER</h5>
                    </div>
                    <div class="card border-1 border-dark rounded-0 p-3 mb-0">
                        <form method="POST" action="{{ route('cp_verification.review_remarks', $lead->serial_no) }}">
                            @csrf
                            <textarea name="review_remarks" class="form-control" rows="3" placeholder="Enter review remarks">{{ old('review_remarks', $lead->creditpaper->review_remarks ?? '') }}</textarea>
                            @error('review_remarks')<small class="text-danger d-block">{{ $message }}</small>@enderror
                            <button type="submit" class="btn btn-primary btn-sm mt-2">Save Remarks</button>
                        </form>
                    </div>
                </div>
                @endif

                @if($lead->creditpaper->verify_status_1 == 'accepted' && empty($lead->creditpaper->verify_status_2))
                <div class="verify-section-header mt-3" id="section-hof-review-remarks">
                    <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">REVIEW REMARKS BY HEAD OF FACTORING</h5>
                    </div>
                    <div class="card border-1 border-dark rounded-0 p-3 mb-0">
                        <form method="POST" action="{{ route('cp_verification.hof_review_remarks', $lead->serial_no) }}">
                            @csrf
                            <textarea name="hof_review_remarks" class="form-control" rows="3" placeholder="Enter review remarks">{{ old('hof_review_remarks', $lead->creditpaper->hof_review_remarks ?? '') }}</textarea>
                            @error('hof_review_remarks')<small class="text-danger d-block">{{ $message }}</small>@enderror
                            <button type="submit" class="btn btn-primary btn-sm mt-2">Save Remarks</button>
                        </form>
                    </div>
                </div>
                @endif
            </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('cp_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 credit paper?",
            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 Credit Paper',
            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