@extends('layouts.app')

@section('title', 'Brokers')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Brokers</h4>
        <div class="text-muted small">Brokers and agents who source properties or clients</div>
    </div>
    <a href="{{ route('admin.broker.create') }}" class="btn btn-primary">
        <i class="bi bi-person-plus me-1"></i> Add Broker
    </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, firm, or area…"
               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.broker.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>
                    <th>#</th>
                    @include('partials._sort_th', ['column' => 'name', 'label' => 'Broker / Firm'])
                    <th>Primary Mobile</th>
                    <th>Operating Area</th>
                    <th class="text-center">Properties Sourced</th>
                    <th class="text-center">Status</th>
                    @include('partials._sort_th', ['column' => 'created_at', 'label' => 'Added', 'thClass' => 'text-center'])
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($brokers as $broker)
                <tr>
                    <td class="text-muted small">{{ $brokers->firstItem() + $loop->index }}</td>
                    <td>
                        <a href="{{ route('admin.broker.show', $broker) }}"
                           class="fw-medium text-decoration-none text-dark">
                            {{ $broker->name }}
                        </a>
                    </td>
                    <td>{{ $broker->mobile }}</td>
                    <td class="small text-muted">{{ $broker->operating_area ?? '—' }}</td>
                    <td class="text-center">
                        <span class="badge bg-primary bg-opacity-10 text-primary fw-normal">
                            {{ $broker->properties_count }}
                        </span>
                    </td>
                    <td class="text-center">
                        @if($broker->is_active)
                            <span class="badge bg-success bg-opacity-10 text-success">Active</span>
                        @else
                            <span class="badge bg-secondary bg-opacity-10 text-secondary">Inactive</span>
                        @endif
                    </td>
                    <td class="text-center text-muted small">{{ $broker->created_at->format('d M Y') }}</td>
                    <td class="text-center">
                        <a href="{{ route('admin.broker.show', $broker) }}"
                           class="btn btn-sm btn-outline-secondary me-1" title="View">
                            <i class="bi bi-eye"></i>
                        </a>
                        <a href="{{ route('admin.broker.edit', $broker) }}"
                           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.broker.toggle-status', $broker) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PATCH')
                            <button class="btn btn-sm {{ $broker->is_active ? 'btn-outline-warning' : 'btn-outline-success' }} me-1"
                                    title="{{ $broker->is_active ? 'Deactivate' : 'Activate' }}">
                                <i class="bi bi-{{ $broker->is_active ? 'pause-circle' : 'play-circle' }}"></i>
                            </button>
                        </form>
                        <form action="{{ route('admin.broker.destroy', $broker) }}" method="POST" class="d-inline"
                              data-confirm="Delete {{ addslashes($broker->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="8" class="text-center text-muted py-4">
                        No brokers found.
                        @if(request('search'))
                            <a href="{{ route('admin.broker.index') }}">Clear search</a>
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($brokers->hasPages())
    <div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
        {{ $brokers->links() }}
    </div>
    @endif
</div>
@endsection