@extends('layouts.menu')

@section('title', 'Mis Tickets')

@section('contenido')

    <div class="card bg-light shadow-none p-3 mb-5 bg-light rounded">
        <div class="card-header card-header-pr77 mb-3">
            <div class="row justify-content-between">
                <div class="col-md-12">
                    <h2 class="text-center"><b>Novedades</b></h2>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive mt-2" style="overflow-x: clip;">
                <table id="tabla_listado_mis_tickets" class="table table-striped compact" style="width:100%">
                    <thead class="table-dark">
                    <tr>
                        <td>Asunto</td>
                        <td>Fecha Registro</td>
                        <td>Hora Registro</td>
                        <td>Vehiculo</td>
                        <td>Odometro</td>
                        <td>Evidencia</td>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($tickets as $key => $item)
                        <tr>
                            <td>{{$item->asunto}}</td>
                            <td>{{$item->fecha_registro}}</td>
                            <td>{{$item->horario_registro}}</td>
                            <td>{{$item->vehiculo}}</td>
                            <td>{{$item->odometro}}</td>
                            <td>
                                <div class="row">
                                    @foreach($item->evidencias as $image)
                                        <div class="col-md-2 mr-2">
                                            <a href="{{'storage/'.$image->image}}" target="_blank"
                                               class="btn btn-primary me-1 ms-1">
                                                <i class="fa-solid fa-image"></i>
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="row">
                                    <div class="col-md-2 ms-1 mt-1">
                                        <a class="btn btn-danger" href="{{route('tickets.generar_reporte',base64_encode($item->id))}}"><i
                                                    class="fa-solid fa-file-pdf"></i></a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>


    </div>
@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            CrearTabla('tabla_listado_mis_tickets');
        });
    </script>
@stop