@extends('layouts.app')

@section('content')
<div class="container">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3>Recordatorios</h3>
    </div>

    {{-- Filtros --}}
    <form class="row g-2 mb-3">
        <div class="col-md-4">
            <input type="text"
                   name="q"
                   value="{{ request('q') }}"
                   class="form-control"
                   placeholder="Buscar por cliente, teléfono o email">
        </div>

        <div class="col-md-3">
            <select name="estado" class="form-select">
                <option value="">Todos los estados</option>
                <option value="pendiente" {{ request('estado')=='pendiente'?'selected':'' }}>Pendiente</option>
                <option value="enviado" {{ request('estado')=='enviado'?'selected':'' }}>Enviado</option>
                <option value="fallido" {{ request('estado')=='fallido'?'selected':'' }}>Fallido</option>
                <option value="cancelado" {{ request('estado')=='cancelado'?'selected':'' }}>Cancelado</option>
            </select>
        </div>

        <div class="col-md-2">
            <button class="btn btn-outline-secondary w-100">
                Filtrar
            </button>
        </div>
    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-striped mb-0 align-middle">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Programado</th>
                        <th>Canal</th>
                        <th>Estado</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($recordatorios as $r)
                    <tr>
                        <td>
                            <strong>{{ $r->cliente->nombre }}</strong><br>
                            <small class="text-muted">
                                {{ $r->cliente->telefono }}
                            </small>
                        </td>

                        <td>
                            {{ $r->programado_para->format('d-m-Y H:i') }}
                        </td>

                        <td>
                            <span class="badge bg-secondary">
                                {{ strtoupper($r->canal) }}
                            </span>
                        </td>

                        <td>
                            @if($r->estado=='pendiente')
                                <span class="badge bg-warning text-dark">Pendiente</span>
                            @elseif($r->estado=='enviado')
                                <span class="badge bg-success">Enviado</span>
                            @elseif($r->estado=='fallido')
                                <span class="badge bg-danger">Fallido</span>
                            @else
                                <span class="badge bg-secondary">Cancelado</span>
                            @endif
                        </td>

                        <td class="text-end">

                            <a href="{{ route('empresa.recordatorios.edit',$r) }}"
                               class="btn btn-sm btn-outline-primary">
                                Editar
                            </a>

                            @if($r->estado=='pendiente')
                            <form action="{{ route('empresa.recordatorios.cancel',$r) }}"
                                  method="POST"
                                  class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-outline-warning">
                                    Cancelar
                                </button>
                            </form>
                            @endif

                            <form action="{{ route('empresa.recordatorios.destroy',$r) }}"
                                  method="POST"
                                  class="d-inline"
                                  onsubmit="return confirm('¿Eliminar recordatorio?')">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">
                                    Eliminar
                                </button>
                            </form>

                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center py-4">
                            No hay recordatorios aún.
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">
        {{ $recordatorios->links() }}
    </div>

</div>
@endsection