@if($maintenanceInyectorCount == 0)
<div class="row">
    <div class="col-md-12">
        <p class="text-center display-6 fw-bold text-warning">El protocolo se habilitará cuando lo inicies. </p>
    </div>
</div>
@else
<section class="content pb-3">
    <div class="container-fluid h-100">
        <div class="row">
            <div class="col-md-6">
                @if ($ticket->statusTicket !== 'Cerrado')
                @unless ($ticket->statusTicket === 'Revisión')
                @if ($hasMaintenanceInyector)
                <div class="dropdown">
                    <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fas fa-ellipsis-v"></i> </button>
                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton1">
                        <li>
                            <a href="{{ route('ticket.validateAnswers', $ticket->id) }}" class="dropdown-item btn btn-outline-primary btn-md" title="Editar respuestas">Editar respuestas</a>
                        </li>
                        <li>
                            <a class="dropdown-item btn btn-outline-secondary me-md-2" href="{{route ('ticket.index')}}" tabindex="12" data-bs-toggle="tooltip" data-bs-placement="top" title="Cancelar">Cancelar</a>
                        </li>
                        <li>
                            <hr class="dropdown-divider">
                        </li>
                        <li>
                            <form action="{{ route('maintenanceInyector.destroy', $maintenanceInyector->id) }}" class="delete-alert" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="dropdown-item btn btn-outline-danger btn-md" title="Eliminar respuestas">Eliminar respuestas</button>
                            </form>
                        </li>
                    </ul>
                </div>
                @endif
                @endunless
                @endif
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Chequeo inicial (Perillas y HM)
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->chequeoInicial}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Desarme completo de cabezal
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->desarmeCompleto}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Chequeo de tarjetas y conexiones
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->chequeoTarjetas}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Lavado housing y lubricación
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->lavadoLubricación}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Rearmado y limpieza externa
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->rearmadoLimpieza}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Ajustes generales y etiqueta de PM
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->ajustesGenerales}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Pruebas finales de funcionamiento general
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->pruebasFinales}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Cantidad de Inyecciones
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->trending}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Consumibles
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->consumibles}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Licencias instaladas
                        </h3>
                    </div>
                    <div class="card-body">
                        <p>{{$maintenanceInyector->licencias}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 overflow-auto">
                <div class="card card-row ">
                    <div class="card-header card-info card-outline">
                        <h3 class="card-title">
                            Imagenes.
                        </h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="d-flex flex-wrap">
                                    @foreach ($img as $image)
                                    <div class="m-2">
                                        <a href="{{ Storage::url($image->ruta) }}" download>
                                            <img src="{{ Storage::url($image->ruta) }}" class="rounded" width="200px" height="200px" alt="Imagen del ticket">
                                        </a>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif