@extends('layouts.app')

@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3>Editar cliente</h3>
        <a class="btn btn-outline-secondary" href="{{ route('empresa.clientes.index') }}">Volver</a>
    </div>

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

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

    <div class="card mb-3">
        <div class="card-body">
            <form method="POST" action="{{ route('empresa.clientes.update', $cliente) }}">
                @csrf
                @method('PUT')

                @include('empresa.clientes._form', compact('cliente','servicios'))

                <div class="mt-3 d-flex flex-wrap gap-2 align-items-start">
                    <button class="btn btn-primary">Guardar</button>

                    @if($puedeCrearRecordatorios)
                        <a class="btn btn-success"
                           href="{{ route('empresa.clientes.recordatorios.create', $cliente) }}">
                            + Crear recordatorio
                        </a>
                    @else
                        <div>
                            <button type="button" class="btn btn-secondary" disabled>
                                + Crear recordatorio
                            </button>
                            <div class="text-muted small mt-1">
                                Tu plan no permite crear recordatorios.
                            </div>
                        </div>
                    @endif
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <strong>Recordatorios</strong>
            <a class="btn btn-sm btn-outline-primary"
               href="{{ route('empresa.recordatorios.index', ['q' => $cliente->nombre]) }}">
                Ver en listado
            </a>
        </div>

        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Programado</th>
                        <th>Canal</th>
                        <th>Estado</th>
                        <th>Mensaje</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($cliente->recordatorios as $r)
                    <tr>
                        <td>{{ $r->programado_para->format('d-m-Y H:i') }}</td>
                        <td>{{ strtoupper($r->canal) }}</td>
                        <td>{{ $r->estado }}</td>
                        <td class="text-truncate" style="max-width:380px;">{{ $r->mensaje }}</td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-primary"
                               href="{{ route('empresa.recordatorios.edit', $r) }}">
                                Editar
                            </a>

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

                            <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">Sin recordatorios aún.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection