@extends('Admin.layout')
@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">

        <!-- Circles + connecting line row -->
        <div class="d-flex align-items-center w-100">

            <div class="step-circle done">1</div>
            <div class="step-line done"></div>

            <div class="step-circle done">2</div>
            <div class="step-line done"></div>

            <div class="step-circle done">3</div>
            <div class="step-line done"></div>

            <div class="step-circle done">4</div>
            <div class="step-line done"></div>

            <div class="step-circle active">5</div>

        </div>

        <!-- Labels row: same flex "skeleton" as the circles row (fixed-width slot
             under each circle + matching flex-grow spacers where the lines are)
             so every label centers exactly on its circle, not on the line span -->
        <div class="d-flex w-100 mt-2">

            <div class="text-center flex-shrink-0" style="width: 30px;">
                <span class="step-label active text-nowrap">KYC</span>
            </div>
            <div class="flex-grow-1 mx-2"></div>

            <div class="text-center flex-shrink-0" style="width: 30px;">
                <span class="step-label active text-nowrap">Gold</span>
            </div>
            <div class="flex-grow-1 mx-2"></div>

            <div class="text-center flex-shrink-0" style="width: 30px;">
                <span class="step-label active text-nowrap">Loan</span>
            </div>
            <div class="flex-grow-1 mx-2"></div>

            <div class="text-center flex-shrink-0" style="width: 30px;">
                <span class="step-label active text-nowrap">Docs</span>
            </div>
            <div class="flex-grow-1 mx-2"></div>

            <div class="text-center flex-shrink-0" style="width: 30px;">
                <span class="step-label active text-nowrap">Review</span>
            </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>

        <a href="{{route('edit_review')}}"
            class="btn btn-primary btn-sm">
            Edit
        </a>

    </div>



    <!-- Summary Details -->

    <form action="{{route('ga_cases')}}">
        <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">Lakshmi</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">94876 54321</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">41.790 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">22K</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">₹ 12,000</span>
            </div>


            <div class="col-5">
                <span class="fw-semibold text-muted">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">₹ 5,00,000</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">Standard</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">Bank Transfer</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">24/08/2026</span>
            </div>

        </div>


        <!-- 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">
                    Indian Bank
                </span>

                <span class="fw-bold d-block">
                    <small class="text-muted">A/c: </small>620123456788
                </span>

                <span class="fw-bold d-block">
                    <small class="text-muted">IFSC: </small>IDIB000N001
                </span>
            </div>

        </div>


        <!-- Success Message -->
        <div class="alert alert-success d-flex align-items-center py-2 px-2 mb-3">

            <i class="ti tabler-circle-check-filled fs-5 me-2"></i>

            <small class="fw-semibold">
                All mandatory details completed
            </small>

        </div>

      

    </form>

  </div>
</div>



@endsection