@extends('adminlte::page')

@section('title', 'LISTA')

@section('content_header')
@stop

@section('content')

<br>
<x-adminlte-card title="LISTA DE TICKETS" class="m-2" theme="dark" icon="fas fa-id-card">
    <div class="col-12">                                         
        <div class="row">
            <div class="col-12">
                <div class="card-body">
                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <br>
                                <table id="example2" class="table table-bordered table-striped dataTable dtr-inline collapsed" aria-describedby="example1">
                                    <thead class="text-center text-nowrap bg-dark ">
                                        <tr>
                                            <th>ID</th>
                                            <th>PUESTO</th>
                                            <th>SERVICIO</th>
                                            <th>USUARIO</th>
                                            <th>ESTADO</th>
                                            <th>TIEMPO ATENCION</th>
                                            <th>FECHA</th>
                                            <th>HORA</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @if(is_array($tickets) || is_object($tickets))
                                        @foreach($tickets as $dato)
                                        <tr>
                                            <td>{{ $dato->id }}</td>
                                            <td>{{ $dato->puesto }}</td>
                                            <td>{{ $dato->tpservicio }}</td>
                                            <td>{{ $dato->usuario }}</td>
                                            @if( $dato->estado == 1)
                                            <td><span class="badge bg-warning">ATENDIENDO</span></td>
                                            @elseif($dato->estado == 2)
                                            <td><span class="badge bg-success">ATENDIDO</span></td>
                                            @elseif($dato->estado == 99)
                                            <td><span class="badge bg-danger">ANULADO</span></td>
                                            @else
                                            <td><span class="badge bg-secondary">EN ESPERA</span></td>
                                            @endif
                                            <td>{{ $dato->tiempoEspera }}</td>
                                            <td>{{ $dato->fecha }}</td>
                                            <td>{{ $dato->hora }}</td>
                                        </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="7" class="text-center">No hay datos para mostrar</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-adminlte-card>

@stop

@section('css')
@stop

@section('js')

@stop