@extends('staff.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">
    <div class="step-scroll">

        <div class="step-content">

            <!-- Circles + Connecting Lines -->
            <div class="d-flex align-items-center w-100">

                <!-- Step 1 -->
                <div class="step-circle-custom completed">
                    <i class="ti ti-check"></i>
                </div>

                <div class="step-connector done"></div>

                <!-- Step 2 -->
                <div class="step-circle-custom completed">
                    <i class="ti ti-check"></i>
                </div>

                <div class="step-connector done"></div>

                <!-- Step 3 -->
                <div class="step-circle-custom completed">
                    <i class="ti ti-check"></i>
                </div>

                <div class="step-connector done"></div>

                <!-- Step 4 -->
                <div class="step-circle-custom completed">
                    <i class="ti ti-check"></i>
                </div>

                <div class="step-connector done"></div>

                <!-- Step 5: Active -->
                <div class="step-circle-custom completed">
                    <span>5</span>
                </div>

            </div>

            <!-- Labels -->
            <div class="d-flex align-items-start w-100 mt-2">

                <!-- Personal Details -->
                <div class="step-label-custom active">
                    <small>Personal Details</small>
                </div>

                <div class="step-label-spacer"></div>

                <!-- Gold -->
                <div class="step-label-custom active">
                    <small>Gold</small>
                </div>

                <div class="step-label-spacer"></div>

                <!-- Loan -->
                <div class="step-label-custom active">
                    <small>Loan</small>
                </div>

                <div class="step-label-spacer"></div>

                <!-- Docs -->
                <div class="step-label-custom active">
                    <small>Docs</small>
                </div>

                <div class="step-label-spacer"></div>

                <!-- Review -->
                <div class="step-label-custom active">
                    <small>Review</small>
                </div>

            </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('staff_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">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, 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('staff_docs') }}" 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