@extends('layouts.app')

@section('title', 'Müşteriler')

@section('actions')
    @can('create', \App\Models\Customer::class)
        <a href="{{ route('customers.create') }}" class="btn btn-primary"><i class="ti ti-plus me-1"></i>Yeni müşteri</a>
    @endcan
@endsection

@section('content')
    <form method="GET" action="{{ route('customers.index') }}" class="card mb-3">
        <div class="card-body">
            <div class="row g-2">
                <div class="col-md-4">
                    <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" class="form-control"
                           placeholder="Unvan, e-posta, vergi/TC no veya telefon" aria-label="Ara">
                </div>
                <div class="col-6 col-md-2">
                    <select name="type" class="form-select" aria-label="Tür">
                        <option value="">Tüm türler</option>
                        @foreach ($types as $type)
                            <option value="{{ $type->value }}" @selected(($filters['type'] ?? '') === $type->value)>{{ $type->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <select name="group" class="form-select" aria-label="Grup">
                        <option value="">Tüm gruplar</option>
                        @foreach ($groups as $group)
                            <option value="{{ $group->id }}" @selected((int) ($filters['group'] ?? 0) === $group->id)>{{ $group->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <select name="dealer" class="form-select" aria-label="Bayi">
                        <option value="">Tüm bayiler</option>
                        @foreach ($dealers as $dealer)
                            <option value="{{ $dealer->id }}" @selected((int) ($filters['dealer'] ?? 0) === $dealer->id)>{{ $dealer->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <select name="tag" class="form-select" aria-label="Etiket">
                        <option value="">Tüm etiketler</option>
                        @foreach ($tags as $tag)
                            <option value="{{ $tag->id }}" @selected((int) ($filters['tag'] ?? 0) === $tag->id)>{{ $tag->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <select name="city" class="form-select" aria-label="İl">
                        <option value="">Tüm iller</option>
                        @foreach ($cities as $city)
                            <option value="{{ $city }}" @selected(($filters['city'] ?? '') === $city)>{{ $city }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-auto">
                    <button type="submit" class="btn btn-outline-primary"><i class="ti ti-search me-1"></i>Filtrele</button>
                    <a href="{{ route('customers.index') }}" class="btn btn-link">Temizle</a>
                </div>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table card-table table-vcenter">
                <thead>
                <tr>
                    <th>Unvan</th>
                    <th>Tür</th>
                    <th>İl</th>
                    <th>Grup</th>
                    <th>Bayi</th>
                    <th>Etiketler</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($customers as $customer)
                    <tr>
                        <td><a href="{{ route('customers.show', $customer) }}">{{ $customer->title }}</a></td>
                        <td>{{ $customer->type->label() }}</td>
                        <td>{{ $customer->city }}</td>
                        <td>{{ $customer->group?->name }}</td>
                        <td>{{ $customer->dealer?->name }}</td>
                        <td>
                            @foreach ($customer->tags as $tag)
                                <span class="badge bg-blue-lt">{{ $tag->name }}</span>
                            @endforeach
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-secondary py-4">Kayıt bulunamadı.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        @if ($customers->hasPages())
            <div class="card-footer">{{ $customers->links() }}</div>
        @endif
    </div>
@endsection