@extends('layouts.app')

@section('titulo', 'Usuarios')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h4 mb-0">Usuarios del sistema</h1>
        <a href="{{ route('usuarios.create') }}" class="btn btn-primary">+ Nuevo usuario</a>
    </div>

    <div class="table-responsive">
        <table class="table table-striped align-middle">
            <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Correo</th>
                    <th>Rol</th>
                    <th>Licencia vigente</th>
                    <th>Estado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($usuarios as $usuario)
                    @php($licencia = $usuario->licenciaVigente())
                    <tr>
                        <td>{{ $usuario->name }}</td>
                        <td>{{ $usuario->email }}</td>
                        <td>{{ $usuario->is_master ? 'Master' : 'Usuario' }}</td>
                        <td>
                            @if ($usuario->is_master)
                                <span class="badge bg-dark">Sin limite</span>
                            @elseif ($licencia)
                                Hasta {{ $licencia->ends_at->format('d/m/Y') }}
                                <span class="badge bg-success">{{ $licencia->diasRestantes() }} dias</span>
                            @else
                                <span class="badge bg-danger">Sin licencia activa</span>
                            @endif
                        </td>
                        <td>
                            @if ($usuario->active)
                                <span class="badge bg-success">Activo</span>
                            @else
                                <span class="badge bg-secondary">Inactivo</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <a href="{{ route('usuarios.edit', $usuario) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                            @unless ($usuario->is_master)
                                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#renovar-{{ $usuario->id }}">Renovar licencia</button>
                                <form method="POST" action="{{ route('usuarios.destroy', $usuario) }}" class="d-inline" onsubmit="return confirm('¿Eliminar este usuario?');">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger">Eliminar</button>
                                </form>
                            @endunless
                        </td>
                    </tr>

                    <div class="modal fade" id="renovar-{{ $usuario->id }}" tabindex="-1">
                        <div class="modal-dialog">
                            <form method="POST" action="{{ route('usuarios.renovar-licencia', $usuario) }}" class="modal-content">
                                @csrf
                                <div class="modal-header"><h5 class="modal-title">Renovar licencia de {{ $usuario->name }}</h5></div>
                                <div class="modal-body">
                                    <label class="form-label">Dias adicionales</label>
                                    <input type="number" name="dias" class="form-control" value="365" min="1" required>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-primary">Renovar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                @endforeach
            </tbody>
        </table>
    </div>

    {{ $usuarios->links() }}
@endsection