@php $c = $selected; @endphp
<div class="billing-client-detail card border-0 shadow-sm">
    <div class="card-body p-4">
    <div class="billing-client-detail__header">
        <div class="billing-client-detail__icon">{{ strtoupper(substr($c->name, 0, 1)) }}</div>
        <div>
            <h4 class="mb-1 fw-semibold">{{ $c->name }}</h4>
            @if($c->city)<p class="text-muted small mb-0"><i class="ri-map-pin-line me-1"></i>{{ $c->city }}{{ $c->state ? ', '.$c->state : '' }}</p>@endif
        </div>
    </div>

    <ul class="billing-client-detail__meta list-unstyled mb-0">
        @if($c->gstin)
            <li><span class="label">GSTIN</span><span class="value"><code>{{ $c->gstin }}</code></span></li>
        @endif
        @if($c->email)
            <li><span class="label">Email</span><span class="value"><i class="ri-mail-line me-1 text-muted"></i>{{ $c->email }}</span></li>
        @endif
        @if($c->phone)
            <li><span class="label">Phone</span><span class="value"><i class="ri-phone-line me-1 text-muted"></i>{{ $c->phone }}</span></li>
        @endif
        @if($c->gst_treatment)
            <li><span class="label">GST Treatment</span><span class="value">{{ $c->gstTreatmentLabel() }}</span></li>
        @endif
    </ul>

    <hr class="billing-client-detail__divider">

    <h6 class="billing-client-detail__section-title">Contact Persons</h6>
    <ul class="list-unstyled mb-0">
        @foreach($c->contactPersonsList() as $person)
            <li class="mb-1">{{ $person }}</li>
        @endforeach
    </ul>

    <hr class="billing-client-detail__divider">

    <h6 class="billing-client-detail__section-title">Address</h6>
    <div class="billing-client-detail__address">
        <div class="fw-medium mb-2"><i class="ri-building-line me-1 text-muted"></i> Billing Address</div>
        @if(count($c->billingAddressLines()))
            <address class="mb-0">
                @foreach($c->billingAddressLines() as $line)
                    {{ $line }}<br>
                @endforeach
            </address>
        @else
            <p class="text-muted mb-0">No billing address on file.</p>
        @endif
    </div>

    @if($c->has_shipping_address && ($c->shipping_address_line1 || $c->shipping_address))
        <div class="billing-client-detail__address mt-3">
            <div class="fw-medium mb-2"><i class="ri-truck-line me-1 text-muted"></i> Shipping Address</div>
            <address class="mb-0">
                {{ $c->shipping_address_line1 }}<br>
                @if($c->shipping_address_line2){{ $c->shipping_address_line2 }}<br>@endif
                {{ trim(implode(', ', array_filter([$c->shipping_city, $c->shipping_state, $c->shipping_pincode]))) }}<br>
                {{ $c->shipping_country }}
            </address>
        </div>
    @endif

    <hr class="billing-client-detail__divider">

    <p class="text-muted small mb-0">
        Opening Balance added by user {{ auth()->user()->name ?? 'Admin' }} :
        <span class="fw-medium text-body">₹{{ number_format($c->opening_balance, 2) }}</span>
        <span class="text-muted">({{ $c->balance_type }})</span>
        · Current balance: <span class="fw-medium text-body">₹{{ number_format($c->currentBalance(), 2) }}</span>
    </p>

    @if($c->notes)
        <hr class="billing-client-detail__divider">
        <h6 class="billing-client-detail__section-title">Notes</h6>
        <p class="text-muted mb-0">{{ $c->notes }}</p>
    @endif
    </div>
</div>