@extends('Admin.layout')
<style>
    .step-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.step-content {
    min-width: 600px;
}

.step-item {
    flex: 1;
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-circle {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.step-line {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 100%;
    border-top: 1px solid var(--glass-border);
    z-index: 0;
}

.step-line.done {
    border-color: var(--gold);
    opacity: .6;
}

.step-label {
    margin-top: 10px;
    text-align: center;
    white-space: nowrap;
}
.step-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.step-content {
    min-width: 600px;
}

.step-item {
    flex: 1;
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-circle-custom {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--glass-border);
    color: var(--ink-dim);
    position: relative;
    z-index: 1;
}

.step-circle-custom.completed {
    background: linear-gradient(135deg, var(--gold-soft), var(--gold));
    box-shadow: 0 0 12px rgba(226,182,92,.4);
    color: #1a1206;
}

.step-connector {
    position: absolute;
    top: 19px;
    left: calc(50% + 19px);
    width: calc(100% - 38px);
    border-top: 1px solid var(--glass-border);
}

.step-connector.completed {
    border-color: var(--gold);
    opacity: .6;
}

.step-label-custom {
    width: 100%;
    margin-top: 12px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.4;
}

.step-label-custom small {
    color: var(--ink-dim);
}

.step-label-custom.active small {
    color: var(--gold-soft);
    font-weight: 600;
}
</style>
@section('content')

    <!-- Header -->
    <div class="d-flex align-items-center justify-content-between mb-4">

        <div class="d-flex align-items-center gap-2">

            <a href="{{ route('docs') }}" class="btn btn-icon btn-outline-primary">
                <i class="ti ti-arrow-left"></i>
            </a>

            <div>
                <h5 class="mb-0 fw-bold text-primary">New GA Entry</h5>
            </div>

        </div>

    </div>
<!-- STEP INDICATOR -->
<div class="card mb-4">
    <div class="card-body py-3">
        <div class="step-scroll">
            <div class="step-content">

                <!-- Circles + connecting lines -->
                <div class="d-flex w-100">
                    @foreach (range(1, 5) as $step)
                        <div class="step-item">

                            <div class="step-circle {{ $step <= 4 ? 'done' : 'active' }}">
                                {{ $step }}
                            </div>

                            @if ($step < 5)
                                <div class="step-line {{ $step < 5 ? 'done' : '' }}"></div>
                            @endif

                            <div class="step-label {{ $step <= 5 ? 'active' : '' }}">
                                <span class="text-nowrap">
                                    {{ [
                                        1 => 'Personal Details',
                                        2 => 'Gold',
                                        3 => 'Docs',
                                        4 => 'Loan',
                                        5 => 'Review'
                                    ][$step] }}
                                </span>
                            </div>

                        </div>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
</div>
    <!-- Review Summary Card -->
    <div class="card">
        <div class="card-body">

            <div class="d-flex align-items-center justify-content-between mb-3">

                <h5 class="text-primary fw-bold mb-0">
                    Review Summary
                </h5>



            </div>


            <!-- Summary Details -->

           <form action="{{ route('store_ga') }}" method="POST">
    @csrf

    <div class="row g-1 mb-3">

        <div class="col-5">
            <span class="fw-semibold text-muted">Customer Name</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ $gaCustomer['customer_name'] ?? '-' }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Mobile</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ $gaCustomer['mobile'] ?? '-' }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Gross Weight</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ number_format($totalGrossWeight ?? 0, 3) }} g
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Net Weight</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ number_format($totalNetWeight ?? 0, 3) }} g
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Purity</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ $purities->isNotEmpty()
                    ? $purities->map(fn($purity) => number_format($purity->purity, 0) . 'K')->implode(', ')
                    : '-' }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Rate / g</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                ₹ {{ number_format($gaLoan['gold_22k_amount'] ?? 0, 2) }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Eligible Loan Amount</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold text-primary">
                ₹ {{ number_format($gaLoan['eligible_loan_amount'] ?? 0, 2) }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Interest Policy</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ $policy->policy_name ?? '-' }}
                @if ($policy)
                    ({{ number_format($policy->interest, 2) }}%)
                @endif
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Disbursement Mode</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ ucfirst(str_replace('_', ' ', $gaLoan['disbursement_mode'] ?? '-')) }}
            </span>
        </div>

        <div class="col-5">
            <span class="fw-semibold text-muted">Disbursement Date</span>
        </div>
        <div class="col-1 text-center">
            <small class="text-muted">:</small>
        </div>
        <div class="col-6">
            <span class="fw-bold">
                {{ !empty($gaLoan['disbursement_date'])
                    ? \Carbon\Carbon::parse($gaLoan['disbursement_date'])->format('d/m/Y')
                    : '-' }}
            </span>
        </div>

    </div>

    @if (($gaLoan['disbursement_mode'] ?? '') === 'Bank Transfer')
        <!-- Bank Details -->
        <div class="row g-0 mt-1 mb-3">
            <div class="col-5">
                <span class="text-primary fw-semibold">Bank Details</span>
            </div>
            <div class="col-1 text-center">
                <small class="text-muted">:</small>
            </div>
            <div class="col-6">
                <span class="fw-bold d-block">
                    {{ $bank->bank_name ?? '-' }}
                </span>
                <span class="fw-bold d-block">
                    <small class="text-muted">Branch: </small>
                    {{ $gaLoan['branch_name'] ?? '-' }}
                </span>
                <span class="fw-bold d-block">
                    <small class="text-muted">A/c: </small>
                    {{ $gaLoan['account_number'] ?? '-' }}
                </span>
                <span class="fw-bold d-block">
                    <small class="text-muted">IFSC: </small>
                    {{ $gaLoan['ifsc'] ?? '-' }}
                </span>
            </div>
        </div>
    @endif

    <hr>

    <div class="d-grid d-md-flex flex-md-row justify-content-md-center gap-2">
        <a href="{{ route('loan') }}" class="btn btn-primary">
            Back
            <i class="ti ti-arrow-left ms-1"></i>
        </a>
        <button type="submit" class="btn btn-primary">
            Create GA
        </button>
    </div>

</form>

        </div>
    </div>

@endsection