@extends('layouts.app')

@section('contenido')
    <h2>Mis Consultas</h2>

    @if(session('exito'))
        <div style="background-color: #d4edda; color: #155724; padding: 10px; margin-bottom: 15px; border-radius: 4px;">
            {{ session('exito') }}
        </div>
    @endif

    <table style="width: 100%; border-collapse: collapse; text-align: left;">
        <thead>
            <tr style="background-color: #eee;">
                <th style="padding: 10px; border: 1px solid #ddd;">Asunto</th>
                <th style="padding: 10px; border: 1px solid #ddd;">Categoría</th>
                <th style="padding: 10px; border: 1px solid #ddd;">Estado</th>
                <th style="padding: 10px; border: 1px solid #ddd;">Fecha</th>
            </tr>
        </thead>
        <tbody>
            @foreach($consultas as $consulta)
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;">{{ $consulta->asunto }}</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">{{ $consulta->categoria }}</td>
                    <td style="padding: 10px; border: 1px solid #ddd;"><strong>{{ $consulta->estado }}</strong></td>
                    <td style="padding: 10px; border: 1px solid #ddd;">{{ $consulta->created_at->format('d/m/Y') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endsection