@extends('adminlte::page')

@section('title', 'Editar Ticket - Insertbog')

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

@section('content')
<form action="{{route ('ticket.update', $ticket->id)}}" method="POST">
    @csrf
    @method('PUT')
    <div class="card-body">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-success">
                    <div class="card-header">
                        <h3 class="card-title">Datos del Assets</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="assets">Assets</label>
                                <input class="form-control" type="text" name="asset" value="{{ $ticket[ 'asset'] }}" readonly>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="fechaIncidente">Fecha Incidente</label>
                                <input class="form-control" type="date" id="fechaIncidente" name="fechaIncidente" value="{{ $ticket->fechaIncidente }}" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="solicitadoPor">Solicitado por</label>
                                <input class="form-control" type="text" value="{{ auth()->user()->name }}" id="solicitadoPor" name="solicitadoPor" readonly>
                            </div>
                            <!-- <div class="form-check">
                                <input class="form-check-input" type="checkbox" value="" id="falloAsset" name="falloAsset" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                <label class="form-check-label" for="falloAsset">
                                    ¿Fallo el Activo?
                                </label>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- Datos de la Falla --->
            <div class="col-md-12">
                <div class=" card card-danger">
                    <div class="card-header">
                        <h3 class="card-title">Datos de la Falla</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="tipoFalla">Tipo de la falla</label>
                                <input class="form-control" type="text" value="{{ $ticket->tipoFalla }}" id="tipoFalla" name="tipoFalla">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="causaFalla">Causa de la Falla</label>
                                <input class="form-control" type="text" value="{{ $ticket->causaFalla }}" id="causaFalla" name="causaFalla">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="metodoDeteccionFalla">Metodo deteccion de Falla</label>
                                <input class="form-control" type="text" value="{{ $ticket->metodoDeteccionFalla }}" id="metodoDeteccionFalla" name="metodoDeteccionFalla">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="severidadFalla">Severidad de Falla</label>
                                <input class="form-control" type="text" value="{{ $ticket->severidadFalla }}" id="severidadFalla" name="severidadFalla">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="dañoCausado">Daños Causados</label>
                                <input class="form-control" type="text" value="{{ $ticket->dañoCausado }}" id="dañoCausado" name="dañoCausado">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="tiempoInterrupcion">Tiempo de Interrupción</label>
                                <input class="form-control" type="time" value="{{ $ticket->tiempoInterrupcion }}" id="tiempoInterrupcion" name="tiempoInterrupcion">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="fechaInicioFalla">Fecha Inicio de Falla</label>
                                <input class="form-control" type="date" value="{{ $ticket->fechaInicioFalla }}" id="fechaInicioFalla" name="fechaInicioFalla">
                            </div>
                            <!-- <div class="form-check">
                                <input class="form-check-input" id="fueraService" type="checkbox" value="" data-bs-toggle="collapse" href="#collapseExample1" role="button" aria-expanded="false" aria-controls="collapseExample1">
                                <label class="form-check-label" for="fueraService">
                                    ¿Activo fuera de Servicio?
                                </label>
                            </div> -->
                            <!-- <div class="collapse" id="collapseExample1"> -->
                            <div class="row">
                                <div class="col-md-2">
                                    <label class="form-label" for="desdeCuando">Desde Cuando?</label>
                                    <input class="form-control" type="datetime-local" value="{{ $ticket->desdeCuando }}" id="desdeCuando" name="desdeCuando">
                                </div>
                            </div>
                            <!-- </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Datos de la Falla --->
            <!-- Detalles de la Tarea --->
            <div class="col-md-12">
                <div class=" card card-success">
                    <div class="card-header">
                        <h3 class="card-title">Datos de la Tarea</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <label class="form-label" for="descripcionTarea">Descripción de Tarea</label>
                                <input class="form-control" type="text" value="{{ $ticket->descripcionTarea }}" id="descripcionTarea" name="descripcionTarea" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="nota">Nota</label>
                                <input class="form-control" type="text" value="nota" id="nota" name="nota" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="tipoTarea">Tipo de Tarea</label>
                                <select id="selectTipoTarea" class="form-select selectAsset" name="tipoTarea" id="tipoTarea" required>
                                    <option value="{{$ticket->tipoTarea}}">{{$ticket->tipoTarea}}</option>
                                    <option value="Diagnostico">Diagnostico</option>
                                    <option value="Reparación">Reparación</option>
                                    <option value="Preventivo Inyectoras">Preventivo Inyectoras</option>
                                    <option value="Procedimientos Generales">Procedimientos Generales</option>
                                    <option value="Instalación">Instalación</option>
                                    <option value="Capacitación">Capacitación</option>
                                    <option value="Desinstalación">Desinstalación</option>
                                    <option value="Preventivo Incubadora">Preventivo Incubadora</option>
                                    <option value="Preventivo Stellant">Preventivo Stellant</option>
                                    <option value="Preventivo Spectris">Preventivo Spectris</option>
                                    <option value="Preventivo Intego">Preventivo Intego</option>
                                    <option value="Preventivo Veris">Preventivo Veris</option>
                                    <option value="Preventivo VisuaStim">Preventivo VisuaStim</option>
                                    <option value="Preventivo Maglife">Preventivo Maglife</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="prioridad">Prioridad</label>
                                <select class="form-select" name="prioridad" id="">
                                    <option value="{{$ticket->prioridad}}">{{$ticket->prioridad}}</option>
                                    <option value="Muy Baja">Muy Baja</option>
                                    <option value="Baja">Baja</option>
                                    <option value="Media">Media</option>
                                    <option value="Alta">Alta</option>
                                    <option value="Muy Alta">Muy Alta</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="duracionEstimada">Duración</label> <span><i class="fas fa-stopwatch"></i></span>
                                <input class="form-control" type="number" min="1" max="6" step="1" value="{{ $ticket->duracionEstimada }}" id="duracionEstimada" name="duracionEstimada" required>
                            </div>
                            <div class="col-md-10">
                                <label class="form-label" for="responsable">Responsable</label>
                                <select class="form-select selectAsset" name="responsable" id="responsable" required>
                                    <option value="{{$ticket->responsable}}">{{$ticket->responsable}}</option>
                                    @foreach($user as $user)
                                    <option value="{{ $user[ 'name'] }}">{{ $user[ 'name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="statusTicket">Tipo de Proceso</label>
                                <select class="form-select selectAsset" name="statusTicket" id="statusTicket" required>
                                    <option value="{{$ticket->statusTicket}}">{{$ticket->statusTicket}}</option>
                                    <option value="Abierto">Abierto</option>
                                    <option value="En Proceso">En Proceso</option>
                                    <option value="Tarea Pendiente">Tarea Pendiente</option>
                                    <option value="Revisión">Revisión</option>
                                    <option value="Cerrado">Cerrado</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="fechaProgramada">Fecha Programada</label>
                                <input class="form-control" type="datetime-local" value="{{ $ticket->fechaProgramada }}" id="fechaProgramada" name="fechaProgramada" required>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label" for="recursos">Recursos</label>
                                <select class="form-select mb-3 recursos" name="recursos[]" id="recursos" multiple="multiple" aria-label="Selecciona recursos">
                                    <option></option>
                                    @foreach($product as $products)
                                    <option value="{{ $products[ 'codigo'] }}  {{ $products[ 'descripcion'] }} ">{{ $products[ 'codigo'] }} {{ $products[ 'descripcion'] }} {{ $products[ 'modelo'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <!-- <div class="col-md-2">
                                <input class="form-check-input" type="checkbox" value="En Proceso" id="ticketEnProceso">
                                <label class="form-check-label" for="ticketEnProceso">
                                    ¿Ticket En Proceso?
                                </label>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label" for="subTareas">Sub Tareas</label>
                                <select id="selectTipoTarea" class="form-select" name="subTarea" id="subTareas">
                                    <option></option>
                                    <option value="Diagnostico">Diagnostico</option>
                                    <option value="Reparación">Reparación</option>
                                    <option value="Instalación">Instalación</option>
                                    <option value="Capacitación">Capacitación</option>
                                    <option value="Desinstalación">Desinstalación</option>
                                </select>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label" for="recursos">Recursos</label>
                                <select class="form-select" name="recursos" id="recursos">
                                    <option></option>
                                    @foreach($product as $product)
                                    <option value="{{ $product[ 'codigo'] }} | {{ $product[ 'descripcion'] }}">{{ $product[ 'codigo'] }} | {{ $product[ 'descripcion'] }}</option>
                                    @endforeach
                                </select>
                            </div> -->
                            <!-- <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="trabajoRealizado" >
                                <label class="form-check-label" for="trabajoRealizado">
                                    ¿Trabajo Realizado?
                                </label>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- Trabajo realizado --->
            <div class="col-md-12">
                <div class=" card card-success">
                    <div class="card-header">
                        <h3 class="card-title">Trabajo realizado.</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-2">
                                <label class="form-label" for="fechaInicio">Fecha Inicio</label>
                                <input class="form-control" type="datetime-local" value="{{ $ticket->fechaInicio }}" id="fechaInicio" name="fechaInicio">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="fechaFinalizacion">Fecha Finalización</label>
                                <input class="form-control" type="datetime-local" value="{{ $ticket->fechaFinalizacion }}" id="fechaFinalizacion" name="fechaFinalizacion">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="tiempoEjecucion">Tiempo Ejecución</label>
                                <input class="form-control" type="number" min="1" max="6" step="1" value="{{ $ticket->tiempoEjecucion }}" id="tiempoEjecucion" name="tiempoEjecucion">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="ticketPadre">Ticket Padre</label>
                                <select id="" class="form-select form-select-md mb-3 selectAsset" size="1" name="ticketPadre">
                                    <option value="{{ $ticket->ticketPadre}}">{{ $ticket->ticketPadre}}</option>
                                    @foreach($ticketPadre as $ticketPadre)
                                    <option value="{{ $ticketPadre[ 'id'] }}">{{ $ticketPadre[ 'id'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Trabajo realizado --->
        </div>
        <br>
    </div>
    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-outline-success" tabindex="25" data-bs-toggle="tooltip" data-bs-placement="top" title="Generar ticket"><i class="fas fa-save"></i> Generar ticket</button>
        </div>
    </div>
</form>
@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">
@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 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://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>
@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({
            allowClear: true,
            theme: "bootstrap4",
            width: '100%'
        });
        $('.recursos').select2({
            placeholder: "Selecciona recursos",
            allowClear: true,
            theme: "bootstrap4",
            maximumSelectionLength: 5,
            width: '100%',
            tags: true,
            tokenSeparators: [',', ' '],
        });
        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