@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
            </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>Creado:</b> {{$fechaCreacion}}<br>
                <b>Asistencia:</b> {{$fechaProgramada}}<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>
    <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.create')
                        @elseif ($ticket->tipoTarea == 'Diagnostico')
                        @include('ticket.protocols.diagno.create')
                        @elseif ($ticket->tipoTarea == 'Procedimientos Generales')
                        @include('ticket.protocols.generales')
                        @elseif ($ticket->tipoTarea == 'Preventivo Inyectoras')
                        @include('ticket.protocols.maintenanceInyector.create')
                        @elseif ($ticket->tipoTarea == 'Preventivo Incubadora')
                        @include('ticket.protocols.maintenanceIncubator.create')
                        @elseif ($ticket->tipoTarea == 'Instalación')
                        @include('ticket.protocols.instalacion.create')
                        @elseif ($ticket->tipoTarea == 'Desinstalación')
                        @include('ticket.protocols.desinstalacion.create')
                        @elseif ($ticket->tipoTarea == 'Capacitación')
                        @include('ticket.protocols.capacitacion.create')

                        @elseif ($ticket->tipoTarea == 'Preventivo Intego')
                        @include('ticket.protocols.preventivoIntego.create')
                        @elseif ($ticket->tipoTarea == 'Preventivo Monitor')
                        @include('ticket.protocols.preventivoMonitor.create')
                        @elseif ($ticket->tipoTarea == 'Preventivo Funcional')
                        @include('ticket.protocols.preventivoFuncional.create')
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</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" href="https://cdn.jsdelivr.net/npm/bs-stepper/dist/css/bs-stepper.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://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" integrity="sha512-Kg4zjaeupHWh7h2DdN58JlNNiH1Bdu7VgSfO4o7GdxHdK9Z/1BfzgIrE6iJYFhceagGQ79xn0w5U6z5U5qZU6A==" crossorigin="" />
<link rel="stylesheet" type="text/css" href="http://keith-wood.name/css/jquery.signature.css">

@stop

@section('js')
<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 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://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.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/select2/4.0.13/js/select2.min.js"></script>
<!-- SIGNATURE -->
<script type="text/javascript" src="http://keith-wood.name/js/jquery.signature.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, Eliminar!',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {

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