@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')
    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6 ps-0">
                            <h3><i class="fas fa-user mr-2" style="color:#c9a96e"></i>{{ $user->name }}</h3>
                            <p class="text-muted mb-0" style="font-size:13px">
                                {{ $user->role === 'broker' ? 'Broker' : 'Buyer' }} · Joined {{ $user->created_at->format('d M Y') }}
                            </p>
                        </div>
                        <div class="col-sm-6 pe-0">
                            <ol class="bc">
                                <li><a href="/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                                <li class="bc-sep">›</li>
                                <li>
                                    <a href="{{ $user->role === 'broker' ? route('admin.brokers.index') : route('admin.users.index') }}" class="bc-link">
                                        {{ $user->role === 'broker' ? 'Brokers' : 'Users' }}
                                    </a>
                                </li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">{{ $user->name }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @foreach(['success','error'] as $t)
                @if(session($t))
                    <div class="container-fluid mb-2">
                        <div class="alert alert-{{ $t==='error'?'danger':$t }} alert-dismissible fade show">
                            {{ session($t) }}
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                        </div>
                    </div>
                @endif
            @endforeach

            <div class="container-fluid">
                <div class="row">

                    {{-- ── Left column ── --}}
                    <div class="col-lg-8">

                        {{-- ── Bookings ── --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h6 class="mb-0"><i class="fas fa-home mr-2" style="color:#c9a96e"></i>Bookings ({{ $bookings->count() }})</h6>
                            </div>
                            <div class="card-body p-0">
                                @forelse($bookings as $booking)
                                    @php
                                        $bsColors = ['confirmed'=>'#22c55e','pending'=>'#f59e0b','cancelled'=>'#ef4444'];
                                        $bsColor  = $bsColors[$booking->booking_status] ?? '#94a3b8';
                                        $milestones = $booking->milestones ?? collect();
                                        $totalAmt   = $milestones->sum('amount');
                                        $paidAmt    = $milestones->where('status','paid')->sum('amount');
                                        $balanceAmt = $totalAmt - $paidAmt;
                                        $pct        = $totalAmt > 0 ? round(($paidAmt / $totalAmt) * 100) : 0;
                                    @endphp
                                    <div style="padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.06);">
                                        {{-- Booking header --}}
                                        <div class="d-flex justify-content-between align-items-start flex-wrap" style="gap:8px;margin-bottom:10px">
                                            <div>
                                                <div style="font-weight:700;font-size:15px;color:#1e293b">
                                                    Unit {{ $booking->plot_number }}
                                                    <span style="font-size:11px;font-weight:400;color:#94a3b8;margin-left:4px">
                                                        {{ $booking->plot_type }} · #{{ $booking->id }}
                                                    </span>
                                                </div>
                                                <div style="font-size:12px;color:#94a3b8;margin-top:2px">
                                                    Booked {{ $booking->created_at->format('d M Y') }}
                                                    @if($booking->paymentPlan)
                                                        · Plan: <strong>{{ $booking->paymentPlan->name }}</strong>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="d-flex align-items-center" style="gap:8px">
                                                <span style="font-size:11px;font-weight:700;color:{{ $bsColor }};
                                                             padding:2px 10px;border-radius:20px;
                                                             background:{{ $bsColor }}18;border:1px solid {{ $bsColor }}33">
                                                    {{ ucfirst($booking->booking_status) }}
                                                </span>
                                                <a href="{{ route('admin.bookings.show', $booking->id) }}"
                                                   class="btn btn-outline-primary btn-sm" style="padding:3px 10px;font-size:11px">
                                                    View
                                                </a>
                                            </div>
                                        </div>

                                        {{-- Amount summary --}}
                                        <div class="row" style="margin-bottom:10px">
                                            @foreach([
                                                ['Price', '₹'.number_format($booking->price ?? 0, 0), '#1e293b'],
                                                ['Down Payment', '₹'.number_format($booking->down_payment_amount ?? 0, 0), '#c9a96e'],
                                                ['Total', '₹'.number_format($booking->total_amount ?? $booking->price ?? 0, 0), '#3b82f6'],
                                            ] as [$lbl, $val, $col])
                                                <div class="col-4">
                                                    <div style="font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px">{{ $lbl }}</div>
                                                    <div style="font-size:14px;font-weight:700;color:{{ $col }}">{{ $val }}</div>
                                                </div>
                                            @endforeach
                                        </div>

                                        {{-- ── Milestone schedule ── --}}
                                        @if($milestones->isNotEmpty())
                                            <div style="background:#f8f9fa;border-radius:10px;padding:12px 14px;margin-top:8px">
                                                <div class="d-flex justify-content-between align-items-center mb-2">
                                                    <div style="font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:0.5px">
                                                        Payment Schedule
                                                    </div>
                                                    <div style="font-size:11px;color:#475569">
                                                        <span style="color:#22c55e;font-weight:700">₹{{ number_format($paidAmt, 0) }}</span>
                                                        paid ·
                                                        <span style="{{ $balanceAmt > 0 ? 'color:#f59e0b' : 'color:#22c55e' }};font-weight:700">
                                                            ₹{{ number_format($balanceAmt, 0) }}
                                                        </span>
                                                        balance
                                                    </div>
                                                </div>

                                                {{-- Progress bar --}}
                                                <div style="background:#e2e8f0;border-radius:20px;height:6px;overflow:hidden;margin-bottom:10px">
                                                    <div style="height:100%;width:{{ $pct }}%;background:linear-gradient(90deg,#c9a96e,#a07840);border-radius:20px;transition:width .4s"></div>
                                                </div>

                                                @foreach($milestones as $m)
                                                    @php
                                                        $isOverdue = $m->status === 'pending' && $m->due_date && $m->due_date->isPast();
                                                        $mStatus   = $m->status === 'paid' ? 'paid' : ($m->status === 'waived' ? 'waived' : ($isOverdue ? 'overdue' : 'pending'));
                                                        $mColor    = match($mStatus) { 'paid'=>'#22c55e','overdue'=>'#ef4444','waived'=>'#94a3b8', default=>'#f59e0b' };
                                                    @endphp
                                                    <div style="display:flex;align-items:center;gap:10px;padding:6px 0;
                                                                border-bottom:1px solid rgba(0,0,0,0.05);">
                                                        <div style="width:8px;height:8px;border-radius:50%;background:{{ $mColor }};flex-shrink:0"></div>
                                                        <div style="flex:1;font-size:12px;color:#475569">
                                                            {{ $m->label }}
                                                            @if($m->percentage)
                                                                <span style="color:#94a3b8">({{ $m->percentage }}%)</span>
                                                            @endif
                                                            @if($m->due_date && $mStatus !== 'paid' && $mStatus !== 'waived')
                                                                <span style="color:{{ $isOverdue ? '#ef4444' : '#94a3b8' }};font-size:11px;margin-left:4px">
                                                                    · Due {{ $m->due_date->format('d M Y') }}
                                                                    @if($isOverdue)<span style="font-weight:700"> ⚠ Overdue</span>@endif
                                                                </span>
                                                            @endif
                                                            @if($m->paid_at)
                                                                <span style="color:#22c55e;font-size:11px;margin-left:4px">· Paid {{ $m->paid_at->format('d M Y') }}</span>
                                                            @endif
                                                        </div>
                                                        <div style="font-size:12px;font-weight:700;color:{{ $mColor }};flex-shrink:0">
                                                            ₹{{ number_format($m->amount, 0) }}
                                                        </div>
                                                        <span style="font-size:10px;font-weight:700;color:{{ $mColor }};text-transform:capitalize;
                                                                     padding:1px 8px;border-radius:10px;background:{{ $mColor }}18;
                                                                     border:1px solid {{ $mColor }}33;flex-shrink:0">
                                                            {{ $mStatus }}
                                                        </span>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @elseif($booking->booking_status === 'confirmed' && $booking->paymentPlan)
                                            <div style="background:#fff3cd;border-radius:8px;padding:8px 12px;margin-top:8px;font-size:12px;color:#856404">
                                                <i class="fas fa-exclamation-triangle mr-1"></i>
                                                Milestones not yet generated for this booking.
                                                <a href="{{ route('admin.bookings.show', $booking->id) }}" style="color:#c9a96e;font-weight:600;margin-left:4px">
                                                    Generate →
                                                </a>
                                            </div>
                                        @endif
                                    </div>
                                @empty
                                    <div class="text-center text-muted py-5">
                                        <i class="fas fa-home fa-2x mb-2 d-block" style="opacity:0.2"></i>
                                        No bookings yet
                                    </div>
                                @endforelse
                            </div>
                        </div>

                        {{-- ── Payment Transactions ── --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-receipt mr-2" style="color:#c9a96e"></i>Payment Transactions ({{ $transactions->count() }})</h6>
                            </div>
                            <div class="card-body p-0">
                                @php
                                    $statusColors = ['success'=>'#22c55e','failed'=>'#ef4444','pending'=>'#f59e0b','refunded'=>'#94a3b8'];
                                    $gwIcons = ['razorpay'=>'💳','stripe'=>'💎','phonepe'=>'📱','cash'=>'💵','manual'=>'🏦'];
                                    $currency = \App\Models\Setting::get('currency_symbol', '₹');
                                @endphp
                                @forelse($transactions as $txn)
                                    @php $txnColor = $statusColors[$txn->status] ?? '#94a3b8'; @endphp
                                    <div style="display:flex;align-items:center;gap:14px;padding:12px 20px;
                                                border-bottom:1px solid rgba(0,0,0,0.05);
                                                border-left:3px solid {{ $txnColor }};">
                                        <div style="font-size:20px;flex-shrink:0">
                                            {{ $gwIcons[strtolower($txn->gateway)] ?? '🏦' }}
                                        </div>
                                        <div style="flex:1;min-width:0">
                                            <div style="font-weight:600;font-size:13px;color:#1e293b">
                                                {{ ucfirst($txn->gateway) }}
                                                <span style="font-size:10px;font-weight:700;padding:1px 8px;border-radius:10px;
                                                             color:{{ $txnColor }};background:{{ $txnColor }}18;
                                                             border:1px solid {{ $txnColor }}33;margin-left:6px;text-transform:capitalize">
                                                    {{ $txn->status }}
                                                </span>
                                            </div>
                                            <div style="font-size:11px;color:#94a3b8;margin-top:2px">
                                                @if($txn->booking)Unit {{ $txn->booking->plot_number }} ·@endif
                                                {{ $txn->paid_at ? $txn->paid_at->format('d M Y, H:i') : $txn->created_at->format('d M Y') }}
                                                @if($txn->notes)
                                                    <span style="color:#64748b"> · {{ Str::limit($txn->notes, 50) }}</span>
                                                @endif
                                            </div>
                                            @if($txn->gateway_payment_id || $txn->gateway_order_id)
                                                <div style="font-size:11px;color:#94a3b8;font-family:monospace">
                                                    {{ Str::limit($txn->gateway_payment_id ?? $txn->gateway_order_id, 40) }}
                                                </div>
                                            @endif
                                        </div>
                                        <div style="text-align:right;flex-shrink:0">
                                            <div style="font-weight:800;font-size:15px;color:{{ $txnColor }}">
                                                {{ $currency }} {{ number_format($txn->amount, 0) }}
                                            </div>
                                            <a href="{{ route('admin.payments.show', $txn->id) }}"
                                               style="font-size:11px;color:#c9a96e">View →</a>
                                        </div>
                                    </div>
                                @empty
                                    <div class="text-center text-muted py-4">
                                        <i class="fas fa-receipt fa-2x mb-2 d-block" style="opacity:0.2"></i>
                                        No payment transactions
                                    </div>
                                @endforelse
                            </div>
                        </div>

                    </div>

                    {{-- ── Right column ── --}}
                    <div class="col-lg-4">

                        {{-- Profile card --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-id-card mr-2" style="color:#c9a96e"></i>Profile</h6>
                            </div>
                            <div class="card-body">
                                <div class="d-flex align-items-center mb-3" style="gap:14px">
                                    <div style="width:52px;height:52px;border-radius:50%;
                                                background:linear-gradient(135deg,#c9a96e,#a07840);
                                                display:flex;align-items:center;justify-content:center;
                                                font-size:20px;font-weight:800;color:#fff;flex-shrink:0">
                                        {{ strtoupper(substr($user->name, 0, 1)) }}
                                    </div>
                                    <div>
                                        <div style="font-weight:700;font-size:15px;color:#1e293b">{{ $user->name }}</div>
                                        <div style="font-size:12px;color:#94a3b8">{{ $user->email }}</div>
                                        <span style="font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;
                                                     color:{{ $user->status === 'active' ? '#22c55e' : '#ef4444' }};
                                                     background:{{ $user->status === 'active' ? 'rgba(34,197,94,0.1)' : 'rgba(239,68,68,0.1)' }};
                                                     border:1px solid {{ $user->status === 'active' ? 'rgba(34,197,94,0.3)' : 'rgba(239,68,68,0.3)' }}">
                                            {{ ucfirst($user->status ?? 'active') }}
                                        </span>
                                    </div>
                                </div>

                                <table class="table table-sm mb-0" style="font-size:12px">
                                    <tbody>
                                        <tr><td class="text-muted font-weight-bold">Phone</td>
                                            <td>{{ ($user->country_code ?? '') . ($user->phone ?? '—') }}</td></tr>
                                        <tr><td class="text-muted font-weight-bold">Role</td>
                                            <td style="text-transform:capitalize">{{ $user->role }}</td></tr>
                                        @if($user->role === 'broker')
                                            <tr><td class="text-muted font-weight-bold">Company</td>
                                                <td>{{ $user->broker_company ?? '—' }}</td></tr>
                                            <tr><td class="text-muted font-weight-bold">Commission</td>
                                                <td style="color:#c9a96e;font-weight:700">{{ $user->commission_rate ?? 0 }}%</td></tr>
                                        @endif
                                        <tr><td class="text-muted font-weight-bold">Joined</td>
                                            <td>{{ $user->created_at->format('d M Y') }}</td></tr>
                                        <tr><td class="text-muted font-weight-bold">Total Bookings</td>
                                            <td><span class="badge badge-secondary">{{ $bookings->count() }}</span></td></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        {{-- Stats --}}
                        @php
                            $confirmedCount = $bookings->where('booking_status','confirmed')->count();
                            $pendingCount   = $bookings->where('booking_status','pending')->count();
                            $totalPaid      = $transactions->where('status','success')->sum('amount');
                            $currency       = \App\Models\Setting::get('currency_symbol', '₹');
                        @endphp
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-chart-bar mr-2" style="color:#c9a96e"></i>Summary</h6>
                            </div>
                            <div class="card-body p-0">
                                @foreach([
                                    ['Confirmed Bookings', $confirmedCount,                           '#22c55e'],
                                    ['Pending Bookings',   $pendingCount,                             '#f59e0b'],
                                    ['Total Paid',         $currency . ' ' . number_format($totalPaid, 0), '#c9a96e'],
                                    ['Transactions',       $transactions->count(),                    '#3b82f6'],
                                ] as [$lbl, $val, $col])
                                    <div style="display:flex;justify-content:space-between;align-items:center;
                                                padding:10px 16px;border-bottom:1px solid rgba(0,0,0,0.05)">
                                        <span style="font-size:12px;color:#475569">{{ $lbl }}</span>
                                        <strong style="color:{{ $col }}">{{ $val }}</strong>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        {{-- ── Broker Commission Summary ── --}}
                        @if($user->role === 'broker' && $bookings->isNotEmpty())
                        @php
                            $commPending  = $bookings->where('commission_status','pending')->sum('commission_amount');
                            $commApproved = $bookings->where('commission_status','approved')->sum('commission_amount');
                            $commPaid     = $bookings->where('commission_status','paid')->sum('commission_amount');
                            $commRejected = $bookings->where('commission_status','rejected')->sum('commission_amount');
                            $commTotal    = $bookings->whereNotNull('commission_amount')->sum('commission_amount');
                            $currency     = \App\Models\Setting::get('currency_symbol', '₹');
                        @endphp
                        <div class="card shadow-sm mb-3" style="border-left:4px solid #c9a96e">
                            <div class="card-header d-flex justify-content-between align-items-center"
                                 style="background:linear-gradient(135deg,#1a2535,#2a3a50)">
                                <h6 class="mb-0 text-white">
                                    <i class="fas fa-coins mr-2" style="color:#c9a96e"></i>Commission Summary
                                </h6>
                                <span style="font-size:12px;color:#c9a96e;font-weight:700">
                                    {{ $user->commission_rate ?? 0 }}% rate
                                </span>
                            </div>
                            <div class="card-body p-0">

                                {{-- Progress bar: paid vs total --}}
                                @if($commTotal > 0)
                                    @php $commPct = round(($commPaid / $commTotal) * 100); @endphp
                                    <div style="padding:12px 16px 0">
                                        <div class="d-flex justify-content-between" style="font-size:11px;color:#94a3b8;margin-bottom:4px">
                                            <span>Paid out</span>
                                            <span>{{ $commPct }}%</span>
                                        </div>
                                        <div style="background:#e2e8f0;border-radius:20px;height:6px;overflow:hidden;margin-bottom:12px">
                                            <div style="height:100%;width:{{ $commPct }}%;
                                                        background:linear-gradient(90deg,#c9a96e,#a07840);
                                                        border-radius:20px"></div>
                                        </div>
                                    </div>
                                @endif

                                @foreach([
                                    ['Total Commission',    $commTotal,    '#1e293b',  'fa-calculator'],
                                    ['Pending Approval',    $commPending,  '#f59e0b',  'fa-hourglass-half'],
                                    ['Approved',            $commApproved, '#3b82f6',  'fa-check-circle'],
                                    ['Paid Out',            $commPaid,     '#22c55e',  'fa-money-bill-wave'],
                                    ['Rejected',            $commRejected, '#ef4444',  'fa-times-circle'],
                                ] as [$lbl, $val, $col, $icon])
                                    @if($val > 0 || $lbl === 'Total Commission')
                                    <div style="display:flex;align-items:center;justify-content:space-between;
                                                padding:10px 16px;border-bottom:1px solid rgba(0,0,0,0.05)">
                                        <div style="display:flex;align-items:center;gap:8px;font-size:12px;color:#475569">
                                            <i class="fas {{ $icon }}" style="color:{{ $col }};width:14px"></i>
                                            {{ $lbl }}
                                        </div>
                                        <strong style="color:{{ $col }};font-size:13px">
                                            {{ $currency }} {{ number_format($val, 0) }}
                                        </strong>
                                    </div>
                                    @endif
                                @endforeach

                                {{-- Per-booking breakdown --}}
                                @php
                                    $brokerBookings = $bookings->whereNotNull('commission_amount')->where('commission_amount', '>', 0);
                                @endphp
                                @if($brokerBookings->isNotEmpty())
                                    <div style="padding:10px 16px 6px;font-size:10px;font-weight:700;color:#94a3b8;
                                                text-transform:uppercase;letter-spacing:0.5px">
                                        Per Booking
                                    </div>
                                    @foreach($brokerBookings as $b)
                                        @php
                                            $csColors = [
                                                'pending'  => '#f59e0b',
                                                'approved' => '#3b82f6',
                                                'paid'     => '#22c55e',
                                                'rejected' => '#ef4444',
                                            ];
                                            $csColor = $csColors[$b->commission_status] ?? '#94a3b8';
                                            $csLabel = ucfirst($b->commission_status ?? 'pending');
                                        @endphp
                                        <div style="display:flex;align-items:center;justify-content:space-between;
                                                    padding:8px 16px;border-bottom:1px solid rgba(0,0,0,0.04)">
                                            <div>
                                                <div style="font-size:12px;font-weight:600;color:#1e293b">
                                                    Unit {{ $b->plot_number }}
                                                </div>
                                                <div style="font-size:10px;color:#94a3b8;margin-top:1px">
                                                    Client: {{ $b->client_name ?: ($b->name ?? '—') }}
                                                    @if($b->commission_paid_at)
                                                        · Paid {{ $b->commission_paid_at->format('d M Y') }}
                                                    @endif
                                                </div>
                                            </div>
                                            <div style="text-align:right">
                                                <div style="font-size:13px;font-weight:700;color:#1e293b">
                                                    {{ $currency }} {{ number_format($b->commission_amount, 0) }}
                                                </div>
                                                <span style="font-size:10px;font-weight:700;color:{{ $csColor }};
                                                             padding:1px 7px;border-radius:10px;
                                                             background:{{ $csColor }}18;border:1px solid {{ $csColor }}33">
                                                    {{ $csLabel }}
                                                </span>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        @endif

                        {{-- Actions --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-bolt mr-2" style="color:#c9a96e"></i>Actions</h6>
                            </div>
                            <div class="card-body" style="display:flex;flex-direction:column;gap:8px">
                                <form method="POST" action="{{ route('admin.users.toggle-status', $user->id) }}">
                                    @csrf
                                    <button class="btn btn-sm btn-block {{ $user->status === 'active' ? 'btn-outline-danger' : 'btn-outline-success' }}"
                                        onclick="return confirm('{{ $user->status === 'active' ? 'Deactivate' : 'Activate' }} this user?')">
                                        <i class="fas {{ $user->status === 'active' ? 'fa-ban' : 'fa-check' }} mr-1"></i>
                                        {{ $user->status === 'active' ? 'Deactivate User' : 'Activate User' }}
                                    </button>
                                </form>
                                <a href="{{ $user->role === 'broker' ? route('admin.brokers.index') : route('admin.users.index') }}"
                                   class="btn btn-outline-secondary btn-sm">
                                    <i class="fas fa-arrow-left mr-1"></i>
                                    Back to {{ $user->role === 'broker' ? 'Brokers' : 'Users' }}
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
@include('Partials.footer')