@extends('Admin.layout')

@section('content')

    <div class="container-xxl">


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

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

                <!-- Back Button -->
                <a href="{{ route('gold_loan') }}" class="back-btn" title="Back to Bookings">

                    <i class="fas fa-chevron-left"></i>

                </a>

                <div>

                    <h4 class="fw-bold mb-1">
                        Gold Loan Details
                    </h4>


                </div>

            </div>


            {{-- Edit Button --}}
            <div>

                <a href="{{ route('gold_loan_edit', $loan->id) }}" class="btn btn-primary">

                    <i class="ti tabler-edit me-1"></i>

                    Edit Gold Loan

                </a>

            </div>

        </div>


        {{--   CUSTOMER DETAILS --}}

        <div class="card shadow-sm mb-4">

            <div class="card-header">

                <h5 class="mb-0 fw-bold">
                    Customer Details
                </h5>

            </div>

            <div class="card-body">

                <div class="row g-4">

                    {{-- Customer Name --}}
                    <div class="col-md-4">

                        <label class="form-label text-muted mb-1">
                            Customer Name
                        </label>

                        <div class="fw-semibold fs-6">
                            {{ $loan->customer_name ?: '-' }}
                        </div>

                    </div>


                    {{-- Mobile --}}
                    <div class="col-md-4">

                        <label class="form-label text-muted mb-1">
                            Mobile Number
                        </label>

                        <div class="fw-semibold fs-6">
                            {{ $loan->mobile ?: '-' }}
                        </div>

                    </div>


                    {{-- Address --}}
                    <div class="col-4">

                        <label class="form-label text-muted mb-1">
                            Address
                        </label>

                        <div class="fw-semibold fs-6">
                            {{ $loan->address ?: '-' }}
                        </div>

                    </div>

                </div>

            </div>

        </div>

        {{--   GOLD DETAILS --}}

        <div class="card shadow-sm mb-4">

            <div class="card-header">

                <h5 class="mb-0 fw-bold">
                    Gold Details
                </h5>

            </div>

            <div class="card-body">

                <div class="row g-4">

                    {{-- Gross Weight --}}
                    <div class="col-md-4 col-sm-6">

                        <div class="border rounded-3 p-3 h-100">

                            <div class="text-muted small mb-1">
                                Gross Weight
                            </div>

                            <div class="fs-5 fw-bold">
                                {{ number_format((float) $loan->gross_weight, 2) }} g
                            </div>

                        </div>

                    </div>


                    {{-- Stone Weight --}}
                    <div class="col-md-4 col-sm-6">

                        <div class="border rounded-3 p-3 h-100">

                            <div class="text-muted small mb-1">
                                Stone Weight
                            </div>

                            <div class="fs-5 fw-bold">
                                {{ number_format((float) $loan->stone_weight, 2) }} g
                            </div>

                        </div>

                    </div>


                    {{-- Net Weight --}}
                    <div class="col-md-4 col-sm-6">

                        <div class="border rounded-3 p-3 h-100">

                            <div class="text-muted small mb-1">
                                Net Weight
                            </div>

                            <div class="fs-5 fw-bold">
                                {{ number_format((float) $loan->net_weight, 2) }} g
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        {{-- LOAN DETAILS --}}

        <div class="card shadow-sm mb-4">

            <div class="card-header">

                <h5 class="mb-0 fw-bold">
                    Loan Details
                </h5>

            </div>

            <div class="card-body">

                <div class="row g-4">

                    {{-- Loan Per Gram --}}
                    <div class="col-md-6">

                        <label class="form-label text-muted mb-1">
                            Loan Per Gram Amount
                        </label>

                        <div class="fs-5 fw-bold">
                            ₹ {{ number_format((float) $loan->loan_per_gram_amount, 2) }}
                        </div>

                    </div>


                    {{-- Given Amount --}}
                    <div class="col-md-6">

                        <label class="form-label text-muted mb-1">
                            Given Amount
                        </label>

                        <div class="fs-5 fw-bold">
                            ₹ {{ number_format((float) $loan->given_amount, 2) }}
                        </div>

                    </div>

                </div>

               
            </div>

        </div>

    </div>



    {{-- ADMIN REMARK --}}

    <div class="card shadow-sm mb-4">

        <div class="card-header">

            <h5 class="mb-0 fw-bold">
                Admin Remark
            </h5>

        </div>

        <div class="card-body">

            @if ($loan->admin_remark)
                <div class="p-3 bg-light rounded-3">

                    {{ $loan->admin_remark }}

                </div>
            @else
                <div class="text-muted">
                    No remark added.
                </div>
            @endif

        </div>

    </div>

    {{-- GOLD LOAN IMAGES --}}


    <div class="card shadow-sm mb-4">

        <div class="card-header">

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

                <h5 class="mb-0 fw-bold">
                    Gold Loan Images
                </h5>

                @if (is_array($loan->jewellery_images))
                    <span class="badge bg-label-primary">

                        {{ count($loan->jewellery_images) }}
                        Image{{ count($loan->jewellery_images) > 1 ? 's' : '' }}

                    </span>
                @endif

            </div>

        </div>


        <div class="card-body">

            @if (!empty($loan->jewellery_images) && is_array($loan->jewellery_images))
                <div class="row g-4">

                    @foreach ($loan->jewellery_images as $image)
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">

                            <div class="card border shadow-none h-100 mb-0">

                                {{-- Image --}}
                                <div class="p-2">

                                    <a href="{{ asset('storage/' . $image) }}" target="_blank">

                                        <img src="{{ asset('storage/' . $image) }}" alt="Gold Jewellery"
                                            class="img-fluid rounded-3 w-100"
                                            style="height: 240px; object-fit: cover; cursor: pointer;"
                                            onerror="this.onerror=null; this.src='{{ asset('assets/images/no-image.png') }}';">

                                    </a>

                                </div>


                                {{-- Image Name --}}
                                <div class="card-body pt-2 pb-3 text-center">

                                    <small class="text-muted">
                                        Gold Image {{ $loop->iteration }}
                                    </small>

                                </div>

                            </div>

                        </div>
                    @endforeach

                </div>
            @else
                <div class="text-center py-5">

                    <i class="ti tabler-photo-off" style="font-size: 50px;">
                    </i>

                    <h6 class="mt-3 mb-1">
                        No Gold Images
                    </h6>

                    <p class="text-muted mb-0">
                        No jewellery images were uploaded for this loan.
                    </p>

                </div>
            @endif

        </div>

    </div>

    </div>

@endsection