@extends('adminlte::page')

@section('title', 'Ticket N° ' . $ticket->id . ' ' . $ticket->asset . ' Insertbog')

@section('content_header')
<div></div>
@stop

@section('content')
<div class="invoice p-3 mb-3">
    <div class="row">
        <div class="col-12">
            <h4>
                <div class="row">
                    <div class="col-md-2">
                        Ticket #{{$ticket->id}}
                    </div>
                    <div class="col-md-8">
                        {{$ticket->asset}}
                    </div>
                    <div class="col-md-2">
                        @if ($ticket-> statusTicket == 'En Proceso')
                        <span class='badge badge-warning'>{{$ticket-> statusTicket}} </span>
                        @elseif($ticket-> statusTicket == 'Revisión')
                        <span class='badge badge-secondary'>{{$ticket-> statusTicket}} </span>
                        @elseif($ticket-> statusTicket == 'Cerrado')
                        <span class='badge badge-success'>{{$ticket-> statusTicket}} </span>
                        @elseif($ticket-> statusTicket == 'Abierto')
                        <span class='badge badge-primary'>{{$ticket-> statusTicket}} </span>
                        @elseif($ticket-> statusTicket == 'Tarea Pendiente')
                        <span class='badge badge-dark'>{{$ticket-> statusTicket}} </span>
                        @endif
                    </div>
                </div>
            </h4>
        </div>
    </div>
    <br>
    <!-- info row -->
    <div class="row">
        <div class="col-md-4">
            <p><b><u>Datos del Equipo</u></b></p>
            <address>
                <b>Assets:</b> {{$ticket->asset}}<br>
                <b>Incidente:</b> {{$fechaIncidente}}<br>
                @isset($ticket->falloAsset)
                <b>Falla de equipo:</b> {{$ticket->falloAsset}}<br>
                @endisset
                @isset($ticket->tipoFalla)
                <b>Tipo de falla:</b> {{$ticket->tipoFalla}}<br>
                @endisset
                @isset($ticket->causaFalla)
                <b>Causa de falla:</b> {{$ticket->causaFalla}}<br>
                @endisset
                @isset($ticket->metodoDeteccionFalla)
                <b>Metodo de detección falla:</b> {{$ticket->metodoDeteccionFalla}}<br>
                @endisset
                @isset($ticket->severidadFalla)
                <b>Severidad de falla:</b> {{$ticket->severidadFalla}}<br>
                @endisset
                @isset($ticket->dañoCausado)
                <b>Daño causado:</b> {{$ticket->dañoCausado}}<br>
                @endisset
                @isset($ticket->tiempoInterrupcion)
                <b>Tiempo de Interrupción:</b> {{$ticket->tiempoInterrupcion}}<br>
                @endisset
                @isset($ticket->assetFueraServicio)
                <b>Fuera de servicio:</b> {{$ticket->assetFueraServicio}}<br>
                @endisset
                @isset($ticket->fechaInicioFalla)
                <b>Fecha inicio de falla:</b> {{$fechaInicioFalla}}<br>
                @endisset
                @isset($ticket->desdeCuando)
                <b>Desde cuando:</b> {{$desdeCuando}}<br>
                @endisset
                <b>Responsable:</b> {{$ticket->nameResponsable}}<br>
                <b>Email:</b> {{$ticket->email}}<br>
                <b>Firma:</b>
                @if ($ticket->signature)
                <img src="" alt="Firma">
                @else
                <p>No se ha proporcionado una firma.</p>
                @endif
            </address>
        </div>
        <div class="col-md-4">
            <p><b><u>Datos Ticket</u></b></p>
            <address>
                <b>Tipo de Tarea:</b> {{$ticket->tipoTarea}}<br>
                <b>Descripción de Tarea:</b> <br>
                {{$ticket->descripcionTarea}}<br>
                <b>Notas:</b> <br>
                {{$ticket->nota}}<br>
                <b>Asistencia:</b> {{$fechaProgramada}}<br>
                <b>Creado:</b> {{$fechaCreacion}}<br>
                @isset($ticket->ticketPadre)
                <b>Ticket Padre:</b> {{$ticket->ticketPadre}}<br>
                @endisset
                @isset($ticket->fechaInicio)
                <b>Fecha de inicio:</b> {{$fechaInicio}}<br>
                @endisset
                @isset($ticket->fechaFinalizacion)
                <b>Fecha Finalización:</b> {{$fechaFinalizacion}}<br>
                @endisset
                @isset($ticket->tiempoEjecucion)
                <b>Tiempo ejecucion:</b> {{$ticket->tiempoEjecucion}}<br>
                @endisset

            </address>
        </div>
        <div class="col-md-4">
            <small class="float-right"></small>
            <p><b><u>Especialista</u></b></p>
            <address>
                {{$ticket->responsable}} <br>
            </address>
            <p><b><u>Solicitado por</u></b></p>
            <address>
                {{$ticket->solicitadoPor}}<br>
            </address>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 d-grid gap-2 d-md-flex justify-content-md-end">
            <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.edit', $ticket->id ) }}" class="dropdown-item btn btn-outline-success btn-md" title="Editar ticket">Editar ticket</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>
                        <a href="javascript:window.print()" class="dropdown-item btn btn-primary">Imprimir</a>
                    </li>
                    <li>
                        <hr class="dropdown-divider">
                    </li>
                    <li>
                        <form action="{{ route('ticket.destroy', $ticket->id) }}" class="delete-alert" method="POST">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="dropdown-item btn btn-outline-danger btn-md" title="Eliminar ticket">Eliminar ticket</button>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card card-row ">
                <div class="card-header card-info card-outline">
                    <h3 class="card-title">
                        Checklist
                    </h3>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        @if ($ticket->tipoTarea == 'Reparación')
                        @include('ticket.protocols.repair.show')
                        @elseif ($ticket->tipoTarea == 'Diagnostico')
                        @include('ticket.protocols.diagno.show')
                        @elseif ($ticket->tipoTarea == 'Procedimientos Generales')
                        @include('ticket.protocols.generales')
                        @elseif ($ticket->tipoTarea == 'Preventivo Inyectoras')
                        @include('ticket.protocols.maintenanceInyector.show')
                        @elseif ($ticket->tipoTarea == 'Preventivo Incubadora')
                        @include('ticket.protocols.maintenanceIncubator.show')
                        @elseif ($ticket->tipoTarea == 'Instalación')
                        @include('ticket.protocols.instalacion.show')
                        @elseif ($ticket->tipoTarea == 'Desinstalación')
                        @include('ticket.protocols.desinstalacion.show')
                        @elseif ($ticket->tipoTarea == 'Capacitación')
                        @include('ticket.protocols.capacitacion.show')


                        @elseif ($ticket->tipoTarea == 'Preventivo Intego')
                        @include('ticket.protocols.preventivoIntego.show')
                        @elseif ($ticket->tipoTarea == 'Preventivo Monitor')
                        @include('ticket.protocols.preventivoMonitor.show')
                        @elseif ($ticket->tipoTarea == 'Preventivo Funcional')
                        @include('ticket.protocols.preventivoFuncional.show')
                        @endif
                    </div>
                    <!-- //Listado de Protocolos-->
                </div>
                <div class="card-footer">
                    @if ($ticket->statusTicket == 'Abierto')
                    <a href="{{ route('ticket.startTicket', $ticket->id) }}" class="btn btn-outline-success btn-md" title="Iniciar ticket"><i class="fas fa-play"></i></a>
                    @endif
                    @if ($ticket->statusTicket == 'En Proceso')
                    @include('ticket.recepcion.cierreTicket')
                    @endif
                    @if ($ticket->statusTicket == 'Revisión')
                    @include('ticket.recepcion.envioTicket')
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- Listado de Protocolos-->
</div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<link rel="stylesheet" href="{{asset('vendor/jquery-ui/jquery-ui.min.css')}}">
<link rel="stylesheet" href="{{asset('vendor/select2-bootstrap4-theme/select2-bootstrap4.css')}}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https:////cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.4/css/dataTables.bootstrap5.min.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<!-- Agrega el siguiente código en la sección <head> de tu vista -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jSignature/2.1.3/jSignature.min.css">
@stop

@section('js')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>
<script src="{{asset('vendor/jquery-ui/jquery-ui.min.js')}}"></script>
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bs-stepper/dist/js/bs-stepper.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jSignature/2.1.3/jSignature.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

@if(session('delete') == 'ok')
<script>
    Swal.fire(
        '¡Eliminado!',
        'El registro se elimino con éxito.',
        'success'
    )
</script>
@endif

<script>
    $(document).ready(function() {
        $('#Instalados').DataTable({
            dom: 'Bfrtip',
            stateSave: true,
            "language": {
                "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
            },
            "columnDefs": [{
                    "targets": [2],
                    "visible": true,
                    "searchable": true
                },
                {
                    "targets": [3],
                    "visible": true,
                    "searchable": true
                }
            ],
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ]
        });
        $('#Pendiente').DataTable({
            dom: 'Bfrtip',
            stateSave: true,
            "language": {
                "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
            },
            "columnDefs": [{
                    "targets": [2],
                    "visible": true,
                    "searchable": true
                },
                {
                    "targets": [3],
                    "visible": true,
                    "searchable": true
                }
            ],
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ]
        });
        $('#selectAsset').select2({
            dropdownParent: $('#creatTicket'),
            placeholder: "Selecciona un Asset",
            allowClear: true,
            theme: "bootstrap4",
            width: '100%'
        });
        $('#selectProduct').select2({
            placeholder: "Escirbe un numero de parte",
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });
        document.addEventListener('DOMContentLoaded', function() {
            var stepper = new Stepper(document.querySelector('.bs-stepper'))
        })
        var ticket = ['css', 'html', 'laravel'];

        $('#searchTicket').autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "{{route('search.tickets')}}",
                    dateType: 'json',
                    data: {
                        term: request.term
                    },
                    success: function(data) {
                        response(data)
                    }
                });
            }
        });
    });
    $('.delete-alert').submit(function(e) {
        e.preventDefault();
        Swal.fire({
            title: '¿Estas seguro/a?',
            text: "Este registro se eliminara definitivamente!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '¡Si, liminar!',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {

                this.submit();
            }
        })
    });
</script>
@stop