@extends('layouts.app')

@section('content')

<div class="container">

    @php
        $empresa = auth()->user()->empresa;
    @endphp

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

        <a href="{{ route('empresa.clientes.index') }}"
           class="btn btn-outline-secondary">
            Ver clientes
        </a>
    </div>

    @if($empresa && (int) $empresa->plan_key === 0)
        <div class="alert alert-warning">
            Tu plan no permite crear recordatorios.
        </div>
    @endif

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

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

    {{-- Filtros --}}
    <form class="row g-2 mb-3">

        <div class="col-md-4">
            <input type="text"
                   name="q"
                   value="{{ $q ?? request('q') }}"
                   class="form-control"
                   placeholder="Buscar cliente, teléfono o email">
        </div>

        <div class="col-md-3">
            <select name="estado" class="form-control">
                <option value="">Todos los estados</option>

                <option value="pendiente" {{ $estado == 'pendiente' ? 'selected' : '' }}>
                    Pendiente
                </option>

                <option value="enviado" {{ $estado == 'enviado' ? 'selected' : '' }}>
                    Enviado
                </option>

                <option value="fallido" {{ $estado == 'fallido' ? 'selected' : '' }}>
                    Fallido
                </option>

                <option value="cancelado" {{ $estado == 'cancelado' ? 'selected' : '' }}>
                    Cancelado
                </option>
            </select>
        </div>

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

        <div class="col-md-2">
            <a href="{{ route('empresa.recordatorios.index') }}"
               class="btn btn-outline-dark w-100">
                Limpiar
            </a>
        </div>

    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-striped mb-0 align-middle">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Teléfono</th>
                        <th>Fecha programada</th>
                        <th>Estado</th>
                        <th>Mensaje</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>

                <tbody>
                @forelse($recordatorios as $r)
                    <tr>
                        <td>
                            <strong>{{ $r->cliente->nombre }}</strong>
                        </td>

                        <td>
                            {{ $r->cliente->telefono }}
                        </td>

                        <td>
                            {{ \Carbon\Carbon::parse($r->programado_para)->format('d-m-Y H:i') }}
                        </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 style="max-width:350px" class="text-truncate">
                            {{ $r->mensaje }}
                        </td>

                        <td class="text-end">
                            @if($empresa && (int) $empresa->plan_key !== 0)
                                <a href="{{ route('empresa.recordatorios.edit', $r) }}"
                                   class="btn btn-sm btn-outline-primary">
                                    Editar
                                </a>
                            @else
                                <button class="btn btn-sm btn-outline-secondary"
                                        type="button"
                                        disabled
                                        title="Tu plan no permite crear recordatorios">
                                    Editar
                                </button>
                            @endif

                            @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="6" class="text-center py-4">
                            No hay recordatorios registrados
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

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

</div>

@endsection