@extends('layouts.app')

@section('title', 'Clients')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Clients</h4>
        <div class="text-muted small">
            @if(Auth::user()->isAdmin())
                All clients across the team
            @else
                Your assigned clients
            @endif
        </div>
    </div>
    <a href="{{ route('admin.client.create') }}" class="btn btn-primary">
        <i class="bi bi-person-plus me-1"></i> Add Client
    </a>
</div>

{{-- Search --}}
<form method="GET" class="mb-3">
    <div class="input-group" style="max-width:400px">
        <input type="text" name="search" class="form-control"
               placeholder="Search by name or mobile…"
               value="{{ request('search') }}">
        <button class="btn btn-outline-secondary" type="submit">
            <i class="bi bi-search"></i>
        </button>
        @if(request('search'))
            <a href="{{ route('admin.client.index') }}" class="btn btn-outline-secondary">
                <i class="bi bi-x-lg"></i>
            </a>
        @endif
    </div>
</form>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    @include('partials._sort_th', ['column' => 'first_name', 'label' => 'Name'])
                    <th>Mobile</th>
                    <th>Interest</th>
                    <th class="text-center">Requirements</th>
                    @if(Auth::user()->isAdmin())
                        <th>Assigned Staff</th>
                    @endif
                    <th>Source</th>
                    @include('partials._sort_th', ['column' => 'created_at', 'label' => 'Added On'])
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($clients as $client)
                <tr>
                    <td>
                        <a href="{{ route('admin.client.show', $client) }}"
                           class="fw-medium text-decoration-none text-dark">
                            {{ $client->full_name }}
                        </a>
                        @if($client->email)
                            <div class="text-muted small">{{ $client->email }}</div>
                        @endif
                    </td>
                    <td>{{ $client->mobile }}</td>
                    <td>
                        <span class="badge rounded-pill
                            {{ $client->interest_type === 'buy' ? 'bg-success-subtle text-success' : ($client->interest_type === 'rent' ? 'bg-info-subtle text-info' : 'bg-warning-subtle text-warning') }}">
                            {{ \App\Models\Client::INTEREST_TYPES[$client->interest_type] }}
                        </span>
                    </td>
                    <td class="text-center">
                        <span class="badge bg-primary bg-opacity-10 text-primary fw-normal">
                            {{ $client->active_requirements_count ?? 0 }}
                        </span>
                    </td>
                    @if(Auth::user()->isAdmin())
                        <td class="small">{{ optional($client->assignedTo)->name ?? '—' }}</td>
                    @endif
                    <td class="small text-muted">{{ optional($client->sourcingChannel)->name ?? '—' }}</td>
                    <td class="text-muted small">{{ $client->created_at->format('d M Y') }}</td>
                    <td class="text-center">
                        <a href="{{ route('admin.client.show', $client) }}"
                           class="btn btn-sm btn-outline-secondary me-1" title="View">
                            <i class="bi bi-eye"></i>
                        </a>
                        <a href="{{ route('admin.client.edit', $client) }}"
                           class="btn btn-sm btn-outline-primary me-1" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        @if(Auth::user()->isAdmin())
                        <form action="{{ route('admin.client.destroy', $client) }}" method="POST"
                              class="d-inline"
                              data-confirm="Delete {{ addslashes($client->full_name) }}? This cannot be undone.">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="{{ Auth::user()->isAdmin() ? 8 : 7 }}" class="text-center text-muted py-4">
                        No clients found.
                        @if(request('search'))
                            <a href="{{ route('admin.client.index') }}">Clear search</a>
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($clients->hasPages())
    <div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
        {{ $clients->links() }}
    </div>
    @endif
</div>
@endsection