@extends('layouts.panel-admin')
@section('title', 'Teléfonos verificados')
@section('content')

<div class="page-header">
    <h1>Teléfonos verificados</h1>
    @if(isset($phones['total']))
        <span class="text-muted">{{ $phones['total'] }} total</span>
    @endif
</div>

{{-- Añadir teléfono --}}
<div class="card mb-3">
    <h2>Añadir teléfono</h2>
    <form method="POST" action="/panel-admin/telefonos" class="form-row">
        @csrf
        <input type="tel"
               name="phone"
               placeholder="Número de teléfono"
               value="{{ old('phone') }}"
               maxlength="20"
               required>
        <button type="submit" class="btn btn-primary">Añadir</button>
    </form>
</div>

{{-- Búsqueda --}}
<form method="GET" action="/panel-admin/telefonos" class="search-bar mb-3">
    <input type="text"
           name="q"
           value="{{ $search }}"
           placeholder="Buscar por teléfono...">
    <button type="submit" class="btn btn-primary">Buscar</button>
    @if($search)
        <a href="/panel-admin/telefonos" class="btn btn-secondary">Limpiar</a>
    @endif
</form>

{{-- Listado --}}
<table class="admin-table">
    <thead>
        <tr>
            <th>Teléfono</th>
            <th>Fecha verificación</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
        @forelse($phones['data'] ?? [] as $phone)
        <tr>
            <td><strong>{{ $phone->phone }}</strong></td>
            <td>{{ \Carbon\Carbon::parse($phone->created_at)->format('d/m/Y H:i') }}</td>
            <td>
                <form method="POST"
                      action="/panel-admin/telefonos/{{ $phone->id }}"
                      style="display:inline"
                      onsubmit="return confirm('¿Eliminar este teléfono verificado?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">Eliminar</button>
                </form>
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="3" class="text-center text-muted" style="padding:2rem">
                No hay teléfonos verificados.
            </td>
        </tr>
        @endforelse
    </tbody>
</table>

@if(isset($phones['last_page']) && $phones['last_page'] > 1)
@php $cp = $phones['current_page'] ?? 1; $lp = $phones['last_page']; @endphp
<div class="pagination">
    @if($cp > 1)
        <a href="?pagina={{ $cp - 1 }}&q={{ $search }}" class="pag-nav">&#8249;</a>
    @else
        <span class="pag-nav">&#8249;</span>
    @endif
    @for($i = 1; $i <= $lp; $i++)
        <a href="?pagina={{ $i }}&q={{ $search }}" class="{{ $cp == $i ? 'active' : '' }}">{{ $i }}</a>
    @endfor
    @if($cp < $lp)
        <a href="?pagina={{ $cp + 1 }}&q={{ $search }}" class="pag-nav">&#8250;</a>
    @else
        <span class="pag-nav">&#8250;</span>
    @endif
</div>
@endif

@endsection