@extends('layout')

@section('titulo')
    Todos las asignaciones
@endsection

@section('pagina')
    Asignacion de trabajos
@endsection

@section('contenido')
    @push('styles')
        @livewireStyles
    @endpush

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="stylesheet" href="{{ asset('css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery.dataTables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/miestilo.css') }}">
    <script type="text/javascript" src="{{ asset('js/consultaReasignacion.js') }}"></script>
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('js/dataTables.responsive.min.js') }}"></script>


    <style>
        .modal-dialog1 {
            max-width: 90%;
            margin: 1.75rem auto;
        }

        .spanner {
            position: absolute;
            top: 50%;
            left: 0;
            background: #2a2a2a8c;
            width: 100%;
            display: block;
            text-align: center;
            height: 40%;
            color: #FFF;
            transform: translateY(-50%);
            z-index: 1000;
            visibility: hidden;

        }

        .loader,
        .loader:before,
        .loader:after {
            border-radius: 50%;
            width: 2.5em;
            height: 2.5em;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation: load7 1.8s infinite ease-in-out;
            animation: load7 1.8s infinite ease-in-out;
        }

        .loader {
            color: #ffffff;
            font-size: 10px;
            margin: 80px auto;
            position: relative;
            text-indent: -9999em;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }

        .loader:before,
        .loader:after {
            content: '';
            position: absolute;
            top: 0;
        }

        .loader:before {
            left: -3.5em;
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .loader:after {
            left: 3.5em;
        }

        @-webkit-keyframes load7 {

            0%,
            80%,
            100% {
                box-shadow: 0 2.5em 0 -1.3em;
            }

            40% {
                box-shadow: 0 2.5em 0 0;
            }
        }

        @keyframes load7 {

            0%,
            80%,
            100% {
                box-shadow: 0 2.5em 0 -1.3em;
            }

            40% {
                box-shadow: 0 2.5em 0 0;
            }
        }

        .show {
            visibility: visible;
        }

        .spanner,
        .overlay {
            opacity: 0;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .spanner.show,
        .overlay.show {
            opacity: 1
        }

        .hide {
            visibility: none;
        }
    </style>

    <div class="row">

        <div class="col-md-12 col-lg-12" style="float:right">
            @foreach ($errors->all() as $error)
                {{ $error }}
            @endforeach
            @if (session()->has('info'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>Error de asignación:</strong> {{ session('info') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @if (session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>Información:</strong> {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

        </div>
    </div>

    <div class="row">
        <div class="form-group col-md-12" style="padding: 5px 40px 0px 40px">
            <h2>ORDENES COMERCIAL DEB</h2>
        </div>
    </div>


    <div class="row">
        <div class="form-group col-md-12">

            <form action="{{ route('reporte.descarga2') }}" method="post">
                @csrf
                <div class="form-row">

                    <div class="form-group col-md-3">
                        BUTTON
                        <button>dESCARGAR</button>
                    </div>
                    <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Número de trabajo</div>
                            </div>
                            <input type="number" id="numTrabajoHoy" class="form-control" id="inlineFormInputGroup"
                                name="numTrabajoHoy" value="{{ @old('numTrabajoHoy') }}" />
                        </div>
                    </div>
                    {{--  <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Jefe de cuadrilla</div>
                            </div>

                            <select class="form-control" multiple="multiple" id='selectorjefeCuadrilla'
                                name='selectorjefeCuadrilla' value="{{ @old('selectorjefeCuadrilla') }}"
                                style="width:50%">
                            </select>
                            {!! $errors->first('selectorjefeCuadrilla', '<span class="error">:message</span>') !!}

                        </div>
                    </div>  --}}

                    <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Inmueble</div>
                            </div>
                            <input type="text" id="inmueble" class="form-control upper" name="inmueble"
                                value="{{ @old('inmueble') }}" />
                        </div>
                    </div>

                    <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Fecha inicio</div>
                            </div>
                            <input type="date" class="form-control datepicker" name="start_date" id="start_date"
                                value="{{ @old('start_date') }}">

                            <input type="hidden" id="sesion" class="form-control" name="sesion"
                                value="{{ Auth::user()->idemployee }}" readonly />
                        </div>
                    </div>


                </div>



                <div class="form-row">

                    {{--  <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Estado actual</div>
                            </div>
                            <input type="hidden" id="estadoActualHoy" class="form-control upper" name="estadoActualHoy"
                                value="{{ @old('estadoActualHoy') }}" />

                            <select class="form-control" multiple="multiple" id='selectorEstatus' name='selectorEstatus'
                                value="{{ @old('selectorEstatus') }}" style="width:58%">
                            </select>
                            {!! $errors->first('selectorEstatus', '<span class="error">:message</span>') !!}
                        </div>

                    </div>  --}}



                    <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Tipo de reporte</div>
                            </div>
                            <input type="hidden" id="tipoReporte" class="form-control upper" name="tipoReporte"
                                value="{{ @old('tipoReporte') }}" />

                            <select class="form-control" multiple="multiple" id='selectorTipoTrabajo'
                                name='selectorTipoTrabajo' value="{{ @old('selectorTipoTrabajo') }}" style="width:58%">
                            </select>
                            {!! $errors->first('selectorTipoTrabajo', '<span class="error">:message</span>') !!}
                        </div>

                    </div>

                    <div class="form-group col-md-3">
                        <button type="text" onclick="busquedaTrabajos(event)" id="btnFiterSubmitSearchHoy"
                            name="btnFiterSubmitSearchHoy" class="btn btn-info margen" title="Búscar">
                            <i class="fas fa-search"></i>
                        </button>

                        <button type="reset" class="btn btn-info margen" title="Actualizar">
                            <i class="fas fa-redo"></i>
                        </button>

                        <button
                            style="width: 35px;height: 35px; background-image: url(
                                                {{ asset('images/x1.png') }}
                                                                            );"
                            type="submit" id="btnPrint" name="btnPrint" class="btn margen" title="Imprimir PDF">

                        </button>

                        <button
                            style="width: 35px;height: 35px; background-image: url(
                                                                            {{ asset('images/x2.png') }}
                                                                            );"
                            id="btnPrintExcel" onclick="imprimirExcel(event)" name="btnPrintExcel" class="btn margen"
                            title="Imprimir Excel">
                        </button>
                    </div>


                    <div class="form-group col-md-3">

                    </div>

                    <div class="form-group col-md-3" style="display: none">

                    </div>

                    <div class="form-group col-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">Fecha final</div>
                            </div>
                            <input type="date" class="form-control datepicker" name="final_date" id="final_date"
                                value="{{ @old('final_date') }}">
                        </div>
                    </div>
                    <div class="form-group col-md-3">

                    </div>
                    <div class="form-group col-md-3">

                    </div>

                    <div class="form-group col-md-3">

                    </div>





                    <div class="form-group col-md-3">


                    </div>
                </div>

                <div class="row" id="container-bache"
                    style="display:none;background-color:#dfdfdf;padding:10px;margin-bottom:20px">
                    <div class="form-group col-md-12">

                        <div class="form-group col-md-3">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">Numero o Referencia</div>
                                </div>
                                <input type="text" id="referencia-num" class="form-control upper"
                                    name="referencia-num" value="{{ @old('referencia-num') }}" />
                            </div>
                        </div>

                        <div class="form-group col-md-6">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">(LARGO) Valor min</div>
                                </div>

                                <input type="number" id="min-value" class="form-control upper" name="min-value"
                                    value="{{ @old('min-value') }}" />

                                <div class="input-group-prepend">
                                    <div class="input-group-text">Valor max</div>
                                </div>

                                <input type="number" id="max-value" class="form-control upper" name="max-value"
                                    value="{{ @old('max-value') }}" />


                            </div>
                        </div>


                    </div>
                </div>

            </form>


            <div class="row">
                <div class="form-group col-md-6" style="text-align:right">
                    <h4>Capturado en agua procesos</h4>
                    <a id="terminarMasiva" onclick="terminarOrdenes(event)" style="color:white"
                        class='btn btn-info'>Finalizar</a>
                </div>
            </div>


            <table class="table table-hover responsive display" id="asignacionesHoy2" style="width:95%">
                <thead class="thead-dark">
                    <tr>
                        <th data-priority="1">Número de trabajo</th>
                        <th data-priority="1"> <a id="cancelarMasiva" onclick="cancelarOrdenes(event)"
                                class='btn btn-success btn-sm'>Cancelar</a></th>
                        <th data-priority="1">Estado</th>
                        <th data-priority="1">Operador</th>
                        <th data-priority="1">Inmueble</th>
                        <th data-priority="1">Tipo de Trabajo</th>
                        <th data-priority="1">Colonia</th>
                        <th data-priority="1">Calle</th>
                        <th data-priority="1">Salidas</th>
                        <th data-priority="2">Número</th>
                        <th data-priority="2">Fecha Agua Procesos</th>
                        <th data-priority="2">Fecha (Inicio captura movil)</th>
                        <th data-priority="2">Fecha Finalización</th>
                        <th data-priority="1"><a id="reactivarMasiva" onclick="reactivarOrdenes(event)"
                                class='btn btn-success btn-sm'>Reactivar</a></th>
                        <th data-priority="1"><a id="reasignarMasiva" class='btn btn-success btn-sm'>Reasignar</a></th>
                        <th data-priority="1">Convenio</th>
                        {{--  <th data-priority="1">Visualizar</th>
                        <th>Localidad</th>
                        <th>Terminado por:</th>
                        <th>Pasar a Actualizar</th>
                        <th>Pasar a Pendiente</th>  --}}
                        <th data-priority="3">Material</th>
                        <th>Observacion</th>
                        <th>nombreFoto</th>
                        <th data-priority="1">Adeudo</th>

                    </tr>
                </thead>


            </table>

        </div>
    </div>



    <div class="modal addBookDialogR" id="addBookDialogR" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="width:100%">

                <form action="{{ route('api.reasignacionesc') }}" method="post">
                    @csrf

                    <div class="modal-header">
                        <h5 class="modal-title">Reasignación de trabajo</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">


                        <div class="row">
                            <div class="col-md-3 col-lg-3">
                                <label for="numTrabajoR">Número de trabajo</label>
                                <input type="text" id="numTrabajoR" class="form-control" name="numTrabajoR"
                                    value="{{ @old('numTrabajoR') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="capturista">Capturista</label>
                                <input type="text" id="capturista" class="form-control" name="capturista"
                                    value="{{ @old('capturista') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="estadoR">Estado actual</label>
                                <input type="text" id="estadoR" class="form-control" name="estadoR"
                                    value="{{ @old('estadoR') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="calleR">Calle</label>
                                <input type="text" id="calleR" class="form-control" name="calleR"
                                    value="{{ @old('calleR') }}" readonly />
                            </div>




                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idTrabajoR" class="form-control" name="idTrabajoR"
                                    value="{{ @old('idTrabajoR') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idCapturista" class="form-control" name="idCapturista"
                                    value="{{ @old('idCapturista') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idColonia" class="form-control" name="idColonia"
                                    value="{{ @old('idColonia') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idLocalidad" class="form-control" name="idLocalidad"
                                    value="{{ @old('idLocalidad') }}" readonly />
                            </div>



                        </div>
                        <div class="row">
                            <div class="col-md-3 col-lg-3">
                                <label for="coloniaR">Colonia</label>
                                <input type="text" id="coloniaR" class="form-control" name="coloniaR"
                                    value="{{ @old('coloniaR') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="localidadR">Localidad</label>
                                <input type="text" id="localidadR" class="form-control" name="localidadR"
                                    value="{{ @old('localidadR') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="fechaAsignada">Fecha asignada</label>
                                <input type="text" id="fechaAsignada" class="form-control" name="fechaAsignada"
                                    value="{{ @old('fechaAsignada') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <label for="asignacionPrevia">Asignado actualmente a:</label>
                                <input type="text" id="asignacionPrevia" class="form-control" name="asignacionPrevia"
                                    value="{{ @old('asignacionPrevia') }}" readonly />
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-12 col-lg-12">
                                <label for="idmsR">Asignar a.</label>
                                <select style="width:100%" class="form-control js-example-basic-single" id='idmsR'
                                    name='idmsR' value="{{ @old('idmsR') }}">
                                    <option value=''>SELECCIONAR TRABAJADOR </option>
                                </select>
                                {!! $errors->first('idmsR', '<span class="error">:message</span>') !!}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-lg-12">
                                <label for="comentario">Comentario</label>
                                <input type="text" id="comentario" class="form-control" name="comentario"
                                    value="{{ @old('comentario') }}" />
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-md-12 col-lg-12">
                                <label for="idmsR">Fecha de asignación (Si no se selecciona fecha, se tomará la fecha de
                                    hoy
                                    por defecto)</label>
                                <input type="date" class="form-control datepicker" name="fecha" id="fecha"
                                    value="{{ @old('fecha') }}">
                            </div>
                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="submit" id="btnReasignar" class="btn btn-info ">Reasignar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>


                </form>


            </div>
        </div>
    </div>

    <div class="modal addBookDialogV" id="addBookDialogV" role="dialog">
        <div class="modal-dialog1" role="document">
            <div class="modal-content" style="width:100%">

                <form action="{{ route('api.terminacion') }}" method="post">
                    @csrf

                    <div class="modal-header">
                        <h5 class="modal-title">Información general del trabajo </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6 col-lg-6">
                                <input type="text" style="font-size:20px;border:0px;color:#000000d6" id="trabclase"
                                    class="form-control" name="trabclase" value="{{ @old('trabclase') }}" readonly />
                            </div>
                            <div class="col-md-6 col-lg-6">

                                <div class="input-group" style="margin-bottom: 10px">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text"
                                            style="border: 0px; background: #fff; font-weight:500; font-size: 17px; color: #000000c7">
                                            Número de trabajo:</div>
                                    </div>
                                    <input type="text"
                                        style="border: 0px;color: #0c4b6f;font-size:20px; font-weight:500"
                                        id="numTrabajoI" class="form-control" name="numTrabajoI"
                                        value="{{ @old('numTrabajoI') }}" readonly />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3 col-lg-3">
                                <label for="calleI"
                                    style="font-weight: 500;margin-left:5px; margin-top:5px;margin-bottom:1px">Calle</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="calleI"
                                    class="form-control" name="calleI" value="{{ @old('calleI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label for="numvI"
                                    style="font-weight: 500;margin-left:5px; margin-top:5px;margin-bottom:1px">Referencia</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="numvI"
                                    class="form-control" name="numvI" value="{{ @old('numvI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label for="capturistaI"
                                    style="font-weight: 500;margin-left:5px; margin-top:5px;margin-bottom:1px">Capturista</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="capturistaI"
                                    class="form-control" name="capturistaI" value="{{ @old('capturistaI') }}"
                                    readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label for="estadoI"
                                    style="font-weight: 500;margin-left:5px; margin-top:5px;margin-bottom:1px">Estado
                                    actual</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="estadoI"
                                    class="form-control" name="estadoI" value="{{ @old('estadoI') }}" readonly />
                            </div>

                        </div>

                        <div class="row">

                            <div class="col-md-3 col-lg-3">
                                <label for="coloniaI"
                                    style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px">Colonia</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="coloniaI"
                                    class="form-control" name="coloniaI" value="{{ @old('coloniaI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="localidadI">Localidad</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="localidadI"
                                    class="form-control" name="localidadI" value="{{ @old('localidadI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="fechaAsignadaI">Fecha asignada</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="fechaAsignadaI"
                                    class="form-control" name="fechaAsignadaI" value="{{ @old('fechaAsignadaI') }}"
                                    readonly />
                            </div>

                            <div class="col-md-3 col-lg-3">
                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="asignacionPreviaI">Asignado actualmente a:</label>
                                <input type="text" style="color:#000000e0; font-size:15px" id="asignacionPreviaI"
                                    class="form-control" name="asignacionPreviaI"
                                    value="{{ @old('asignacionPreviaI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idTrabajoI" class="form-control" name="idTrabajoI"
                                    value="{{ @old('idTrabajoI') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3" style="display:none;">

                                <input type="text" id="idCapturistaI" class="form-control" name="idCapturistaI"
                                    value="{{ @old('idCapturistaI') }}" readonly />
                            </div>
                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idColoniaI" class="form-control" name="idColoniaI"
                                    value="{{ @old('idColoniaI') }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idEmpleadoInt" class="form-control" name="idEmpleadoInt"
                                    value="{{ auth()->user()->name }}" readonly />
                            </div>

                            <div class="col-md-3 col-lg-3" style="display:none">

                                <input type="text" id="idLocalidadI" class="form-control" name="idLocalidadI"
                                    value="{{ @old('idLocalidadI') }}" readonly />
                            </div>

                        </div>

                        <!-- table -->

                        <!---->
                        <div class="row">
                            <div class="col-md-6 col-lg-6" style="margin-top:10px">
                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="caract">Caracteristicas</label>
                                <!--<input type="text" id="caract" class="form-control" name="caract" value="{{ @old('caract') }}" readonly/>-->

                                <textarea style="color:#000000e0; font-size:15px" class="form-control" readonly rows="10'" id="caract"
                                    name="caract"></textarea>

                            </div>

                            <div class="col-md-6 col-lg-6" style="margin-top:20px">
                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="incidencia">Comentario del trabajo posterior a dar seguimiento y Tipo de
                                    trabajo</label>

                                <input style="color:#000000e0; font-size:15px" type="text" id="incidencia"
                                    class="form-control" name="incidencia" value="{{ @old('incidencia') }}" readonly />

                                <label style="font-weight: 500;margin-left:5px;margin-top:5px; margin-bottom:1px"
                                    for="incidencia">Observación</label>

                                <!-- <input style="color:#000000e0; font-size:15px" type="text" id="incidencia2"
                                        class="form-control" name="incidencia2" value="{{ @old('incidencia2') }}"
                                        readonly />-->

                                <textarea style="color:#000000e0; font-size:15px" class="form-control" readonly rows="10'" id="incidencia2"
                                    name="incidencia2"></textarea>

                                <div class="row">
                                    <div class="col-md-3 col-lg-3" style="margin-top:20px">
                                        <button type="text"
                                            style="background-color:rgb(3 144 193); color: #fff; font-weight:500"
                                            title="Historial de seguimiento" class="btn btn-light btn-rounded"
                                            id="btnHistorialS" onclick="mostrarHistorial(event)">Historial de
                                            seguimiento</button>
                                    </div>

                                    <div class="card col-md-9 col-lg-9" id="Seguimiento"
                                        style="display: none;margin-bottom:0px">
                                        <div class="card-body">
                                            <table class="table">
                                                <thead class="bg-inverse text-white">
                                                    <th style="background-color: #0390c1">Número anterior</th>
                                                    <th style="background-color: #022e4a">Número posterior</th>
                                                </thead>
                                                <tbody class="border">
                                                    <td>

                                                        <input type="text" id="tTrabajo" class="form-control"
                                                            name="tTrabajo" value="{{ @old('tTrabajo') }}" readonly />
                                                        <input type="hidden" id="tTrabajo1" class="form-control"
                                                            name="tTrabajo1" value="{{ @old('tTrabajo1') }}" readonly />

                                                    </td>


                                                    <td><input type="text" id="nTrabajo" class="form-control"
                                                            name="nTrabajo" value="{{ @old('nTrabajo') }}" readonly />
                                                    </td>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-6 col-lg-6" style="margin-top:20px">

                                <div id="carousel" class="carousel slide" data-ride="carousel">

                                    <ol class="carousel-indicators"></ol>
                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner"
                                        style="
                                                            height: 500px;">
                                    </div>
                                    <!-- Controls -->
                                    <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon"></span>
                                    </a>
                                    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon"></span>
                                    </a>
                                </div>

                            </div>

                            <div class="col-md-6 col-lg-6" style="margin-top:20px;">
                                <div id="map" style="height:100%"></div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">

                        <button type="text" title="Invalidar" class="btn btn-danger btn-circle"
                            id="btnTerminarI">X</button>

                        @if (Auth::user()->idemployee == 900139 ||
                                Auth::user()->idemployee == 900162 ||
                                Auth::user()->idemployee == 900138 ||
                                Auth::user()->idemployee == 900140)
                            <div class="row">
                                <div class="col-md-12 col-lg-12" id="todo">
                                    <label id="lblFinal" for="idFinaT">FINALIZAR TRABAJO.</label>
                                    <select style="width: 100%" class="form-control js-example-basic-single"
                                        id='idFinaT' name='idFinaT' value="{{ @old('idFinaT') }}">
                                        <option value=''>SELECCIONAR TIPO DE FINALIZACIÓN </option>
                                    </select>
                                    {!! $errors->first('idFinaT', '<span class="error">:message</span>') !!}
                                </div>
                            </div>



                            <div class="col-md-3 col-lg-3">

                                <div id="terminadoGlobal" style="display: none">

                                    <input type="text" id="comentarioTrabajos" class="form-control"
                                        name="comentarioTrabajos" value="{{ @old('comentarioTrabajos') }}"
                                        placeholder="Capturar comentario" />

                                    <button class="btn btn-info" id="btnFinzalizacion">Terminar</button>

                                </div>

                                <div id="terminadoActualizar" style="display: none">
                                    <div class="col-md-12 col-lg-12">
                                        <label id="lblTipoTrabajo2" for="idmsR3">Tipo de trabajo.</label>
                                        <select class="form-control js-example-basic-single" id='idmsR3'
                                            name='idmsR3' value="{{ @old('idmsR3') }}">
                                            <option value=''>SELECCIONAR NUEVO TRABAJO </option>
                                        </select>
                                        {!! $errors->first('idmsR3', '<span class="error">:message</span>') !!}
                                    </div>
                                    <div class="col-md-12 col-lg-12">
                                        <label id="lblComentario2" for="comentarioNuevo2">Comentario.</label>
                                        <input type="text" id="comentarioNuevo2" class="form-control upper"
                                            id="inlineFormInputGroup" name="comentarioNuevo2"
                                            placeholder="Capturar comentario" value="{{ @old('comentarioNuevo2') }}" />
                                    </div>

                                    <div class="col-md-12 col-lg-12">
                                        <label id="lblTrabajo2" for="nuevoTrabajo2">Número de trabajo.</label>
                                        <input type="text" id="nuevoTrabajo2" class="form-control upper"
                                            id="inlineFormInputGroup" name="nuevoTrabajo2"
                                            placeholder="Capturar número de trabajo"
                                            value="{{ @old('nuevoTrabajo2') }}" />
                                    </div>

                                    <div class="col-md-12 col-lg-12">
                                        <button style="margin-top: 10px" class="btn btn-info"
                                            id="btnTerminar2">Terminar</button>
                                    </div>

                                </div>

                            </div>
                        @endif

                        <div id="divTrabajo">
                            <label id="lblTipoTrabajo" for="idmsR2">Tipo de trabajo.</label>
                            <select class="form-control js-example-basic-single" id='idmsR2' name='idmsR2'
                                value="{{ @old('idmsR2') }}">
                                <option value=''>SELECCIONAR NUEVO TRABAJO </option>
                            </select>
                            {!! $errors->first('idmsR2', '<span class="error">:message</span>') !!}
                        </div>

                        <div class="col-md-3 col-lg-3">
                            <label id="lblComentario" for="comentarioNuevo">Comentario.</label>
                            <input type="text" id="comentarioNuevo" class="form-control upper"
                                id="inlineFormInputGroup" name="comentarioNuevo" placeholder="Capturar comentario"
                                value="{{ @old('comentarioNuevo') }}" />
                        </div>

                        <div class="col-md-3 col-lg-3">
                            <label id="lblTrabajo" for="nuevoTrabajo">Número de trabajo.</label>
                            <input type="text" id="nuevoTrabajo" class="form-control upper" id="inlineFormInputGroup"
                                name="nuevoTrabajo" placeholder="Capturar número de trabajo"
                                value="{{ @old('nuevoTrabajo') }}" />
                        </div>

                        <button type="submit" class="btn btn-info" id="btnTerminar">Terminar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>

                    </div>

                </form>

            </div>
        </div>
    </div>

    <div class="modal addBookDialogConvenio" id="addBookDialogConvenio" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="width:100%">

                <form action="" method="post">
                    @csrf

                    <div class="modal-header">
                        <h5 class="modal-title">Convenio</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12 col-lg-12">
                                <livewire:convenio />
                            </div>
                            <div class="col-md-6 col-lg-6">
                                2
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>


                </form>


            </div>
        </div>
    </div>





    <script type="text/javascript" charset="utf8" src="{{ asset('js/jquery.dataTables.js') }}"></script>


    <style>
        #map {
            height: 500px;
            width: 100%;
        }
    </style>




    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCe80QyakqMJd_s_4Lq2eFvWpRGHLYTc9A&callback=initMap">
    </script>



    <script src="{{ asset('js/consultas2.js') }}"></script>

    @push('scripts')
        @livewireScripts
    @endpush
@endsection