@extends('profile.layout')
@section('title', __('Kontaktlar'))
@section('content')

{{-- Header + export --}}
<div class="flex items-center justify-between mb-4 flex-wrap gap-3">
    <h1 class="text-2xl font-bold text-ink">{{ __('Kontaktlar') }}</h1>
    <div class="flex gap-2">
        <button type="submit" form="contacts-filter" name="export" value="csv" class="btn btn-ghost !py-1.5 !px-3 text-sm">
            <x-icon name="download" class="w-4 h-4" /> CSV
        </button>
        <button type="submit" form="contacts-filter" name="export" value="xlsx" class="btn btn-ghost !py-1.5 !px-3 text-sm">
            <x-icon name="download" class="w-4 h-4" /> XLSX
        </button>
    </div>
</div>

{{-- Filters --}}
<form id="contacts-filter" method="GET" action="{{ route('profile.contacts', $profileUser) }}" class="card libro-crm-filters mb-4 space-y-3">
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
        <label class="block sm:col-span-2 lg:col-span-1">
            <span class="label">{{ __('Axtar') }}</span>
            <input type="text" name="q" value="{{ $filters['q'] }}" class="input" placeholder="{{ __('Ad, telefon, email...') }}">
        </label>

        <label class="block">
            <span class="label">{{ __('Səhifə') }}</span>
            <select name="page_id" class="input">
                <option value="">{{ __('Bütün səhifələr') }}</option>
                @foreach($pages as $p)
                    <option value="{{ $p->id }}" @selected((string) $filters['page_id'] === (string) $p->id)>{{ $p->title }}</option>
                @endforeach
            </select>
        </label>

        <label class="block">
            <span class="label">{{ __('Növ') }}</span>
            <select name="type" class="input">
                <option value="">{{ __('Bütün növlər') }}</option>
                <option value="order" @selected($filters['type'] === 'order')>{{ __('Sifariş') }}</option>
                <option value="feedback" @selected($filters['type'] === 'feedback')>{{ __('Müraciət') }}</option>
            </select>
        </label>

        <label class="block">
            <span class="label">{{ __('Status') }}</span>
            <select name="status" class="input">
                <option value="">{{ __('Bütün statuslar') }}</option>
                @foreach($statuses as $st)
                    <option value="{{ $st }}" @selected($filters['status'] === $st)>{{ \App\Models\Order::statusLabel($st) }}</option>
                @endforeach
            </select>
        </label>

        <label class="block">
            <span class="label">{{ __('Tarixdən') }}</span>
            <input type="date" name="date_from" value="{{ $filters['date_from'] }}" class="input">
        </label>

        <label class="block">
            <span class="label">{{ __('Tarixədək') }}</span>
            <input type="date" name="date_to" value="{{ $filters['date_to'] }}" class="input">
        </label>
    </div>

    <div class="flex items-center justify-between flex-wrap gap-2 pt-1">
        <div class="flex gap-2">
            <button type="submit" class="btn btn-primary !py-1.5 !px-3 text-sm">{{ __('Filtre et') }}</button>
            <a href="{{ route('profile.contacts', $profileUser) }}" class="btn btn-ghost !py-1.5 !px-3 text-sm">{{ __('Təmizlə') }}</a>
        </div>
        <span class="text-sm text-muted">{{ $total }} {{ __('nəticə tapıldı') }}</span>
    </div>
</form>

{{-- Table --}}
@if($orders->isEmpty())
    <div class="card text-center py-16 text-muted">
        <div class="mb-4"><x-icon name="users" class="w-12 h-12" /></div>
        <p>{{ __('Kontakt tapılmadı') }}.</p>
    </div>
@else
    <div class="card libro-crm-table-wrap p-0 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="table libro-crm-table w-full">
                <thead>
                    <tr>
                        <th>{{ __('Kontakt') }}</th>
                        <th>{{ __('Telefon') }}</th>
                        <th>{{ __('Email') }}</th>
                        <th>{{ __('Ünvan') }}</th>
                        <th>{{ __('Səhifə') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th class="text-right">{{ __('Məbləğ') }}</th>
                        <th class="text-right">{{ __('Tarix') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($orders as $o)
                        @php $isOrder = (float) $o->total_amount > 0; @endphp
                        <tr class="libro-crm-row">
                            <td>
                                <div class="flex items-center gap-2 flex-wrap">
                                    <span class="font-medium text-ink whitespace-nowrap">{{ $o->customer_name }}</span>
                                    @if($isOrder)
                                        <span class="badge badge-purple"><x-icon name="shopping-bag" class="w-3 h-3" /> {{ __('Sifariş') }}</span>
                                    @else
                                        <span class="badge badge-green"><x-icon name="message-square" class="w-3 h-3" /> {{ __('Müraciət') }}</span>
                                    @endif
                                </div>
                                @if($o->notes)
                                    <div class="text-xs text-muted mt-1 max-w-[240px] truncate" title="{{ $o->notes }}">{{ $o->notes }}</div>
                                @endif
                            </td>
                            <td class="whitespace-nowrap">
                                <a href="tel:{{ preg_replace('/[^\d+]/', '', $o->customer_phone) }}" class="no-underline text-ink hover:text-primary">{{ $o->customer_phone }}</a>
                            </td>
                            <td>
                                @if($o->customer_email)
                                    <a href="mailto:{{ $o->customer_email }}" class="no-underline text-ink hover:text-primary">{{ $o->customer_email }}</a>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td>
                                @if($o->customer_address)
                                    <span class="text-sm">{{ $o->customer_address }}</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="text-muted whitespace-nowrap">{{ $o->page->title ?? '—' }}</td>
                            <td class="whitespace-nowrap">
                                <span class="badge {{ \App\Models\Order::statusColor($o->status) }}">{{ \App\Models\Order::statusLabel($o->status) }}</span>
                            </td>
                            <td class="text-right whitespace-nowrap font-medium">
                                @if($isOrder)
                                    {{ number_format((float) $o->total_amount, 2) }} ₼
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="text-right whitespace-nowrap text-muted">{{ $o->created_at->format('d.m.Y H:i') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="mt-4">{{ $orders->links() }}</div>
@endif
@endsection