@extends('layouts.admin')

@section('title','Dashboard - Agencia')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="text-dark">Panel de Agencia</h1>
            <p class="text-muted">Gestiona tus agentes y propiedades</p>
        </div>
    </div>

    {{-- Info de la Agencia con Logo --}}
    @if($agency)
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        {{-- Logo de la Agencia --}}
                        <div class="mr-4 text-center">
                            @if($agency->logo)
                                <img src="{{ Storage::url($agency->logo) }}"
                                     class="img-fluid rounded"
                                     style="width: 100px; height: 100px; object-fit: contain;"
                                     alt="Logo de {{ $agency->name }}">
                            @else
                                <div class="bg-light rounded d-flex align-items-center justify-content-center"
                                     style="width: 100px; height: 100px;">
                                    <i class="fas fa-briefcase fa-2x text-muted"></i>
                                </div>
                            @endif
                        </div>
                        <div>
                            <h3 class="mb-1">{{ $agency->name }}</h3>
                            <p class="text-muted mb-1">
                                @if($agency->city) <i class="fas fa-map-marker-alt"></i> {{ $agency->city }} @endif
                            </p>
                            <p class="mb-0">
                                @if($agency->phone_primary) <i class="fas fa-phone"></i> {{ $agency->phone_primary }} @endif
                                @if($agency->email_general) &nbsp;|&nbsp; <i class="fas fa-envelope"></i> {{ $agency->email_general }} @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <div class="row">
        <!-- Stats: Agentes -->
        <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ $agency ? $agency->agents()->count() : 0 }}</h3>
                    <p>Agentes Registrados</p>
                </div>
                <div class="icon">
                    <i class="fas fa-users"></i>
                </div>
                <a href="{{ route('agency.agents.index') }}" class="small-box-footer">
                    Ver agentes <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Stats: Propiedades -->
        <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>0</h3>
                    <p>Propiedades Publicadas</p>
                </div>
                <div class="icon">
                    <i class="fas fa-building"></i>
                </div>
                <a href="{{ route('agency.properties.index') }}" class="small-box-footer">
                    Ver propiedades <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Register Agent CTA -->
        <div class="col-lg-3 col-6">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>+</h3>
                    <p>Registrar Nuevo Agente</p>
                </div>
                <div class="icon">
                    <i class="fas fa-user-plus"></i>
                </div>
                <a href="{{ route('agency.agents.register') }}" class="small-box-footer">
                    Registrar agente <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Add Property CTA -->
        <div class="col-lg-3 col-6">
            <div class="small-box bg-primary">
                <div class="inner">
                    <h3>+</h3>
                    <p>Agregar Propiedad</p>
                </div>
                <div class="icon">
                    <i class="fas fa-plus-circle"></i>
                </div>
                <a href="{{ route('agency.properties.create') }}" class="small-box-footer">
                    Nueva propiedad <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection