@extends('layouts.app', ['title' => term('nav_advisors','Asesores')])

@section('header_actions')
<button class="btn btn-primary" type="button" data-modal-open="modal-add-advisor"><i class="fa-solid fa-user-plus"></i>Nuevo asesor</button>
@endsection

@section('content')
<div class="grid g4" style="margin-bottom:16px">
    <div class="metric"><i class="fa-solid fa-user-tie"></i><div class="metric-val">{{ $advisors->count() }}</div><div class="metric-label">Asesores</div></div>
    <div class="metric"><i class="fa-solid fa-users"></i><div class="metric-val text-gold">{{ $advisors->sum('clients_count') }}</div><div class="metric-label">Clientes asignados</div></div>
    <div class="metric"><i class="fa-solid fa-list-check"></i><div class="metric-val">{{ $advisors->sum('tasks_count') }}</div><div class="metric-label">Tareas</div></div>
    <div class="metric"><i class="fa-solid fa-circle-check"></i><div class="metric-val text-success">{{ $advisors->where('status','En linea')->count() }}</div><div class="metric-label">Activos</div></div>
</div>

<div class="grid g3">
@foreach($advisors as $advisor)
    <div class="card">
        <div class="card-head">
            <div><div class="card-title">{{ $advisor->name }}</div><div class="sub">{{ $advisor->role }}</div></div>
            <div class="row" style="gap:6px;align-items:center">
                <span class="badge {{ $advisor->status === 'En linea' ? 'green' : ($advisor->status === 'Ocupado' ? 'amber' : 'gray') }}">{{ $advisor->status }}</span>
                <div class="kebab">
                    <button class="kebab-trigger" type="button" data-kebab data-tip="Más acciones"><i class="fa-solid fa-ellipsis-vertical"></i></button>
                    <div class="kebab-menu">
                        <button type="button" data-modal-open="modal-edit-advisor-{{ $advisor->id }}"><i class="fa-solid fa-pen"></i> Editar asesor</button>
                        @if($advisor->phone)
                            @php $waPhone = preg_replace('/\D+/','',$advisor->phone); if(strlen($waPhone)===10) $waPhone='52'.$waPhone; @endphp
                            <a href="https://wa.me/{{ $waPhone }}" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> WhatsApp</a>
                        @endif
                        {{-- Email de contacto oculto a peticion --}}
                        <hr>
                        <form method="post" action="{{ route('advisors.destroy', $advisor) }}" onsubmit="return confirm('¿Eliminar asesor?')">@csrf @method('DELETE')<button type="submit" class="danger"><i class="fa-solid fa-trash"></i> Eliminar</button></form>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <span class="pill"><i class="fa-solid fa-users"></i> {{ $advisor->clients_count }} clientes</span>
                <span class="pill"><i class="fa-solid fa-list-check"></i> {{ $advisor->tasks_count }} tareas</span>
                @if($advisor->phone)<span class="pill"><i class="fa-solid fa-phone"></i> {{ $advisor->phone }}</span>@endif
            </div>
        </div>
    </div>
@endforeach
</div>
@endsection

@section('modals')
<div class="modal-backdrop" id="modal-add-advisor">
    <div class="modal">
        <div class="modal-head"><h3><i class="fa-solid fa-user-tie text-gold"></i> Nuevo asesor</h3><button class="modal-close" type="button" data-modal-close>&times;</button></div>
        <form method="post" action="{{ route('advisors.store') }}">
            @csrf
            <div class="modal-body">
                <div class="form-grid two">
                    <label>Nombre *<input name="name" required></label>
                    <input type="hidden" name="email" value="">{{-- Campo Email oculto a peticion --}}
                    <label>Telefono<input name="phone"></label>
                    <input type="hidden" name="role" value="Asesor">
                    <input type="hidden" name="status" value="En linea">
                    <input type="hidden" name="monthly_goal" value="0">
                    <input type="hidden" name="sales_count" value="0">
                    <input type="hidden" name="generated_amount" value="0">
                    <input type="hidden" name="rating" value="0">
                </div>
            </div>
            <div class="modal-foot">
                <button class="btn btn-ghost" type="button" data-modal-close>Cancelar</button>
                <button class="btn btn-primary" type="submit"><i class="fa-solid fa-floppy-disk"></i>Registrar asesor</button>
            </div>
        </form>
    </div>
</div>

@foreach($advisors as $advisor)
<div class="modal-backdrop" id="modal-edit-advisor-{{ $advisor->id }}">
    <div class="modal">
        <div class="modal-head"><h3><i class="fa-solid fa-pen text-gold"></i> Editar — {{ $advisor->name }}</h3><button class="modal-close" type="button" data-modal-close>&times;</button></div>
        <form method="post" action="{{ route('advisors.update', $advisor) }}">
            @csrf @method('PUT')
            <div class="modal-body">
                <div class="form-grid two">
                    <label>Nombre *<input name="name" value="{{ $advisor->name }}" required></label>
                    <input type="hidden" name="email" value="{{ $advisor->email }}">{{-- Campo Email oculto a peticion --}}
                    <label>Telefono<input name="phone" value="{{ $advisor->phone }}"></label>
                    <input type="hidden" name="role" value="{{ $advisor->role ?: 'Asesor' }}">
                    <label>Estado *<select name="status">@foreach(['En linea','Ocupado','Sin conexion'] as $s)<option @selected($advisor->status === $s)>{{ $s }}</option>@endforeach</select></label>
                    <input type="hidden" name="monthly_goal" value="{{ $advisor->monthly_goal }}">
                    <input type="hidden" name="sales_count" value="{{ $advisor->sales_count }}">
                    <input type="hidden" name="generated_amount" value="{{ $advisor->generated_amount }}">
                    <input type="hidden" name="rating" value="{{ $advisor->rating }}">
                </div>
            </div>
            <div class="modal-foot">
                <button class="btn btn-ghost" type="button" data-modal-close>Cancelar</button>
                <button class="btn btn-primary" type="submit"><i class="fa-solid fa-floppy-disk"></i>Guardar</button>
            </div>
        </form>
    </div>
</div>
@endforeach
@endsection