@extends('layouts.app')
@section('title', $customer->name . ' — বিস্তারিত')
@section('page-title', 'গ্রাহকের বিস্তারিত')

@section('content')
<div class="row g-4">

    {{-- Left: Profile Card --}}
    <div class="col-lg-4">
        <div class="card stat-card mb-4">
            <div class="card-body text-center py-4">
                <div class="rounded-circle bg-primary bg-opacity-10 mx-auto mb-3 d-flex align-items-center justify-content-center"
                     style="width:80px;height:80px">
                    <i class="bi bi-person-fill text-primary fs-2"></i>
                </div>
                <h5 class="fw-bold mb-1">{{ $customer->name }}</h5>
                @if($customer->company_name)
                    <small class="text-muted d-block">{{ $customer->company_name }}</small>
                @endif
                <div class="d-flex justify-content-center gap-2 mt-2">
                    <span class="badge {{ $customer->type === 'corporate' ? 'bg-info' : 'bg-secondary' }}">
                        {{ $customer->type_label }}
                    </span>
                    <span class="badge {{ $customer->status === 'active' ? 'bg-success' : 'bg-danger' }}">
                        {{ $customer->status_label }}
                    </span>
                </div>
            </div>
            <div class="card-footer bg-light border-0 px-4 py-3">
                <div class="d-flex flex-column gap-2 small">
                    <div><i class="bi bi-telephone text-muted me-2"></i>{{ $customer->phone }}</div>
                    @if($customer->email)
                    <div><i class="bi bi-envelope text-muted me-2"></i>{{ $customer->email }}</div>
                    @endif
                    @if($customer->address)
                    <div><i class="bi bi-geo-alt text-muted me-2"></i>{{ $customer->address }}</div>
                    @endif
                    @if($customer->area || $customer->district)
                    <div><i class="bi bi-map text-muted me-2"></i>{{ implode(', ', array_filter([$customer->area, $customer->district])) }}</div>
                    @endif
                    @if($customer->nid)
                    <div><i class="bi bi-card-text text-muted me-2"></i>NID: {{ $customer->nid }}</div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Actions --}}
        <div class="card stat-card">
            <div class="card-body d-flex flex-column gap-2">
                <a href="{{ route($routePrefix . '.edit', $customer) }}" class="btn btn-primary">
                    <i class="bi bi-pencil me-2"></i>তথ্য সম্পাদনা
                </a>
                <a href="{{ route($routePrefix . '.index') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-2"></i>তালিকায় ফিরুন
                </a>
            </div>
        </div>
    </div>

    {{-- Right: Financial & Notes --}}
    <div class="col-lg-8">

        {{-- Financial Summary --}}
        <div class="row g-3 mb-4">
            <div class="col-md-6">
                <div class="card stat-card h-100 border-start border-4 border-success">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <div class="text-muted small mb-1">সিলিন্ডার ডিপোজিট</div>
                                <div class="fs-2 fw-bold text-success">৳{{ number_format($customer->deposit_amount, 2) }}</div>
                            </div>
                            <i class="bi bi-cash-stack text-success fs-3 opacity-50"></i>
                        </div>

                        {{-- Adjust Deposit --}}
                        <form method="POST" action="{{ route($routePrefix . '.deposit', $customer) }}" class="mt-3 d-flex gap-2">
                            @csrf @method('PATCH')
                            <input type="number" name="deposit_amount" value="{{ $customer->deposit_amount }}"
                                class="form-control form-control-sm" min="0" step="0.01" style="width:120px">
                            <button type="submit" class="btn btn-sm btn-success">আপডেট</button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card stat-card h-100 border-start border-4 {{ $customer->due_balance > 0 ? 'border-danger' : 'border-secondary' }}">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <div class="text-muted small mb-1">বকেয়া ব্যালেন্স</div>
                                <div class="fs-2 fw-bold {{ $customer->due_balance > 0 ? 'text-danger' : 'text-muted' }}">
                                    ৳{{ number_format($customer->due_balance, 2) }}
                                </div>
                            </div>
                            <i class="bi bi-exclamation-circle {{ $customer->due_balance > 0 ? 'text-danger' : 'text-muted' }} fs-3 opacity-50"></i>
                        </div>

                        {{-- Adjust Due --}}
                        <form method="POST" action="{{ route($routePrefix . '.due', $customer) }}" class="mt-3 d-flex gap-2">
                            @csrf @method('PATCH')
                            <input type="number" name="due_balance" value="{{ $customer->due_balance }}"
                                class="form-control form-control-sm" min="0" step="0.01" style="width:120px">
                            <button type="submit" class="btn btn-sm btn-danger">আপডেট</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        {{-- Customer Info Table --}}
        <div class="card stat-card mb-4">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-info-circle text-primary me-2"></i>বিস্তারিত তথ্য</h6>
            </div>
            <div class="card-body">
                <table class="table table-borderless table-sm mb-0">
                    <tr><th class="text-muted w-40" style="width:40%">নিবন্ধনের তারিখ</th><td>{{ $customer->created_at->format('d M Y') }}</td></tr>
                    <tr><th class="text-muted">সর্বশেষ আপডেট</th><td>{{ $customer->updated_at->format('d M Y') }}</td></tr>
                    @if($customer->notes)
                    <tr><th class="text-muted">নোট</th><td>{{ $customer->notes }}</td></tr>
                    @endif
                </table>
            </div>
        </div>

    </div>
</div>
@endsection