@extends('admin.layouts')

@section('content')

<div class="card p-2 p-md-4">

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

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

        <div class="text-center">
            <h6 class="mb-0 text-primary fw-bold">
                GA → BP Financials
            </h6>
            <small class="text-primary fw-semibold">(If in BP)</small>
        </div>

        <span class="badge bg-danger-subtle text-danger px-2 py-1">
            <i class="ti tabler-circle-filled me-1"></i>
            In BP
        </span>

    </div>


    <!-- BP Financial Details -->
    <div class="mb-3 border rounded border-muted p-2">

        <div class="row g-1 g-md-2">

            <!-- Current BP No -->
            <div class="col-7">
                <small class="text-muted">
                    Current BP No.
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    BP/25/08/0157
                </small>
            </div>


            <!-- GA Gold in BP -->
            <div class="col-7">
                <small class="text-muted">
                    GA Gold in BP
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    41.300 g
                </small>
            </div>


            <!-- Bank Loan -->
            <div class="col-7">
                <small class="text-muted">
                    Bank Loan (Attributable)
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    ₹ 3,80,000
                </small>
            </div>


            <!-- Company Money Received -->
            <div class="col-7">
                <small class="text-muted">
                    Company Money Received
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    ₹ 3,40,000
                </small>
            </div>


            <!-- BP Charges -->
            <div class="col-7">
                <small class="text-muted">
                    BP Charges (Allocated)
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    ₹ 12,000
                </small>
            </div>

        </div>

    </div>


    <!-- Own Fund Exposure -->
    <div class="alert alert-danger py-2 px-2 mb-3">

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

            <small class="fw-semibold">
                Current Own Fund Exposure
            </small>

            <span class="fw-bold">
                ₹ 1,48,000
            </span>

        </div>

    </div>


    <!-- View BP Full Details -->
    <div class="d-grid d-md-flex justify-content-md-end gap-2 mt-3 mb-3">

        <a href=""
            class="btn btn-sm btn-outline-primary hover fw-semibold">
        <i class="ti tabler-upload me-2 fw-semibold"></i>
        View BP Full Details
        </a>

    </div>


    <!-- Latest Follow-up -->
    <div class="border border-muted rounded p-2">

        <h6 class="text-primary fw-bold mb-2">
            Latest Follow-up
        </h6>


        <div class="row g-1 g-md-2">

            <!-- Last Follow-up -->
            <div class="col-7">
                <small class="text-muted">
                    Last Follow-up
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    24/08/2026
                </small>
            </div>


            <!-- Next Follow-up -->
            <div class="col-7">
                <small class="text-muted">
                    Next Follow-up
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    10/09/2026
                </small>
            </div>


            <!-- Status -->
            <div class="col-7">
                <small class="text-muted">
                    Status
                </small>
            </div>

            <div class="col-5 text-end">
                <small class="fw-bold">
                    Follow-up Scheduled
                </small>
            </div>

        </div>

    </div>

</div>

@endsection