@extends('admin.layouts.app')

@section('title', $client->name . ' | EMI CREDITS Admin')

@section('page-title', 'Client Details')

@section(
    'page-description',
    'Complete client profile, KYC, EMI card, loans and payments'
)

@php
    $profile = $client->clientProfile;
    $kyc = $client->clientKyc;
    $employment = $client->clientEmployment;
    $emiCard = $client->emiCard;

    /*
    |--------------------------------------------------------------------------
    | Currency
    |--------------------------------------------------------------------------
    */

    $currencySettings = \App\Models\SystemSetting::query()->first();

    $currencySymbol =
        $currencySettings?->currency_symbol ?? '₹';


    /*
    |--------------------------------------------------------------------------
    | Card Unlock Payment
    |--------------------------------------------------------------------------
    */

    $hasCardUnlockPayment =
        isset($cardUnlockPayment)
        && $cardUnlockPayment;


    /*
    |--------------------------------------------------------------------------
    | KYC Display
    |--------------------------------------------------------------------------
    |
    | Aadhaar / PAN remain masked.
    |
    */

    $aadhaarDisplay = null;
    $panDisplay = null;

    if ($kyc) {

        $aadhaar = $kyc->aadhaar_number ?? null;
        $pan = $kyc->pan_number ?? null;


        /*
        |--------------------------------------------------------------------------
        | Try decrypting Aadhaar
        |--------------------------------------------------------------------------
        */

        if ($aadhaar) {

            try {

                $aadhaar =
                    \Illuminate\Support\Facades\Crypt::decryptString(
                        $aadhaar
                    );

            } catch (\Throwable $e) {

                // Already plain text or different encryption format.

            }

        }


        /*
        |--------------------------------------------------------------------------
        | Try decrypting PAN
        |--------------------------------------------------------------------------
        */

        if ($pan) {

            try {

                $pan =
                    \Illuminate\Support\Facades\Crypt::decryptString(
                        $pan
                    );

            } catch (\Throwable $e) {

                // Already plain text or different encryption format.

            }

        }


        /*
        |--------------------------------------------------------------------------
        | Mask Aadhaar
        |--------------------------------------------------------------------------
        */

        if ($aadhaar) {

            $aadhaarDigits =
                preg_replace(
                    '/\D/',
                    '',
                    (string) $aadhaar
                );

            if (strlen($aadhaarDigits) >= 4) {

                $aadhaarDisplay =
                    'XXXX XXXX '
                    . substr(
                        $aadhaarDigits,
                        -4
                    );

            } else {

                $aadhaarDisplay = 'XXXX';

            }

        }


        /*
        |--------------------------------------------------------------------------
        | Mask PAN
        |--------------------------------------------------------------------------
        */

        if ($pan) {

            $panString =
                strtoupper(
                    trim(
                        (string) $pan
                    )
                );

            if (strlen($panString) >= 4) {

                $panDisplay =
                    '******'
                    . substr(
                        $panString,
                        -4
                    );

            } else {

                $panDisplay = '******';

            }

        }

    }


    /*
    |--------------------------------------------------------------------------
    | Card Expiry Compatibility
    |--------------------------------------------------------------------------
    */

    $cardExpiry =
        $emiCard?->expiry_date
        ?? $emiCard?->expires_at
        ?? null;


    /*
    |--------------------------------------------------------------------------
    | Loan Summary
    |--------------------------------------------------------------------------
    */

    $loanCount =
        $loanCount ?? $loans->count();

    $activeLoanCount =
        $activeLoanCount ?? 0;

    $completedLoanCount =
        $completedLoanCount ?? 0;

    $totalLoanAmount =
        $totalLoanAmount ?? 0;

    $totalDisbursedAmount =
        $totalDisbursedAmount ?? 0;

    $totalOutstandingAmount =
        $totalOutstandingAmount ?? 0;

    $monthlyEmi =
        $monthlyEmi ?? 0;

    $paymentCount =
        $paymentCount ?? $payments->count();

    $paidPaymentCount =
        $paidPaymentCount ?? 0;

    $totalPaidAmount =
        $totalPaidAmount ?? 0;

@endphp



@section('content')

@push('styles')
<link rel="stylesheet" href="{{ asset('admin/css/clients-show.css') }}">
@endpush



<div class="client-page">


    {{-- =====================================================
         ALERTS
    ====================================================== --}}

    @if(session('success'))

        <div class="client-alert client-alert-success">
            ✓ {{ session('success') }}
        </div>

    @endif


    @if(session('error'))

        <div class="client-alert client-alert-error">
            ✕ {{ session('error') }}
        </div>

    @endif


    @if($errors->any())

        <div class="client-alert client-alert-error">

            <strong>
                Please check the following:
            </strong>

            <ul style="margin:6px 0 0 18px;">

                @foreach($errors->all() as $error)

                    <li>
                        {{ $error }}
                    </li>

                @endforeach

            </ul>

        </div>

    @endif


    {{-- =====================================================
         BACK
    ====================================================== --}}

    <a
        href="{{ route('admin.clients') }}"
        class="client-back"
    >
        ← Back to Clients
    </a>


    {{-- =====================================================
         PROFILE HERO
    ====================================================== --}}

    <section class="client-hero">

        <div class="client-hero-main">

            <div class="client-avatar-large">

                {{
                    strtoupper(
                        substr(
                            $client->name ?? 'C',
                            0,
                            1
                        )
                    )
                }}

            </div>


            <div class="client-hero-info">

                <h2>
                    {{ $client->name }}
                </h2>

                <div class="client-id">
                    Client ID #{{ $client->id }}
                </div>


                <div class="client-contact-line">

                    <span>
                        ✉ {{ $client->email }}
                    </span>

                    <span>
                        📱
                        {{ $client->mobile ?? 'Not available' }}
                    </span>

                </div>

            </div>

        </div>


        <div class="client-hero-status">

            <span class="client-badge">
                CLIENT
            </span>

            <span class="registered-date">
                Registered
                {{
                    $client->created_at
                        ? $client->created_at->format('d M Y')
                        : '—'
                }}
            </span>

        </div>

    </section>


    {{-- =====================================================
         VERIFICATION STATUS
    ====================================================== --}}

    <section class="status-grid">


        {{-- PERSONAL --}}

        <div class="status-card">

            <div class="status-card-label">
                Personal Details
            </div>

            @if($profile)

                <div class="status-card-value green">
                    ✓ Complete
                </div>

            @else

                <div class="status-card-value orange">
                    ! Pending
                </div>

            @endif

        </div>


        {{-- KYC --}}

        <div class="status-card">

            <div class="status-card-label">
                KYC Verification
            </div>

            @if(!$kyc)

                <div class="status-card-value orange">
                    ! Not Submitted
                </div>

            @elseif($kyc->status === 'verified')

                <div class="status-card-value green">
                    ✓ Verified
                </div>

            @elseif($kyc->status === 'rejected')

                <div class="status-card-value red">
                    ✕ Rejected
                </div>

            @else

                <div class="status-card-value orange">
                    ! Pending
                </div>

            @endif

        </div>


        {{-- EMPLOYMENT --}}

        <div class="status-card">

            <div class="status-card-label">
                Employment
            </div>

            @if($employment)

                <div class="status-card-value green">
                    ✓ Submitted
                </div>

            @else

                <div class="status-card-value orange">
                    ! Pending
                </div>

            @endif

        </div>


        {{-- CARD --}}

        <div class="status-card">

            <div class="status-card-label">
                EMI Card
            </div>

            @if(!$emiCard)

                <div class="status-card-value gray">
                    Not Generated
                </div>

            @elseif($emiCard->status === 'active')

                <div class="status-card-value green">
                    ✓ Active
                </div>

            @elseif($emiCard->status === 'blocked')

                <div class="status-card-value red">
                    Blocked
                </div>

            @elseif($emiCard->status === 'expired')

                <div class="status-card-value red">
                    Expired
                </div>

            @else

                <div class="status-card-value orange">
                    {{ ucfirst($emiCard->status) }}
                </div>

            @endif

        </div>


    </section>


    {{-- =====================================================
         FINANCIAL SUMMARY
    ====================================================== --}}

    <section class="summary-grid">


        <div class="summary-card">

            <div class="summary-icon">
                💰
            </div>

            <div class="summary-label">
                Total Loans
            </div>

            <div class="summary-value">
                {{ $loanCount }}
            </div>

        </div>


        <div class="summary-card">

            <div class="summary-icon">
                📊
            </div>

            <div class="summary-label">
                Total Borrowed
            </div>

            <div class="summary-value">
                {{ money((float)$totalLoanAmount) }}
            </div>

        </div>


        <div class="summary-card">

            <div class="summary-icon">
                ⚠
            </div>

            <div class="summary-label">
                Outstanding
            </div>

            <div class="summary-value">
                {{ money((float)$totalOutstandingAmount) }}
            </div>

        </div>


        <div class="summary-card">

            <div class="summary-icon">
                💳
            </div>

            <div class="summary-label">
                Paid Amount
            </div>

            <div class="summary-value">
                {{ money((float)$totalPaidAmount) }}
            </div>

        </div>


    </section>


    {{-- =====================================================
         PERSONAL + EMPLOYMENT
    ====================================================== --}}

    <section class="details-grid">


        {{-- PERSONAL DETAILS --}}

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        👤
                    </div>

                    <h3>
                        Personal Details
                    </h3>

                </div>

                <span>
                    Profile
                </span>

            </div>


            <div class="details-body">

                @if($profile)

                    <div class="detail-grid">


                        <div class="detail-item">

                            <span class="detail-label">
                                Full Name
                            </span>

                            <span class="detail-value">
                                {{ $profile->full_name ?? $client->name }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Date of Birth
                            </span>

                            <span class="detail-value">

                                @if($profile->date_of_birth)

                                    {{
                                        \Carbon\Carbon::parse(
                                            $profile->date_of_birth
                                        )->format('d M Y')
                                    }}

                                @else

                                    Not provided

                                @endif

                            </span>

                        </div>


    {{-- GENDER --}}

    <div class="detail-item">

        <span class="detail-label">
            Gender
        </span>

        <span class="detail-value">
            {{ $profile->gender ?? 'Not provided' }}
        </span>

    </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Mobile
                            </span>

                            <span class="detail-value">
                                {{
                                    $profile->mobile
                                    ?? $client->mobile
                                    ?? 'Not provided'
                                }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                City
                            </span>

                            <span class="detail-value">
                                {{ $profile->city ?? 'Not provided' }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                State
                            </span>

                            <span class="detail-value">
                                {{ $profile->state ?? 'Not provided' }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Pincode
                            </span>

                            <span class="detail-value">
                                {{ $profile->pincode ?? 'Not provided' }}
                            </span>

                        </div>


                        <div class="detail-item full">

                            <span class="detail-label">
                                Address
                            </span>

                            <span class="detail-value">
                                {{ $profile->address ?? 'Not provided' }}
                            </span>

                        </div>


                    </div>

                @else

                    <span class="empty-value">
                        Personal details have not been submitted yet.
                    </span>

                @endif

            </div>

        </div>






        {{-- EMPLOYMENT DETAILS --}}

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        💼
                    </div>

                    <h3>
                        Employment Details
                    </h3>

                </div>

                <span>
                    Work profile
                </span>

            </div>


            <div class="details-body">

                @if($employment)

                    <div class="detail-grid">


                        <div class="detail-item">

                            <span class="detail-label">
                                Employment Type
                            </span>

                            <span class="detail-value">

                                {{
                                    ucfirst(
                                        str_replace(
                                            '_',
                                            ' ',
                                            $employment->employment_type
                                        )
                                    )
                                }}

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Company
                            </span>

                            <span class="detail-value">
                                {{
                                    $employment->company_name
                                    ?? 'Not provided'
                                }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Job Title
                            </span>

                            <span class="detail-value">
                                {{
                                    $employment->job_title
                                    ?? 'Not provided'
                                }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Monthly Income
                            </span>

                            <span class="detail-value">

                                @if(
                                    $employment->monthly_income !== null
                                )

                                    {{
                                        money(
                                            (float)$employment->monthly_income
                                        )
                                    }}

                                @else

                                    Not provided

                                @endif

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Work Experience
                            </span>

                            <span class="detail-value">
                                {{
                                    $employment->work_experience
                                    ?? 'Not provided'
                                }}
                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Office City
                            </span>

                            <span class="detail-value">
                                {{
                                    $employment->office_city
                                    ?? 'Not provided'
                                }}
                            </span>

                        </div>


                    </div>

                @else

                    <span class="empty-value">
                        Employment details have not been submitted yet.
                    </span>

                @endif

            </div>

        </div>


    </section>

    {{-- =====================================================
     BANK DETAILS
====================================================== --}}

<section class="client-section">

    <div class="section-card">

        <div class="section-card-header">

            <div class="section-card-title">

                <div class="section-card-icon">
                    🏦
                </div>

                <h3>
                    Bank Details
                </h3>

            </div>

            <span>
                Bank account
            </span>

        </div>


        <div class="details-body">

            @if($client->bankDetail)

                <div class="detail-grid">


                    {{-- Bank Name --}}
                    <div class="detail-item">

                        <span class="detail-label">
                            Bank Name
                        </span>

                        <span class="detail-value">
                            {{ $client->bankDetail->bank_name ?? 'Not provided' }}
                        </span>

                    </div>


                    {{-- Branch --}}
                    <div class="detail-item">

                        <span class="detail-label">
                            Branch
                        </span>

                        <span class="detail-value">
                            {{ $client->bankDetail->branch ?? 'Not provided' }}
                        </span>

                    </div>


                    {{-- Account Number --}}
                    <div class="detail-item">

                        <span class="detail-label">
                            Account Number
                        </span>

                        <span class="detail-value">
                            {{ $client->bankDetail->account_number ?? 'Not provided' }}
                        </span>

                    </div>


                    {{-- IFSC --}}
                    <div class="detail-item">

                        <span class="detail-label">
                            IFSC Code
                        </span>

                        <span class="detail-value">
                            {{ $client->bankDetail->ifsc_code ?? 'Not provided' }}
                        </span>

                    </div>


                </div>

            @else

                <span class="empty-value">
                    Bank details have not been submitted yet.
                </span>

            @endif

        </div>

    </div>

</section>





    {{-- =====================================================
         KYC
    ====================================================== --}}

    <section class="client-section">

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        🪪
                    </div>

                    <h3>
                        KYC Verification
                    </h3>

                </div>

                <span>
                    Identity verification
                </span>

            </div>


            <div class="details-body">


                @if($kyc)


                    <div class="kyc-status-row">

                        <div class="kyc-status-title">
                            Verification Status
                        </div>


                        @if($kyc->status === 'verified')

                            <span class="client-status success">

                                <span class="status-dot"></span>

                                Verified

                            </span>

                        @elseif($kyc->status === 'rejected')

                            <span class="client-status danger">

                                <span class="status-dot"></span>

                                Rejected

                            </span>

                        @else

                            <span class="client-status pending">

                                <span class="status-dot"></span>

                                Pending Verification

                            </span>

                        @endif

                    </div>


                    <div class="detail-grid">


                        <div class="detail-item">

                            <span class="detail-label">
                                Aadhaar Number
                            </span>

                            <span class="detail-value">

                                {{ $aadhaarDisplay ?? 'Not provided' }}

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                PAN Number
                            </span>

                            <span class="detail-value">

                                {{ $panDisplay ?? 'Not provided' }}

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Aadhaar Document
                            </span>

                            <span class="detail-value">

                                @if(
                                    !empty(
                                        $kyc->aadhaar_document
                                    )
                                )

                                    <a
                                        href="{{
                                            route(
                                                'admin.kyc.aadhaar',
                                                $client
                                            )
                                        }}"
                                        target="_blank"
                                        class="document-link"
                                    >
                                        👁 View Aadhaar
                                    </a>

                                @else

                                    <span class="client-status gray">
                                        Not Uploaded
                                    </span>

                                @endif

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                PAN Document
                            </span>

                            <span class="detail-value">

                                @if(
                                    !empty(
                                        $kyc->pan_document
                                    )
                                )

                                    <a
                                        href="{{
                                            route(
                                                'admin.kyc.pan',
                                                $client
                                            )
                                        }}"
                                        target="_blank"
                                        class="document-link"
                                    >
                                        👁 View PAN
                                    </a>

                                @else

                                    <span class="client-status gray">
                                        Not Uploaded
                                    </span>

                                @endif

                            </span>

                        </div>


                        <div class="detail-item">

                            <span class="detail-label">
                                Submitted
                            </span>

                            <span class="detail-value">

                                {{
                                    $kyc->created_at
                                        ? $kyc->created_at->format(
                                            'd M Y, h:i A'
                                        )
                                        : '—'
                                }}

                            </span>

                        </div>


                        @if($kyc->rejection_reason)

                            <div class="detail-item">

                                <span class="detail-label">
                                    Rejection Reason
                                </span>

                                <span class="detail-value red">
                                    {{ $kyc->rejection_reason }}
                                </span>

                            </div>

                        @endif


                    </div>


                    {{-- KYC ACTIONS --}}

                    @if(
                        $kyc->status !== 'verified'
                    )

                        <div class="action-row">

                            <form
                                method="POST"
                                action="{{
                                    route(
                                        'admin.kyc.verify',
                                        $client
                                    )
                                }}"
                            >

                                @csrf

                                <button
                                    type="submit"
                                    class="action-btn verify-btn"
                                    onclick="
                                        return confirm(
                                            'Verify this client KYC?'
                                        )
                                    "
                                >
                                    ✓ Verify KYC
                                </button>

                            </form>


                            @if($kyc->status !== 'rejected')

                                <button
                                    type="button"
                                    class="action-btn reject-btn"
                                    onclick="showRejectBox()"
                                >
                                    ✕ Reject KYC
                                </button>

                            @endif

                        </div>


                        <div
                            id="rejectBox"
                            style="
                                display:none;
                                margin-top:12px;
                                padding:14px;
                                border-radius:10px;
                                background:#fff7f8;
                                border:1px solid #fecdd3;
                            "
                        >

                            <form
                                method="POST"
                                action="{{
                                    route(
                                        'admin.kyc.reject',
                                        $client
                                    )
                                }}"
                            >

                                @csrf

                                <label
                                    style="
                                        display:block;
                                        margin-bottom:6px;
                                        color:#7f1d1d;
                                        font-size:10px;
                                        font-weight:800;
                                    "
                                >
                                    Rejection Reason
                                </label>

                                <textarea
                                    name="rejection_reason"
                                    required
                                    maxlength="1000"
                                    style="
                                        width:100%;
                                        min-height:80px;
                                        resize:vertical;
                                        padding:10px;
                                        border:1px solid #fecdd3;
                                        border-radius:8px;
                                        font-size:11px;
                                    "
                                    placeholder="Enter reason for rejection..."
                                ></textarea>

                                <div
                                    style="
                                        display:flex;
                                        gap:7px;
                                        margin-top:8px;
                                    "
                                >

                                    <button
                                        type="submit"
                                        class="action-btn reject-btn"
                                    >
                                        Confirm Rejection
                                    </button>

                                    <button
                                        type="button"
                                        class="action-btn"
                                        style="
                                            background:#f1f4f7;
                                            color:#64748b;
                                        "
                                        onclick="hideRejectBox()"
                                    >
                                        Cancel
                                    </button>

                                </div>

                            </form>

                        </div>

                    @endif


                    <div class="security-notice">

                        🔒

                        <strong>
                            Privacy protected:
                        </strong>

                        Aadhaar and PAN numbers are masked in the
                        admin overview. Only the last four characters
                        are displayed.

                    </div>


                @else

                    <span class="empty-value">
                        KYC details have not been submitted yet.
                    </span>

                @endif

            </div>

        </div>

    </section>


    {{-- =====================================================
         EMI CARD
    ====================================================== --}}

    <section class="client-section">

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        💳
                    </div>

                    <h3>
                        EMI Card
                    </h3>

                </div>

                <span>
                    Card account
                </span>

            </div>


            <div class="emi-card-panel">


                @if($emiCard)


                    <div class="emi-visual">

                        <div class="emi-card-small">
                            EMI CREDITS EMI CARD
                        </div>


                        <div class="emi-card-number">

                            {{ $emiCard->card_number }}

                        </div>


                        <div class="emi-card-limit-row">

                            <div class="emi-limit-item">

                                <span>
                                    Available Limit
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)(
                                                $emiCard->available_limit
                                                ?? 0
                                            )
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="emi-limit-item">

                                <span>
                                    Card Limit
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)(
                                                $emiCard->card_limit
                                                ?? 0
                                            )
                                        )
                                    }}
                                </strong>

                            </div>

                        </div>

                    </div>


                    <div class="emi-details">


                        <div class="emi-detail-box">

                            <span>
                                Status
                            </span>

                            <strong>
                                {{ ucfirst($emiCard->status) }}
                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Used Limit
                            </span>

                            <strong>

                                {{
                                    money(
                                        max(
                                            0,
                                            (float)(
                                                $emiCard->card_limit
                                                ?? 0
                                            )
                                            -
                                            (float)(
                                                $emiCard->available_limit
                                                ?? 0
                                            )
                                        )
                                    )
                                }}

                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Issued
                            </span>

                            <strong>

                                {{
                                    $emiCard->issued_at
                                        ? \Carbon\Carbon::parse(
                                            $emiCard->issued_at
                                        )->format('d M Y')
                                        : '—'
                                }}

                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Expires
                            </span>

                            <strong>

                                {{
                                    $cardExpiry
                                        ? \Carbon\Carbon::parse(
                                            $cardExpiry
                                        )->format('d M Y')
                                        : '—'
                                }}

                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Activated
                            </span>

                            <strong>

                                {{
                                    $emiCard->activated_at
                                        ? \Carbon\Carbon::parse(
                                            $emiCard->activated_at
                                        )->format('d M Y')
                                        : '—'
                                }}

                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Unlock Payment
                            </span>

                            <strong>

                                @if($hasCardUnlockPayment)

                                    <span class="green">
                                        ✓ Paid
                                    </span>

                                @else

                                    <span class="gray">
                                        Not Paid
                                    </span>

                                @endif

                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Total Loans
                            </span>

                            <strong>
                                {{ $loanCount }}
                            </strong>

                        </div>


                        <div class="emi-detail-box">

                            <span>
                                Active Loans
                            </span>

                            <strong>
                                {{ $activeLoanCount }}
                            </strong>

                        </div>


                    </div>


                @else

                    <div class="empty-box">

                        <div class="empty-box-icon">
                            💳
                        </div>

                        <strong>
                            EMI Card Not Generated
                        </strong>

                        No EMI card is currently linked to this client.

                    </div>

                @endif

            </div>

        </div>

    </section>


    {{-- =====================================================
         LOAN OVERVIEW
    ====================================================== --}}

    <section class="client-section">

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        💰
                    </div>

                    <h3>
                        Loan Overview
                    </h3>

                </div>

                <span>
                    {{ $loanCount }} loan{{ $loanCount == 1 ? '' : 's' }}
                </span>

            </div>


            <div class="loan-list">


                @forelse($loans as $loan)


                    @php

                        $loanStatus =
                            strtolower(
                                (string)$loan->status
                            );


                        $loanStatusClass =
                            match($loanStatus) {

                                'active',
                                'disbursed'
                                    => 'status-active',

                                'approved',
                                'pending'
                                    => 'status-pending',

                                'overdue',
                                'rejected'
                                    => 'status-danger',

                                default
                                    => 'status-gray',

                            };


                        $loanTotal =
                            (float)(
                                $loan->total_payable
                                ?? 0
                            );


                        $loanOutstanding =
                            (float)(
                                $loan->outstanding_amount
                                ?? 0
                            );


                        $loanPaid =
                            max(
                                0,
                                $loanTotal
                                -
                                $loanOutstanding
                            );


                        $loanPercent =
                            $loanTotal > 0
                                ? min(
                                    100,
                                    max(
                                        0,
                                        (
                                            $loanPaid
                                            /
                                            $loanTotal
                                        ) * 100
                                    )
                                )
                                : 0;

                    @endphp


                    <div class="loan-box">


                        <div class="loan-box-top">

                            <div>

                                <div class="loan-number">
                                    {{ $loan->loan_number }}
                                </div>

                                <div
                                    style="
                                        margin-top:3px;
                                        color:#9aa6b6;
                                        font-size:8px;
                                    "
                                >

                                    Applied

                                    {{
                                        $loan->applied_at
                                            ? \Carbon\Carbon::parse(
                                                $loan->applied_at
                                            )->format('d M Y')
                                            : '—'
                                    }}

                                </div>

                            </div>


                            <span
                                class="
                                    loan-status
                                    {{ $loanStatusClass }}
                                "
                            >
                                {{
                                    ucfirst(
                                        str_replace(
                                            '_',
                                            ' ',
                                            $loan->status
                                        )
                                    )
                                }}
                            </span>

                        </div>


                        <div class="loan-grid">


                            <div class="loan-stat">

                                <span>
                                    Loan Amount
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)$loan->loan_amount
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Monthly EMI
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)$loan->emi_amount
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Tenure
                                </span>

                                <strong>
                                    {{
                                        $loan->tenure_months
                                    }}
                                    Months
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Outstanding
                                </span>

                                <strong>
                                    {{
                                        money(
                                            $loanOutstanding
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Interest
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)(
                                                $loan->interest_amount
                                                ?? 0
                                            )
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Processing Fee
                                </span>

                                <strong>
                                    {{
                                        money(
                                            (float)(
                                                $loan->processing_fee
                                                ?? 0
                                            )
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Total Payable
                                </span>

                                <strong>
                                    {{
                                        money(
                                            $loanTotal
                                        )
                                    }}
                                </strong>

                            </div>


                            <div class="loan-stat">

                                <span>
                                    Paid
                                </span>

                                <strong class="green">
                                    {{
                                        money(
                                            $loanPaid
                                        )
                                    }}
                                </strong>

                            </div>


                        </div>


                        @if(
                            in_array(
                                $loanStatus,
                                [
                                    'active',
                                    'disbursed',
                                    'overdue',
                                    'completed',
                                ],
                                true
                            )
                        )

                            <div class="loan-progress">

                                <div class="loan-progress-top">

                                    <span>
                                        Repayment Progress
                                    </span>

                                    <span>
                                        {{
                                            number_format(
                                                $loanPercent,
                                                0
                                            )
                                        }}%
                                    </span>

                                </div>


                                <div class="loan-track">

                                    <div
                                        class="loan-fill"
                                        style="
                                            width:{{ $loanPercent }}%;
                                        "
                                    ></div>

                                </div>

                            </div>

                        @endif


                        <div class="loan-actions">

                            <a
                                href="{{
                                    route(
                                        'admin.loans.show',
                                        $loan
                                    )
                                }}"
                                class="loan-view"
                            >
                                View Loan →
                            </a>

                        </div>

                    </div>


                @empty


                    <div class="empty-box">

                        <div class="empty-box-icon">
                            💰
                        </div>

                        <strong>
                            No Loans
                        </strong>

                        No loan records found for this client.

                    </div>


                @endforelse


            </div>

        </div>

    </section>


    {{-- =====================================================
         EMI INSTALLMENTS
    ====================================================== --}}

    @if($loans->contains(
        fn ($loan) =>
            $loan->installments &&
            $loan->installments->count()
    ))

        <section class="client-section">

            <div class="section-card">

                <div class="section-card-header">

                    <div class="section-card-title">

                        <div class="section-card-icon">
                            📅
                        </div>

                        <h3>
                            EMI Schedule
                        </h3>

                    </div>

                    <span>
                        Installments
                    </span>

                </div>


                <div class="installment-list">


                    @foreach($loans as $loan)

                        @if(
                            $loan->installments &&
                            $loan->installments->count()
                        )


                            <div class="installment-loan">

                                <div class="installment-loan-header">

                                    <strong>
                                        {{ $loan->loan_number }}
                                    </strong>

                                    <span>
                                        {{
                                            $loan->installments->count()
                                        }}
                                        installments
                                    </span>

                                </div>


                                <div class="installment-table-wrap">

                                    <table class="installment-table">

                                        <thead>

                                            <tr>

                                                <th>
                                                    #
                                                </th>

                                                <th>
                                                    Due Date
                                                </th>

                                                <th>
                                                    EMI
                                                </th>

                                                <th>
                                                    Paid
                                                </th>

                                                <th>
                                                    Outstanding
                                                </th>

                                                <th>
                                                    Status
                                                </th>

                                            </tr>

                                        </thead>


                                        <tbody>

                                            @foreach(
                                                $loan->installments
                                                    ->sortBy(
                                                        'installment_number'
                                                    )
                                                as $installment
                                            )


                                                @php

                                                    $installmentStatus =
                                                        strtolower(
                                                            (string)
                                                            $installment->status
                                                        );


                                                    $installmentClass =
                                                        match(
                                                            $installmentStatus
                                                        ) {

                                                            'paid',
                                                            'completed'
                                                                => 'status-active',

                                                            'overdue'
                                                                => 'status-danger',

                                                            'partial',
                                                            'pending'
                                                                => 'status-pending',

                                                            default
                                                                => 'status-gray',

                                                        };

                                                @endphp


                                                <tr>

                                                    <td>
                                                        <strong>
                                                            {{
                                                                $installment
                                                                    ->installment_number
                                                            }}
                                                        </strong>
                                                    </td>


                                                    <td>

                                                        {{
                                                            $installment->due_date
                                                                ? \Carbon\Carbon::parse(
                                                                    $installment->due_date
                                                                )->format('d M Y')
                                                                : '—'
                                                        }}

                                                    </td>


                                                    <td>

                                                        {{
                                                            money(
                                                                (float)(
                                                                    $installment
                                                                        ->emi_amount
                                                                    ?? 0
                                                                )
                                                            )
                                                        }}

                                                    </td>


                                                    <td>

                                                        {{
                                                            money(
                                                                (float)(
                                                                    $installment
                                                                        ->paid_amount
                                                                    ?? 0
                                                                )
                                                            )
                                                        }}

                                                    </td>


                                                    <td>

                                                        {{
                                                            money(
                                                                (float)(
                                                                    $installment
                                                                        ->outstanding_amount
                                                                    ?? 0
                                                                )
                                                            )
                                                        }}

                                                    </td>


                                                    <td>

                                                        <span
                                                            class="
                                                                installment-status
                                                                {{
                                                                    $installmentClass
                                                                }}
                                                            "
                                                        >

                                                            {{
                                                                ucfirst(
                                                                    str_replace(
                                                                        '_',
                                                                        ' ',
                                                                        $installment
                                                                            ->status
                                                                    )
                                                                )
                                                            }}

                                                        </span>

                                                    </td>

                                                </tr>


                                            @endforeach

                                        </tbody>

                                    </table>

                                </div>

                            </div>


                        @endif

                    @endforeach


                </div>

            </div>

        </section>

    @endif


    {{-- =====================================================
         PAYMENT HISTORY
    ====================================================== --}}

    <section class="client-section">

        <div class="section-card">

            <div class="section-card-header">

                <div class="section-card-title">

                    <div class="section-card-icon">
                        ₹
                    </div>

                    <h3>
                        Payment History
                    </h3>

                </div>

                <span>
                    {{ $paymentCount }} records
                </span>

            </div>


            {{-- PAYMENT SUMMARY --}}

            <div class="payment-summary">


                <div class="payment-summary-box">

                    <span>
                        Total Payments
                    </span>

                    <strong>
                        {{ $paymentCount }}
                    </strong>

                </div>


                <div class="payment-summary-box">

                    <span>
                        Successful
                    </span>

                    <strong class="green">
                        {{ $paidPaymentCount }}
                    </strong>

                </div>


                <div class="payment-summary-box">

                    <span>
                        Total Paid
                    </span>

                    <strong class="green">
                        {{
                            money(
                                (float)$totalPaidAmount
                            )
                        }}
                    </strong>

                </div>


            </div>


            @if($payments->count())


                <div class="payment-table-wrap">

                    <table class="payment-table">

                        <thead>

                            <tr>

                                <th>
                                    Payment
                                </th>

                                <th>
                                    Type
                                </th>

                                <th>
                                    Loan
                                </th>

                                <th>
                                    Amount
                                </th>

                                <th>
                                    Method
                                </th>

                                <th>
                                    Status
                                </th>

                                <th>
                                    Date
                                </th>

                            </tr>

                        </thead>


                        <tbody>


                            @foreach($payments as $payment)


                                @php

                                    $paymentStatus =
                                        strtolower(
                                            (string)$payment->status
                                        );


                                    $paymentStatusClass =
                                        match($paymentStatus) {

                                            'paid'
                                                => 'success',

                                            'pending',
                                            'created'
                                                => 'pending',

                                            default
                                                => 'danger',

                                        };


                                    $paymentType =
                                        $payment->payment_type
                                        ?? 'general';


                                    $paymentMethod =
                                        $payment->payment_method
                                        ?? (
                                            $payment->is_manual
                                                ? 'manual'
                                                : 'online'
                                        );

                                @endphp


                                <tr>


                                    <td>

                                        <div class="payment-id">

                                            {{
                                                $payment->order_id
                                                ??
                                                $payment->payment_id
                                                ??
                                                'Payment #' . $payment->id
                                            }}

                                        </div>

                                        @if($payment->payment_id)

                                            <div class="payment-date">

                                                ID:
                                                {{
                                                    $payment->payment_id
                                                }}

                                            </div>

                                        @endif

                                    </td>


                                    <td>

                                        {{
                                            ucfirst(
                                                str_replace(
                                                    '_',
                                                    ' ',
                                                    $paymentType
                                                )
                                            )
                                        }}

                                    </td>


                                    <td>

                                        @if($payment->loan)

                                            {{
                                                $payment->loan->loan_number
                                            }}

                                            @if($payment->installment)

                                                <div class="payment-date">

                                                    EMI #
                                                    {{
                                                        $payment
                                                            ->installment
                                                            ->installment_number
                                                    }}

                                                </div>

                                            @endif

                                        @else

                                            —

                                        @endif

                                    </td>


                                    <td>

                                        <span class="payment-amount">

                                            {{
                                                money(
                                                    (float)(
                                                        $payment->amount
                                                        ?? 0
                                                    )
                                                )
                                            }}

                                        </span>

                                    </td>


                                    <td>

                                        {{
                                            ucfirst(
                                                str_replace(
                                                    '_',
                                                    ' ',
                                                    $paymentMethod
                                                )
                                            )
                                        }}

                                        @if($payment->is_manual)

                                            <div class="payment-date">
                                                Manual
                                            </div>

                                        @else

                                            <div class="payment-date">
                                                Online
                                            </div>

                                        @endif

                                    </td>


                                    <td>

                                        <span
                                            class="
                                                client-status
                                                {{ $paymentStatusClass }}
                                            "
                                        >

                                            <span class="status-dot"></span>

                                            {{
                                                ucfirst(
                                                    str_replace(
                                                        '_',
                                                        ' ',
                                                        $payment->status
                                                    )
                                                )
                                            }}

                                        </span>

                                    </td>


                                    <td>

                                        {{
                                            $payment->paid_at
                                                ? $payment->paid_at->format(
                                                    'd M Y, h:i A'
                                                )
                                                : (
                                                    $payment->created_at
                                                        ? $payment->created_at->format(
                                                            'd M Y, h:i A'
                                                        )
                                                        : '—'
                                                )
                                        }}

                                    </td>


                                </tr>


                            @endforeach


                        </tbody>

                    </table>

                </div>


            @else


                <div class="empty-box">

                    <div class="empty-box-icon">
                        ₹
                    </div>

                    <strong>
                        No Payment Records
                    </strong>

                    No payments have been recorded for this client.

                </div>


            @endif

        </div>

    </section>


</div>

@endsection


@push('scripts')

<script>

function showRejectBox()
{
    const box =
        document.getElementById(
            'rejectBox'
        );

    if (!box) {
        return;
    }

    box.style.display = 'block';

    const textarea =
        box.querySelector(
            'textarea'
        );

    if (textarea) {
        textarea.focus();
    }
}


function hideRejectBox()
{
    const box =
        document.getElementById(
            'rejectBox'
        );

    if (!box) {
        return;
    }

    box.style.display = 'none';
}

</script>

@endpush