@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">
                        <div class="col-sm-6 ps-0">
                            <h3>Booking #{{ $booking->id }}</h3>
                        </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="{{ route('admin.bookings.index') }}" class="bc-link">Bookings</a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">#{{ $booking->id }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @foreach(['success','error'] as $t)
                @if(session($t))
                    <div class="container-fluid">
                        <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: booking details ── --}}
                    <div class="col-lg-8">

                        {{-- Unit info --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-building mr-2"></i>Unit Details</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @foreach([
                                        ['Unit No',    $booking->plot_number],
                                        ['Type',       $booking->plot_type],
                                        ['Block',      optional($booking->block)->block_name ?? $booking->block ?? '—'],                                        
                                        ['Direction',  $booking->direction],
                                        ['Area',       $booking->area],
                                        ['Price',      $booking->price],
                                        ['Project ID', $booking->project_id],
                                    ] as [$lbl, $val])
                                        <div class="col-md-3 col-6 mb-3">
                                            <div style="font-size:11px;color:#888;text-transform:uppercase;margin-bottom:2px">{{ $lbl }}</div>
                                            <div style="font-weight:600">{{ $val ?: '—' }}</div>
                                        </div>
                                    @endforeach
                                </div>
                                @if($booking->paymentPlan)
                                    <div class="alert alert-info py-2 mb-0" style="font-size:13px">
                                        <i class="fas fa-file-invoice-dollar mr-1"></i>
                                        Payment Plan: <strong>{{ $booking->paymentPlan->name }}</strong>
                                        @if($booking->total_amount)
                                            &nbsp;· Total: <strong>₹{{ number_format($booking->total_amount, 2) }}</strong>
                                        @endif
                                        @if($booking->down_payment_amount)
                                            &nbsp;· Down Payment: <strong>₹{{ number_format($booking->down_payment_amount, 2) }}</strong>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- Client info --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0">
                                    <i class="fas fa-user mr-2"></i>
                                    @if($booking->isBrokerBooking())
                                        Client Details <span class="badge badge-info ml-2">Broker Booking</span>
                                    @else
                                        Buyer Details
                                    @endif
                                </h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4 mb-2">
                                        <div style="font-size:11px;color:#888">Client Name</div>
                                        <div style="font-weight:600">{{ $booking->displayClientName() }}</div>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <div style="font-size:11px;color:#888">Phone</div>
                                        <div style="font-weight:600">{{ $booking->displayClientPhone() }}</div>
                                    </div>
                                    @if($booking->client_email)
                                        <div class="col-md-4 mb-2">
                                            <div style="font-size:11px;color:#888">Email</div>
                                            <div style="font-weight:600">{{ $booking->client_email }}</div>
                                        </div>
                                    @endif
                                </div>

                                @if($booking->isBrokerBooking() && $booking->broker)
                                    <hr>
                                    <div class="row">
                                        <div class="col-md-4 mb-2">
                                            <div style="font-size:11px;color:#888">Broker Name</div>
                                            <div style="font-weight:600">{{ $booking->broker->name }}</div>
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <div style="font-size:11px;color:#888">Company</div>
                                            <div>{{ $booking->broker->broker_company ?? '—' }}</div>
                                        </div>
                                        <div class="col-md-4 mb-2">
                                            <div style="font-size:11px;color:#888">Broker Phone</div>
                                            <div>{{ $booking->broker->phone ?? '—' }}</div>
                                        </div>
                                    </div>
                                @endif

                                @if($booking->notes)
                                    <div class="mt-2 p-2" style="background:#f8f9fa;border-radius:6px;font-size:13px">
                                        <strong>Notes:</strong> {{ $booking->notes }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- ── Payment Schedule (booking_milestones) ── --}}
                        @php
                            $milestones = \App\Models\BookingMilestone::where('booking_id', $booking->id)
                                ->orderBy('sort_order')
                                ->get();
                            $totalAmount  = $milestones->sum('total_with_tax');
                            $paidAmount   = $milestones->where('status', 'paid')->sum('total_with_tax');
                            $balanceDue   = $totalAmount - $paidAmount;
                            $pendingCount = $milestones->filter(fn($m) => $m->status !== 'paid' && $m->status !== 'waived')->count();
                        @endphp

                        @if($milestones->isNotEmpty())
                        <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-calendar-alt mr-2" style="color:#c9a96e;"></i>
                                    Payment Schedule
                                    @if($pendingCount > 0)
                                        <span class="badge badge-warning ml-2" style="font-size:10px;">
                                            {{ $pendingCount }} pending
                                        </span>
                                    @endif
                                </h6>
                                <div style="font-size:12px;color:rgba(255,255,255,0.6);">
                                    Paid: <strong style="color:#22c55e;">₹{{ $paidAmount }}</strong>
                                    &nbsp;·&nbsp;
                                    Balance: <strong style="color:{{ $balanceDue > 0 ? '#f59e0b' : '#22c55e' }};">
                                        ₹{{ $balanceDue }}
                                    </strong>
                                </div>
                            </div>
                            <div class="card-body p-0">

                                {{-- Progress bar --}}
                                @if($totalAmount > 0)
                                    @php $pct = min(100, round(($paidAmount / $totalAmount) * 100)); @endphp
                                    <div style="padding:12px 16px 0;background:#f8f9fa;">
                                        <div style="display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px;">
                                            <span>Payment Progress</span>
                                            <span>{{ $pct }}% complete</span>
                                        </div>
                                        <div style="background:#e9ecef;border-radius:20px;height:8px;overflow:hidden;margin-bottom:12px;">
                                            <div style="height:100%;width:{{ $pct }}%;border-radius:20px;
                                                        background:linear-gradient(90deg,#c9a96e,#a07840);
                                                        transition:width 0.4s;"></div>
                                        </div>
                                    </div>
                                @endif

                                {{-- Milestone rows --}}
                                @foreach($milestones as $m)
                                    @php
                                        $isOverdue   = $m->status === 'pending' && $m->due_date && $m->due_date->isPast();
                                        $effStatus   = $m->status === 'paid' ? 'paid' : ($m->status === 'waived' ? 'waived' : ($isOverdue ? 'overdue' : 'pending'));
                                        $dotColor    = match($effStatus) {
                                            'paid'    => '#22c55e',
                                            'overdue' => '#ef4444',
                                            'waived'  => '#94a3b8',
                                            default   => '#f59e0b',
                                        };
                                        $rowBg = $effStatus === 'paid'
                                            ? 'rgba(34,197,94,0.04)'
                                            : ($effStatus === 'overdue' ? 'rgba(239,68,68,0.04)' : '');
                                    @endphp
                                    <div style="display:flex;align-items:center;gap:14px;
                                                padding:14px 16px;
                                                border-bottom:1px solid rgba(0,0,0,0.06);
                                                background:{{ $rowBg }};">

                                        {{-- Status dot --}}
                                        <div style="width:12px;height:12px;border-radius:50%;
                                                    background:{{ $dotColor }};flex-shrink:0;
                                                    box-shadow:0 0 6px {{ $dotColor }}44;"></div>

                                        {{-- Milestone number --}}
                                        <div style="width:24px;height:24px;border-radius:50%;
                                                    background:{{ $effStatus === 'paid' ? '#c9a96e' : 'rgba(0,0,0,0.08)' }};
                                                    display:flex;align-items:center;justify-content:center;
                                                    font-size:11px;font-weight:700;
                                                    color:{{ $effStatus === 'paid' ? '#fff' : '#666' }};
                                                    flex-shrink:0;">
                                            {{ $effStatus === 'paid' ? '✓' : $loop->iteration }}
                                        </div>

                                        {{-- Label + dates --}}
                                        <div style="flex:1;min-width:0;">
                                            <div style="font-weight:600;font-size:13px;color:#343a40;">
                                                {{ $m->label }}
                                                @if($m->percentage)
                                                    <span style="font-weight:400;color:#888;font-size:11px;margin-left:4px;">
                                                        ({{ $m->percentage }}%)
                                                    </span>
                                                @endif
                                            </div>
                                            <div style="font-size:11px;color:#888;margin-top:2px;">
                                                @if($m->due_date)
                                                    Due: {{ $m->due_date->format('d M Y') }}
                                                    @if($isOverdue)
                                                        <span style="color:#ef4444;font-weight:700;margin-left:6px;">
                                                            ⚠ Overdue by {{ $m->due_date->diffForHumans() }}
                                                        </span>
                                                    @endif
                                                @endif
                                                @if($m->paid_at)
                                                    <span style="color:#22c55e;margin-left:6px;">
                                                        · Paid {{ $m->paid_at->format('d M Y') }}
                                                    </span>
                                                @endif
                                                @if($m->notes)
                                                    <span class="text-muted"> · {{ $m->notes }}</span>
                                                @endif
                                            </div>
                                        </div>

                                        {{-- Amount --}}
                                        <div style="text-align:right;flex-shrink:0;">
                                            <div style="font-weight:700;font-size:14px;
                                                        color:{{ $dotColor }};">
                                                ₹{{$m->total_with_tax }}
                                            </div>
                                            <span style="font-size:10px;font-weight:700;
                                                         color:{{ $dotColor }};
                                                         text-transform:capitalize;">
                                                {{ $effStatus }}
                                            </span>
                                        </div>

                                        {{-- Remind bell (only for pending/overdue if user exists) --}}
                                        @if(in_array($effStatus, ['pending','overdue']) && $booking->user)
                                            <form method="POST"
                                                  action="{{ route('admin.bookings.remind-milestone', [$booking->id, $m->id]) }}"
                                                  style="flex-shrink:0;">
                                                @csrf
                                                <button type="submit"
                                                        class="btn btn-sm {{ $isOverdue ? 'btn-danger' : 'btn-outline-warning' }}"
                                                        title="Send reminder for {{ $m->label }}"
                                                        style="{{ $isOverdue ? 'color:#fff;' : '' }}padding:4px 8px;">
                                                    <i class="fas fa-bell"></i>
                                                </button>
                                            </form>
                                        @endif

                                        {{-- Mark as paid button (only for pending/overdue) --}}
                                        @if(in_array($effStatus, ['pending','overdue']))
                                            <form method="POST"
                                                  action="{{ route('admin.bookings.milestone-paid', [$booking->id, $m->id]) }}"
                                                  style="flex-shrink:0;"
                                                  onsubmit="return confirm('Mark this milestone as paid?')">
                                                @csrf
                                                <button type="submit"
                                                        class="btn btn-sm btn-outline-success"
                                                        title="Mark as paid"
                                                        style="padding:4px 8px;">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            </form>
                                        @endif

                                    </div>
                                @endforeach

                                {{-- Summary footer --}}
                                <div style="padding:12px 16px;background:#f8f9fa;
                                            display:flex;justify-content:space-between;
                                            align-items:center;font-size:13px;">
                                    <div>
                                        <span class="text-muted">Total:</span>
                                        <strong style="margin-left:6px;">₹{{ $totalAmount }}</strong>
                                    </div>
                                    <div>
                                        <span class="text-muted">Paid:</span>
                                        <strong style="color:#22c55e;margin-left:6px;">₹{{ $paidAmount }}</strong>
                                        &nbsp;·&nbsp;
                                        <span class="text-muted">Balance:</span>
                                        <strong style="color:{{ $balanceDue > 0 ? '#f59e0b' : '#22c55e' }};margin-left:6px;">
                                            ₹{{ $balanceDue }}
                                        </strong>
                                    </div>
                                </div>

                            </div>
                        </div>
                        @elseif($booking->paymentPlan && $booking->booking_status === 'confirmed')
                            {{-- Plan exists but milestones not yet snapshotted --}}
                            <div class="card shadow-sm mb-3 border-warning">
                                <div class="card-body py-3">
                                    <i class="fas fa-exclamation-triangle text-warning mr-2"></i>
                                    <span class="text-muted" style="font-size:13px;">
                                        Payment plan milestones not yet generated for this booking.
                                        They are created automatically when the user pays via the online gateway.
                                        For manual bookings, use the button below.
                                    </span>
                                    <form method="POST"
                                          action="{{ route('admin.bookings.generate-milestones', $booking->id) }}"
                                          class="mt-2">
                                        @csrf
                                        <button class="btn btn-warning btn-sm" style="color:#fff;">
                                            <i class="fas fa-magic mr-1"></i> Generate Milestones Now
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @endif

                    </div>

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

                        {{-- Booking status --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-flag mr-2"></i>Booking Status</h6>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    Current: {!! $booking->bookingStatusBadge() !!}
                                    <div class="text-muted" style="font-size:11px;margin-top:4px">
                                        Booked on {{ $booking->created_at->format('d M Y, h:i A') }}
                                    </div>
                                </div>
                                <form method="POST" action="{{ route('admin.bookings.status', $booking->id) }}">
                                    @csrf
                                    <div class="form-group mb-2">
                                        <select name="status" class="form-control form-control-sm">
                                            @foreach(['pending','confirmed','cancelled'] as $s)
                                                <option value="{{ $s }}" {{ $booking->booking_status===$s?'selected':'' }}>
                                                    {{ ucfirst($s) }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <button class="btn btn-primary btn-sm btn-block">Update Status</button>
                                </form>
                            </div>
                        </div>

                        {{-- Commission (broker bookings only) --}}
                        @if($booking->isBrokerBooking())
                            <div class="card shadow-sm mb-3" style="border-left:4px solid #c9a96e">
                                <div class="card-header" 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
                                    </h6>
                                </div>
                                <div class="card-body">
                                    <div class="row mb-3">
                                        <div class="col-6">
                                            <div style="font-size:11px;color:#888">Rate</div>
                                            <div style="font-size:20px;font-weight:700;color:#c9a96e">
                                                {{ $booking->commission_rate }}%
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div style="font-size:11px;color:#888">Amount</div>
                                            <div style="font-size:20px;font-weight:700">
                                                ₹{{ number_format($booking->commission_amount, 2) }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-3">
                                        Current: {!! $booking->commissionStatusBadge() !!}
                                        @if($booking->commission_paid_at)
                                            <div class="text-muted" style="font-size:11px;margin-top:4px">
                                                Paid on {{ $booking->commission_paid_at->format('d M Y') }}
                                            </div>
                                        @endif
                                    </div>
                                    <form method="POST" action="{{ route('admin.bookings.commission', $booking->id) }}">
                                        @csrf
                                        <div class="form-group mb-2">
                                            <label style="font-size:12px">Override Amount (optional)</label>
                                            <div class="input-group input-group-sm">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">₹</span>
                                                </div>
                                                <input type="number" name="commission_amount" step="0.01"
                                                    class="form-control"
                                                    value="{{ $booking->commission_amount }}"
                                                    placeholder="Auto-calculated">
                                            </div>
                                        </div>
                                        <div class="form-group mb-2">
                                            <label style="font-size:12px">Commission Status</label>
                                            <select name="commission_status" class="form-control form-control-sm">
                                                @foreach(['pending','approved','paid','rejected'] as $s)
                                                    <option value="{{ $s }}" {{ $booking->commission_status===$s?'selected':'' }}>
                                                        {{ ucfirst($s) }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <button class="btn btn-warning btn-sm btn-block" style="color:#fff">
                                            <i class="fas fa-save mr-1"></i>Update Commission
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @endif

                        {{-- Payment Reminder (pending bookings — no plan) --}}
                        @if($booking->booking_status === 'pending' && $booking->user)
                            <div class="card shadow-sm mb-3" style="border-left:4px solid #c9a96e">
                                <div class="card-header">
                                    <h6 class="mb-0">
                                        <i class="fas fa-bell mr-2" style="color:#c9a96e"></i>Payment Reminder
                                    </h6>
                                </div>
                                <div class="card-body">
                                    <p class="text-muted" style="font-size:13px;margin-bottom:12px">
                                        Send a payment reminder to
                                        <strong>{{ $booking->user->name }}</strong>
                                        ({{ $booking->user->email }}).
                                        This creates an in-app notification and sends an email.
                                    </p>
                                    <form method="POST" action="{{ route('admin.bookings.remind', $booking->id) }}">
                                        @csrf
                                        <button class="btn btn-warning btn-sm btn-block" style="color:#fff">
                                            <i class="fas fa-paper-plane mr-1"></i> Send Reminder
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @endif

                        {{-- Quick stats for confirmed bookings with plan --}}
                        @if($booking->booking_status === 'confirmed' && $milestones->isNotEmpty())
                            <div class="card shadow-sm mb-3">
                                <div class="card-header">
                                    <h6 class="mb-0">
                                        <i class="fas fa-chart-pie mr-2" style="color:#c9a96e;"></i>
                                        Payment Summary
                                    </h6>
                                </div>
                                <div class="card-body p-0">
                                    @foreach([
                                        ['Paid',    $paidAmount,  '#22c55e', 'fas fa-check-circle'],
                                        ['Balance', $balanceDue,  $balanceDue > 0 ? '#f59e0b' : '#22c55e', 'fas fa-clock'],
                                        ['Total',   $totalAmount, '#c9a96e', 'fas fa-file-invoice-dollar'],
                                    ] as [$lbl, $val, $col, $icon])
                                        <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:13px;color:#666;">
                                                <i class="{{ $icon }}" style="color:{{ $col }};width:14px;"></i>
                                                {{ $lbl }}
                                            </div>
                                            <strong style="color:{{ $col }};">₹{{ $val }}</strong>
                                        </div>
                                    @endforeach

                                    {{-- Overdue alert --}}
                                    @php
                                        $overdueCount = $milestones->filter(fn($m) =>
                                            $m->status === 'pending' && $m->due_date && $m->due_date->isPast()
                                        )->count();
                                    @endphp
                                    @if($overdueCount > 0)
                                        <div style="padding:10px 16px;background:rgba(239,68,68,0.08);
                                                    border-top:1px solid rgba(239,68,68,0.2);font-size:12px;color:#ef4444;">
                                            <i class="fas fa-exclamation-triangle mr-1"></i>
                                            {{ $overdueCount }} overdue milestone{{ $overdueCount > 1 ? 's' : '' }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endif

                        {{-- Danger zone --}}
                        <div class="card shadow-sm border-danger">
                            <div class="card-header">
                                <h6 class="mb-0 text-danger">
                                    <i class="fas fa-trash mr-2"></i>Danger Zone
                                </h6>
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('admin.bookings.destroy', $booking->id) }}"
                                    onsubmit="return confirm('Delete this booking permanently?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-danger btn-sm btn-block">Delete Booking</button>
                                </form>
                            </div>
                        </div>

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

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