@extends('layouts.app')

@section('content')
    <div class="container">
        <h2>Listado de Tickets</h2>

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

        <table class="table">
            <thead>
            <tr>
                <th>Título</th>
                <th>Categoría</th>
                <th>Prioridad</th>
                <th>Mensaje</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($incidencias as $incidencia)
                <tr>
                    <td>{{ $incidencia->id }}</td>
                    <td>{{ $incidencia->titulo }}</td>
                    <td>{{ $incidencia->categoria }}</td>
                    <td>{{ $incidencia->prioridad }}</td>
                    <td>{{ $incidencia->mensaje }}</td>
                    <td>
                        <a href="{{ route('tickets.show', $incidencia->id) }}" class="btn btn-info">Ver</a>
                        <a href="{{ route('tickets.edit', $incidencia->id) }}" class="btn btn-warning">Editar</a>
                        <form action="{{ route('tickets.destroy', $incidencia->id) }}" method="POST" style="display: inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger" onclick="return confirm('¿Estás seguro?')">Eliminar</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6">No hay tickets registrados.</td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
@endsection