@extends('layouts.app')

@section('title')
Agreement 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') Agreement Verification @endslot
@slot('title') {{ $lead->serial_no }} @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-0">Agreement Verification - {{ $lead->serial_no }}</h4>
                <p class="card-title-desc">
                    Review each signed document uploaded by the borrower and accept or reject it individually.
                    Proceeding to disbursement requires every required document to be accepted, with none rejected.
                </p>

                @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>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered align-middle">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Required</th>
                                <th>Unsigned Document</th>
                                <th>Uploaded Document</th>
                                <th>Verified</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($docTypes as $docType)
                            @php
                                $leadDoc = $leadDocs[$docType->code] ?? null;
                                $hasSigned = $leadDoc && $leadDoc->files->count();
                            @endphp
                            @continue(!$leadDoc || !$leadDoc->unsigned_file_path)
                            <tr>
                                <td>{{ $docType->description }}</td>
                                <td>{{ $docType->required ? 'Yes' : 'No' }}</td>
                                <td>
                                    @if($leadDoc && $leadDoc->unsigned_file_path)
                                    <a href="https://{{ Storage::disk('supportingdoc')->url($leadDoc->unsigned_file_path) }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                        <i class="mdi mdi-download"></i> Download
                                    </a>
                                    @else
                                    <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td>
                                    @if($hasSigned)
                                    @foreach($leadDoc->files as $file)
                                    <div>
                                        <a href="https://{{ Storage::disk('supportingdoc')->url($file->file_path) }}" target="_blank">{{ $file->file_name }}</a>
                                    </div>
                                    @endforeach
                                    @else
                                    <span class="text-muted">No signed copy uploaded by borrower yet.</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($leadDoc && $leadDoc->verify_status_1 == 'accepted')
                                    <i class="mdi mdi-check-circle text-success" style="font-size: 1.25rem;" title="Accepted"></i>
                                    @elseif($leadDoc && $leadDoc->verify_status_1 == 'rejected')
                                    <i class="mdi mdi-close-circle text-danger" style="font-size: 1.25rem;" title="Rejected: {{ $leadDoc->verify_remarks_1 }}"></i>
                                    @else
                                    <span class="text-muted">-</span>
                                    @endif
                                    @if($leadDoc && $leadDoc->verify_status_1)
                                    <small class="text-muted d-block">
                                        {{ $leadDoc->verify_by_1 ?? '-' }}<br>
                                        {{ $leadDoc->verify_at_1 ? \Carbon\Carbon::parse($leadDoc->verify_at_1)->format('d/m/Y h:i A') : '-' }}
                                    </small>
                                    @endif
                                </td>
                                <td>
                                    @if($hasSigned && !$leadDoc->verify_status_1)
                                    <button type="button" class="btn btn-sm btn-success me-2" onclick="accept('{{ $leadDoc->serial_no }}')">Accept</button>
                                    <button type="button" class="btn btn-sm btn-danger" onclick="reject('{{ $leadDoc->serial_no }}')">Reject</button>
                                    @else
                                    <span class="text-muted">-</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="d-flex gap-2 mt-3">
                    <form method="POST" action="{{ route('agreement_verification.proceed_disbursement', $lead->serial_no) }}">
                        @csrf
                        <button type="submit" class="btn btn-primary" {{ ($allRequiredAccepted && !$hasRejectedDoc) ? '' : 'disabled' }}>
                            <i class="mdi mdi-check-circle me-1"></i> Proceed to Disbursement
                        </button>
                    </form>
                    <form method="POST" action="{{ route('agreement_verification.request_resubmission', $lead->serial_no) }}">
                        @csrf
                        <button type="submit" class="btn btn-danger">
                            <i class="mdi mdi-file-replace me-1"></i> Request Resubmission of Signed Document
                        </button>
                    </form>
                    <a href="{{ route('agreement_verification.index') }}" class="btn btn-secondary">
                        <i class="mdi mdi-arrow-left me-1"></i> Back to List
                    </a>
                </div>

                <h5 style="margin-top: 20px">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('agreement_verification.update', $lead->serial_no) }}" class="mt-4 d-none">
    @csrf
    <input id="doc_sn" type="text" name="doc_sn" value="">
    <input id="status" type="text" name="status" value="">
    <textarea id="remarks" name="remarks" class="d-none"></textarea>
</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(docSn) {
        Swal.fire({
            title: 'Accept this document?'
            , icon: 'question'
            , showCancelButton: true
            , confirmButtonText: 'Yes, accept'
            , cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('doc_sn').value = docSn;
                document.getElementById('status').value = 'accepted';
                document.getElementById('remarks').value = '';
                document.getElementById('verify').submit();
            }
        });
    }

    function reject(docSn) {
        Swal.fire({
            title: 'Reject this document?'
            , text: 'Please provide remarks for rejection:'
            , input: 'textarea'
            , inputLabel: 'Remarks'
            , inputPlaceholder: 'Enter your remarks here...'
            , 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('doc_sn').value = docSn;
                document.getElementById('status').value = 'rejected';
                document.getElementById('remarks').value = result.value;
                document.getElementById('verify').submit();
            }
        });
    }
</script>
@endsection