@extends('backEnd.layouts.master')
@section('title', 'CRM Profile — ' . ($customer->customer_name ?: $customer->customer_phone))
@push('styles')
@include('backEnd.crm.partials.crm-theme-colors')
<style>
.crm-profile-stat { border-radius:10px; }
.crm-order-card { border-left:4px solid #3b82f6; }
.crm-order-delivered { border-left-color:#16a34a; }
.crm-order-cancelled { border-left-color:#dc2626; }
.crm-note-box { background:#eef2ff;border-left:3px solid #6366f1;padding:12px;border-radius:0 6px 6px 0;white-space:pre-line; }
.crm-trend-bar { background:#e5e7eb;border-radius:4px 4px 0 0;min-height:4px;transition:height .3s; }
.crm-trend-up { color:#16a34a; }
.crm-trend-down { color:#dc2626; }
.bday-profile-card { background:linear-gradient(135deg,#faf5ff,#fdf2f8); border:1px solid #e9d5ff; }
</style>
@endpush
@section('content')
<div class="container-fluid py-3">
    @if(!empty($churn['is_churn_risk']))
    <div class="alert alert-danger border-0 shadow-sm mb-3">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
            <div>
                <strong><i class="fas fa-user-clock me-1"></i> {{ $winBackSettings['label'] ?? ($churn['alert_label'] ?? 'Win-Back Alert') }}</strong>
                <div class="small mt-1">{{ $churn['message'] }}</div>
            </div>
            <a href="{{ wa_me_url($customer->customer_phone, $churn['suggested_offer']) }}"
               target="_blank" class="btn btn-sm btn-success"><i class="fab fa-whatsapp me-1"></i> Send Offer Now</a>
        </div>
    </div>
    @endif
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div class="d-flex align-items-center gap-2">
            @php
                $backRoute = match($customer->pipeline) {
                    'reminder' => route('admin.crm.reminder'),
                    'cancelled_queue' => route('admin.crm.cancelled'),
                    default => route('admin.crm.active'),
                };
            @endphp
            <a href="{{ $backRoute }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left"></i></a>
            <div>
                <h4 class="fw-bold mb-0"><i class="fas fa-user-circle me-2 text-primary"></i>{{ $customer->customer_name ?: 'Customer' }}</h4>
                <small class="text-muted">{{ $customer->customer_phone }} · {{ ucfirst(str_replace('_', ' ', $customer->pipeline)) }}</small>
            </div>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a href="tel:{{ $customer->customer_phone }}" class="btn btn-success btn-sm"><i class="fas fa-phone me-1"></i> Call</a>
            <a href="{{ wa_me_url($customer->customer_phone) }}" target="_blank" class="btn btn-outline-success btn-sm"><i class="fab fa-whatsapp me-1"></i> WhatsApp</a>
            <a href="{{ route('admin.orders.create', ['phone' => $customer->customer_phone, 'name' => $customer->customer_name]) }}" class="btn btn-primary btn-sm"><i class="fas fa-plus me-1"></i> New Order</a>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-6 col-md-3">
            <div class="card crm-profile-stat text-center border-0 shadow-sm">
                <div class="card-body py-3">
                    <div class="fs-3 fw-bold text-primary">{{ $stats['total'] }}</div>
                    <div class="text-muted small">Total Orders</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card crm-profile-stat text-center border-0 shadow-sm">
                <div class="card-body py-3">
                    <div class="fs-3 fw-bold text-success">{{ $stats['delivered'] }}</div>
                    <div class="text-muted small">Delivered</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card crm-profile-stat text-center border-0 shadow-sm">
                <div class="card-body py-3">
                    <div class="fs-3 fw-bold text-crm-birthday">{{ $stats['active'] }}</div>
                    <div class="text-muted small">Active Orders</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card crm-profile-stat text-center border-0 shadow-sm">
                <div class="card-body py-3">
                    <div class="fs-4 fw-bold {{ $customer->is_follow_up_overdue ? 'text-danger' : 'text-info' }}">
                        {{ $customer->follow_up_date?->format('d M Y') ?? '—' }}
                    </div>
                    <div class="text-muted small">Next Contact</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-lg-4">
            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-white fw-bold"><i class="fas fa-id-card me-2"></i>Customer Info</div>
                <div class="card-body small">
                    <p class="mb-2"><strong>Phone:</strong> {{ $customer->customer_phone }}</p>
                    <p class="mb-2"><strong>Address:</strong> {{ $customer->customer_address ?: '—' }}</p>
                    <p class="mb-2"><strong>CRM Entered:</strong> {{ $customer->entered_at?->format('d M Y, h:i A') ?? '—' }}</p>
                    <p class="mb-2"><strong>Auto Reminder:</strong> {{ $customer->reminder_at?->format('d M Y') ?? '—' }}</p>
                    <p class="mb-0"><strong>Status:</strong> <span class="badge crm-badge-{{ $customer->contact_status }}">{{ $customer->contact_status_label }}</span></p>
                </div>
            </div>

            <div class="card shadow-sm border-0 mb-3 bday-profile-card" id="birthday">
                <div class="card-header bg-transparent fw-bold border-0 pb-0">
                    <i class="fas fa-birthday-cake me-2 text-crm-birthday"></i>Birthday
                    @if(!empty($birthday['is_today']))
                    <span class="badge bg-danger ms-1">Today! 🎉</span>
                    @elseif(!empty($birthday['days_until']) && $birthday['days_until'] <= 7)
                    <span class="badge badge-crm-birthday ms-1">{{ $birthday['days_until'] }} days left</span>
                    @endif
                </div>
                <div class="card-body pt-2">
                    @if($birthday['has_birthday'])
                    <p class="mb-2 fw-semibold">{{ $birthday['label'] }}@if($birthday['age']) <span class="text-muted fw-normal">({{ $birthday['age'] }} yrs)</span>@endif</p>
                    @if($birthday['wa_message'])
                    <a href="{{ wa_me_url($customer->customer_phone, $birthday['wa_message']) }}"
                       target="_blank" class="btn btn-success btn-sm mb-3"><i class="fab fa-whatsapp me-1"></i> Birthday Message</a>
                    @endif
                    @else
                    <p class="text-muted small mb-2">Birthday set করলে auto alert পাবেন।</p>
                    @endif
                    <form method="POST" action="{{ route('admin.crm.birthday', $customer->id) }}">
                        @csrf
                        @php $months = [1=>'Jan',2=>'Feb',3=>'Mar',4=>'Apr',5=>'May',6=>'Jun',7=>'Jul',8=>'Aug',9=>'Sep',10=>'Oct',11=>'Nov',12=>'Dec']; @endphp
                        <div class="row g-2">
                            <div class="col-4">
                                <select name="birth_day" class="form-select form-select-sm">
                                    <option value="">Day</option>
                                    @for($d=1;$d<=31;$d++)
                                    <option value="{{ $d }}" {{ (int)($birthday['birth_day'] ?? 0) === $d ? 'selected':'' }}>{{ $d }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-4">
                                <select name="birth_month" class="form-select form-select-sm">
                                    <option value="">Month</option>
                                    @foreach($months as $n=>$l)
                                    <option value="{{ $n }}" {{ (int)($birthday['birth_month'] ?? 0) === $n ? 'selected':'' }}>{{ $l }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-4">
                                <input type="number" name="birth_year" class="form-control form-control-sm" placeholder="Year"
                                       value="{{ $birthday['birth_year'] ?? '' }}" min="1900" max="{{ date('Y') }}">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-crm-birthday btn-sm w-100 mt-2"><i class="fas fa-save me-1"></i> Save Birthday</button>
                    </form>
                </div>
            </div>

            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-white fw-bold"><i class="fas fa-calendar-check me-2"></i>Update Contact</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.crm.contact', $customer->id) }}">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label small fw-semibold">Next Contact Date</label>
                            <input type="datetime-local" name="next_contact_at" class="form-control form-control-sm"
                                   value="{{ $customer->next_contact_at?->format('Y-m-d\TH:i') }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label small fw-semibold">Status</label>
                            <select name="contact_status" class="form-select form-select-sm">
                                @foreach(\App\Models\CrmCustomer::CONTACT_STATUSES as $key => $meta)
                                <option value="{{ $key }}" {{ $customer->contact_status === $key ? 'selected' : '' }}>{{ $meta['label'] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label small fw-semibold">Call Note</label>
                            <textarea name="note" class="form-control form-control-sm" rows="3" placeholder="Moderator call note…"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary btn-sm w-100"><i class="fas fa-save me-1"></i> Save</button>
                    </form>
                </div>
            </div>

            @if($customer->note)
            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-white fw-bold"><i class="fas fa-sticky-note me-2"></i>Notes</div>
                <div class="card-body"><div class="crm-note-box">{{ $customer->note }}</div></div>
            </div>
            @endif

            <div class="card shadow-sm border-0">
                <div class="card-header bg-white fw-bold"><i class="fas fa-box me-2"></i>Products Summary</div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>Product</th><th>Times</th><th>Qty</th><th>Last</th></tr></thead>
                            <tbody>
                                @forelse($products as $p)
                                <tr>
                                    <td>{{ Str::limit($p['name'], 30) }}</td>
                                    <td>{{ $p['times'] }}</td>
                                    <td>{{ $p['qty'] }}</td>
                                    <td class="text-muted" style="font-size:11px">{{ $p['last_date']?->format('d M Y') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="4" class="text-center text-muted py-3">No products yet</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-white fw-bold d-flex justify-content-between align-items-center">
                    <span><i class="fas fa-chart-line me-2 text-primary"></i>Purchase Trend</span>
                    <span class="badge {{ $trend['direction'] === 'up' ? 'bg-success' : ($trend['direction'] === 'down' ? 'bg-danger' : 'bg-secondary') }}">
                        @if($trend['direction'] === 'up') ↑ Growing
                        @elseif($trend['direction'] === 'down') ↓ Declining
                        @else → Stable @endif
                    </span>
                </div>
                <div class="card-body">
                    <p class="small text-muted mb-3">{{ $trend['summary'] }}</p>
                    <div class="d-flex align-items-end gap-1" style="height:140px">
                        @foreach($trend['series'] as $point)
                        @php $h = $trend['max_amount'] > 0 ? max(4, ($point['amount'] / $trend['max_amount']) * 120) : 4; @endphp
                        <div class="flex-fill text-center" title="{{ $point['label'] }}: ৳{{ number_format($point['amount']) }}">
                            <div class="crm-trend-bar mx-auto {{ $point['amount'] > 0 ? 'bg-primary' : 'bg-light' }}"
                                 style="width:100%;max-width:28px;height:{{ $h }}px"></div>
                            <div style="font-size:9px" class="text-muted mt-1">{{ \Illuminate\Support\Str::before($point['label'], ' ') }}</div>
                        </div>
                        @endforeach
                    </div>
                    <div class="d-flex justify-content-between small text-muted mt-2 pt-2 border-top">
                        <span>12 month spend: <strong class="text-dark">৳{{ number_format($trend['total_spend']) }}</strong></span>
                        @if($trend['change_pct'] != 0)
                        <span class="{{ $trend['direction'] === 'up' ? 'crm-trend-up' : ($trend['direction'] === 'down' ? 'crm-trend-down' : '') }}">
                            {{ $trend['change_pct'] > 0 ? '+' : '' }}{{ $trend['change_pct'] }}% recent vs prior
                        </span>
                        @endif
                    </div>
                </div>
            </div>

            <div class="card shadow-sm border-0">
                <div class="card-header bg-white fw-bold"><i class="fas fa-shopping-bag me-2"></i>Order History ({{ $orders->count() }})</div>
                <div class="card-body">
                    @forelse($orders as $order)
                    @php
                        $statusClass = match((int)$order->order_status) {
                            4 => 'crm-order-delivered',
                            5, 6 => 'crm-order-cancelled',
                            default => '',
                        };
                    @endphp
                    <div class="card mb-3 crm-order-card {{ $statusClass }}">
                        <div class="card-body py-3">
                            <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-2">
                                <div>
                                    <a href="{{ route('admin.orders.show', $order->id) }}" class="fw-bold text-decoration-none">#{{ $order->invoice_id }}</a>
                                    <span class="badge bg-light text-dark border ms-1">{{ \App\Models\Order::statusLabel((int)$order->order_status) }}</span>
                                </div>
                                <div class="text-muted small">{{ $order->created_at->format('d M Y, h:i A') }}</div>
                            </div>
                            <div class="row g-2">
                                @foreach($order->items as $item)
                                <div class="col-md-6">
                                    <div class="d-flex gap-2 align-items-center border rounded p-2 bg-light">
                                        @if($item->product_thumbnail ?? $item->product?->thumbnail)
                                        <img src="{{ asset($item->product_thumbnail ?? $item->product?->thumbnail) }}" style="width:40px;height:40px;object-fit:cover;border-radius:4px">
                                        @endif
                                        <div class="small">
                                            <div class="fw-semibold">{{ $item->product_name ?? $item->product?->name }}</div>
                                            <div class="text-muted">Qty: {{ $item->qty ?? $item->quantity ?? 1 }} · ৳{{ number_format($item->unit_price ?? 0) }}</div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <div class="mt-2 small text-muted">Total: <strong class="text-dark">৳{{ number_format($order->amount) }}</strong></div>
                        </div>
                    </div>
                    @empty
                    <div class="text-center text-muted py-5">No orders found for this customer.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
@endsection