@extends('layouts.admin')

@section('title', 'Agentes - ' . $agency->name)

@section('content')
@php
    $isAgencyAdmin = auth()->user()->hasRole('agency_admin');
    $isRootOrDev = auth()->user()->hasRole(['root', 'developer']);
    $canManage = $isRootOrDev || $isAgencyAdmin;
@endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Agentes de {{ $agency->name }}</h2>
        <div>
            @if($canManage)
            <a href="{{ $isAgencyAdmin ? route('agency.agents.create') : route('admin.agency.agents.create', $agency) }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> Crear Agente
            </a>
            @endif
            @if($isRootOrDev)
            <a href="{{ route('admin.agencies.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Volver a Agencias
            </a>
            @endif
        </div>
    </div>

    @if(session('message'))
        <div class="alert alert-success">{{ session('message') }}</div>
    @endif

    {{-- Logo de la Agencia --}}
    @if($agency->logo)
    <div class="card mb-4">
        <div class="card-body d-flex align-items-center">
            <img src="{{ Storage::url($agency->logo) }}"
                 class="mr-3 rounded"
                 style="width: 60px; height: 60px; object-fit: contain;"
                 alt="Logo de {{ $agency->name }}">
            <div>
                <h5 class="mb-0">{{ $agency->name }}</h5>
                <small class="text-muted">
                    @if($agency->city) <i class="fas fa-map-marker-alt"></i> {{ $agency->city }} @endif
                </small>
            </div>
        </div>
    </div>
    @endif

    <div class="row">
        @forelse($agents as $agent)
        <div class="col-md-4 col-lg-3 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    {{-- Foto del Agente --}}
                    <div class="mb-3">
                        @if($agent->photo_file)
                            <img src="{{ Storage::url($agent->photo_file) }}"
                                 class="rounded-circle"
                                 style="width: 80px; height: 80px; object-fit: cover;"
                                 alt="Foto de {{ $agent->full_name }}">
                        @else
                            <div class="bg-light rounded-circle d-inline-flex align-items-center justify-content-center"
                                 style="width: 80px; height: 80px;">
                                <i class="fas fa-user fa-2x text-muted"></i>
                            </div>
                        @endif
                    </div>

                    <h5 class="card-title">{{ $agent->full_name }}</h5>
                    <p class="text-muted mb-1">
                        @if($agent->position)
                            <i class="fas fa-briefcase"></i> {{ $agent->position }}
                        @endif
                    </p>
                    <p class="text-muted mb-1">
                        @if($agent->email)
                            <i class="fas fa-envelope"></i> {{ $agent->email }}
                        @endif
                    </p>
                    <p class="text-muted mb-1">
                        @if($agent->phone)
                            <i class="fas fa-phone"></i> {{ $agent->phone }}
                        @endif
                    </p>

                    @if($agent->has_license)
                    <span class="badge bg-info">Licencia: {{ $agent->license_number }}</span>
                    @endif

                    <div class="mt-2">
                        <span class="badge bg-{{ $agent->active ? 'success' : 'secondary' }}">
                            {{ $agent->active ? 'Activo' : 'Inactivo' }}
                        </span>
                    </div>

                    @if($canManage)
                    <div class="mt-3 d-flex gap-2 justify-content-center">
                        <a href="{{ $isAgencyAdmin ? route('agency.agents.edit', $agent) : route('admin.agency.agents.edit', [$agency, $agent]) }}" class="btn btn-warning btn-sm">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form action="{{ $isAgencyAdmin ? route('agency.agents.destroy', $agent) : route('admin.agency.agents.destroy', [$agency, $agent]) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('¿Eliminar este agente? Se eliminará también su usuario.')">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        @empty
        <div class="col-12">
            <div class="alert alert-info text-center">
                <i class="fas fa-info-circle fa-2x mb-2"></i>
                <p class="mb-0">No hay agentes registrados aún.</p>
                @if($canManage)
                <a href="{{ $isAgencyAdmin ? route('agency.agents.create') : route('admin.agency.agents.create', $agency) }}" class="btn btn-sm btn-success mt-2">
                    <i class="fas fa-user-plus"></i> Crear primer agente
                </a>
                @endif
            </div>
        </div>
        @endforelse
    </div>
</div>
@endsection