@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Editar Orden de Trabajo | Guiñez Ingeniería')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-8">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Editar Orden de Trabajo </h3>
                    </div>

                    <form id="formularioDeOrdenDeTrabajo" method="POST" action="{{ route('orden-trabajo.update',$ordenDeTrabajo) }}">
                        @csrf
                        @method('put')

                        <div class="card-body">

                            <div class="contenedor-dos-campos-por-fila">
                                <div class="form-group">
                                    <label>Número de Orden de Trabajo</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->numero_orden_trabajo}}" disabled="true">
                                </div>
                                
                                <div class="form-group">
                                    <label for="campoContratoDeLaOrdenDeTrabajo">Contrato</label>
                                    <select onchange="obtenerTodosLosRegistrosDeProyectosDeUnContrato(this)" class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('id_contrato')) input-error-icon @else input-success-icon @endif @endif" id="campoContratoDeLaOrdenDeTrabajo" name="id_contrato" data-live-search="true">
                                        <option value="">--Seleccionar Contrato--</option>
                                        @foreach ($contratos as $contrato)
                                            @if (old('id_contrato',$ordenDeTrabajo->id_contrato) == $contrato->id)
                                                <option selected value="{{ $contrato->id }}">{{ $contrato->numero_contrato }}</option>
                                            @else
                                                @if ($contrato->estado=="Operativo")
                                                    <option value="{{ $contrato->id }}">{{ $contrato->numero_contrato }}</option>
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                    @if ($errors->any())
                                        @error('id_contrato')
                                            <div class="invalid-feedback" style="display: block;">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label>Cliente</label>
                                    <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('id_cliente')) is-invalid @else is-valid @endif @endif" value="{{ $ordenDeTrabajo->cliente->name }}" readonly="true">
                                </div>
                                <input type="hidden" name="id_cliente" value="{{ old('id_cliente', $ordenDeTrabajo->cliente->id) }}">

                                <div class="form-group">
                                    <label for="campoProyectoDeLaOrdenDeTrabajo">Proyecto <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('id_proyecto')) input-error-icon @else input-success-icon @endif @endif" id="campoProyectoDeLaOrdenDeTrabajo" name="id_proyecto" data-live-search="true">
                                        <option value="">--Seleccionar Proyecto--</option>
                                        @foreach ($listadoProyectos as $proyect)
                                            @if (old('id_proyecto', $ordenDeTrabajo->id_proyecto) == $proyect->id)
                                                <option selected value="{{$proyect->id}}">{{$proyect->nombre}}</option>
                                            @else
                                                @if ($proyect->estado=="Operativo")
                                                    <option value="{{$proyect->id}}">{{$proyect->nombre}}</option>
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                    @if ($errors->any())
                                        @error('id_proyecto')
                                            <div class="invalid-feedback" style="display: block;">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label>Servicio</label>
                                    <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('id_servicio')) is-invalid @else is-valid @endif @endif" value="{{ $servicio->nombre }}" readonly="true">
                                </div>
                                <input type="hidden" name="id_servicio" value="{{ old('id_servicio', $servicio->id) }}">

<div class="form-group">
                                    <label for="campoTipoDeServicio">Tipo de Pozo</label>
                                    <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('tipo_servicio')) input-error-icon @else input-success-icon @endif @endif" id="campoTipoDeServicio" name="tipo_servicio" data-live-search="true">
                                        @if (old('tipo_servicio',$ordenDeTrabajo->tipo_servicio) == "Vertical")
                                            <option value="">--Seleccionar Tipo de Pozo--</option>
                                            <option value="Vertical" selected>Vertical</option>
                                            <option value="Drenes">Drenes</option>
                                        @elseif(old('tipo_servicio',$ordenDeTrabajo->tipo_servicio) == "Drenes")
                                            <option value="">--Seleccionar Tipo de Pozo--</option>
                                            <option value="Vertical">Vertical</option>
                                            <option value="Drenes" selected>Drenes</option>
                                        @else
                                            <option value="">--Seleccionar Tipo de Pozo--</option>
                                            <option value="Vertical">Vertical</option>
                                            <option value="Drenes">Drenes</option>
                                        @endif
                                    </select>
                                    @if ($errors->any())
                                        @error('tipo_servicio')
                                            <div class="invalid-feedback" style="display: block;">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="campoAreaDeLaOrdenDeTrabajo">Área/Sector</label>
                                    <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('id_area')) input-error-icon @else input-success-icon @endif @endif" id="campoAreaDeLaOrdenDeTrabajo" name="id_area" data-live-search="true">
                                        <option value="">--Seleccionar Área/Sector--</option>
                                        @foreach ($areas as $area)
                                            @if (old('id_area', $ordenDeTrabajo->id_area) == $area->id)
                                                <option selected value="{{ $area->id }}">{{ $area->nombre }}</option>
                                            @else
                                                @if ($area->estado=="Operativo")
                                                    <option value="{{ $area->id }}">{{ $area->nombre }}</option>
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                    @if ($errors->any())
                                        @error('id_area')
                                            <div class="invalid-feedback" style="display: block;">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>

                                @if ($servicio->nombre=="Sondajes")
                                    <div class="form-group">
                                        <label>Sistema de Referencia de Origen</label>
                                        <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('sistema_referencia_origen')) is-invalid @else is-valid @endif @endif" name="sistema_referencia_origen" value="{{ old('sistema_referencia_origen', $ordenDeTrabajo->sistema_referencia_origen) }}" readonly="true">
                                    </div>

                                    <div class="form-group">
                                        <label for="campoSistemaDeProyeccionDeLaOrdenDeTrabajo">Sistema de Proyección</label>
                                        <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('sistema_proyeccion')) input-error-icon @else input-success-icon @endif @endif" id="campoSistemaDeProyeccionDeLaOrdenDeTrabajo" name="sistema_proyeccion" data-live-search="true" onchange="establecerValorDelCampoSistemaProyeccionVisualizacion(this)">
                                            @if (old('sistema_proyeccion',$ordenDeTrabajo->sistema_proyeccion) == "Local")
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local" selected>Local</option>
                                                <option value="UTM">UTM</option>
                                            @elseif(old('sistema_proyeccion',$ordenDeTrabajo->sistema_proyeccion) == "UTM")
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local">Local</option>
                                                <option value="UTM" selected>UTM</option>
                                            @else
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local">Local</option>
                                                <option value="UTM">UTM</option>
                                            @endif
                                        </select>
                                        @if ($errors->any())
                                            @error('sistema_proyeccion')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div>
    
                                    <div class="form-group">
                                        <label>Conversión a</label>
                                        <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('sistema_proyeccion_visualización')) is-invalid @else is-valid @endif @endif" id="campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo" name="sistema_proyeccion_visualización" value="{{ old('sistema_proyeccion_visualización', $ordenDeTrabajo->sistema_proyeccion_visualización) }}" readonly="true">
                                        @if ($errors->any())
                                            @error('sistema_proyeccion_visualización')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div>
                                @elseif($servicio->nombre=="Pilas")
                                    <div class="form-group">
                                        <label>Sistema de Proyección</label>
                                        <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('sistema_proyeccion')) is-invalid @else is-valid @endif @endif" id="campoSistemaDeProyeccionDeLaOrdenDeTrabajo" name="sistema_proyeccion" value="{{ old('sistema_proyeccion','Local') }}" readonly="true">
                                        @if ($errors->any())
                                            @error('sistema_proyeccion')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div>
    
                                    <div class="form-group">
                                        <label>Conversión a</label>
                                        <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('sistema_proyeccion_visualización')) is-invalid @else is-valid @endif @endif" id="campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo" name="sistema_proyeccion_visualización" value="{{ old('sistema_proyeccion_visualización','Local') }}" readonly="true">
                                        @if ($errors->any())
                                            @error('sistema_proyeccion_visualización')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div> 
                                @elseif($servicio->nombre=="Calicatas")
                                    <div class="form-group">
                                        <label for="campoSistemaDeProyeccionDeLaOrdenDeTrabajo">Sistema de Proyección</label>
                                        <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('sistema_proyeccion')) input-error-icon @else input-success-icon @endif @endif" id="campoSistemaDeProyeccionDeLaOrdenDeTrabajo" name="sistema_proyeccion" data-live-search="true" onchange="establecerValorDelCampoSistemaProyeccionVisualizacion(this)">
                                            @if (old('sistema_proyeccion',$ordenDeTrabajo->sistema_proyeccion) == "Local")
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local" selected>Local</option>
                                                <option value="UTM">UTM</option>
                                            @elseif(old('sistema_proyeccion',$ordenDeTrabajo->sistema_proyeccion) == "UTM")
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local">Local</option>
                                                <option value="UTM" selected>UTM</option>
                                            @else
                                                <option value="">--Seleccionar Sistema de Proyección--</option>
                                                <option value="Local">Local</option>
                                                <option value="UTM">UTM</option>
                                            @endif
                                        </select>
                                        @if ($errors->any())
                                            @error('sistema_proyeccion')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div>
    
                                    <div class="form-group">
                                        <label>Conversión a</label>
                                        <input type="text" class="form-control @if ($errors->any()) @if ($errors->has('sistema_proyeccion_visualización')) is-invalid @else is-valid @endif @endif" id="campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo" name="sistema_proyeccion_visualización" value="{{ old('sistema_proyeccion_visualización','Local') }}" readonly="true">
                                        @if ($errors->any())
                                            @error('sistema_proyeccion_visualización')
                                                <div class="invalid-feedback" style="display: block;">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        @endif
                                    </div> 
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="descripcion">Descripción <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <textarea class="form-control @if ($errors->any()) @if ($errors->has('descripcion')) is-invalid @else is-valid @endif @endif" name="descripcion" rows="3">{{ old('descripcion',$ordenDeTrabajo->descripcion) }}</textarea>
                                @if ($errors->any())
                                    @error('descripcion')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                @endif
                            </div>

                            <div class="contenedor-dos-campos-por-fila">
                                <div class="form-group">
                                    <label>Fecha Inicio</label>
                                    <input type="date" class="form-control @if ($errors->any()) @if ($errors->has('fecha_inicio')) is-invalid @else is-valid @endif @endif" name="fecha_inicio" value="{{ old('fecha_inicio',$ordenDeTrabajo->fecha_inicio) }}">
                                    @if ($errors->any())
                                        @error('fecha_inicio')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="campoEstadoDeLaOrdenDeTrabajo">Estado</label>
                                    <select class="form-control lista-despegable-con-buscador @if ($errors->any()) @if ($errors->has('estado')) input-error-icon @else input-success-icon @endif @endif" id="campoEstadoDeLaOrdenDeTrabajo" name="estado" data-live-search="true">
                                        @if (old('estado',$ordenDeTrabajo->estado) == 'Abierto')
                                            <option value="">--Seleccionar Estado--</option>
                                            <option value="Abierto" selected>Abierto</option>
                                            <option value="Cerrado">Cerrado</option>
                                        @elseif(old('estado',$ordenDeTrabajo->estado) == 'Cerrado')
                                            <option value="">--Seleccionar Estado--</option>
                                            <option value="Abierto">Abierto</option>
                                            <option value="Cerrado" selected>Cerrado</option>
                                        @else
                                            <option value="">--Seleccionar Estado--</option>
                                            <option value="Abierto">Abierto</option>
                                            <option value="Cerrado">Cerrado</option>
                                        @endif
                                    </select>
                                    @if ($errors->any())
                                        @error('estado')
                                            <div class="invalid-feedback" style="display: block;">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" onclick="EnviarCamposParaProcesarlo()" class="btn btn-aspen" id="botonDeEdicion"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Orden de Trabajo </button>
                            @if (Gate::check('orden-trabajo.index')  || Gate::check('orden-trabajo.index-creadas'))
                                @if (Gate::check('orden-trabajo.index-cliente') || Gate::check('orden-trabajo.index-creadas-cliente'))
                                    @if ($servicio->nombre=="Sondajes")
                                        <a href="{{ route('orden-trabajo.index',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                    @elseif($servicio->nombre=="Pilas")
                                        <a href="{{ route('orden-trabajo.index-pila',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                    @endif  
                                @else   
                                    @if ($servicio->nombre=="Sondajes")
                                        <a href="{{ route('orden-trabajo.index',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                    @elseif($servicio->nombre=="Pilas")
                                        <a href="{{ route('orden-trabajo.index-pila',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                    @endif  
                                @endif
                            @elseif(Gate::check('orden-trabajo.index-cliente') || Gate::check('orden-trabajo.index-creadas-cliente')) 
                                @if ($servicio->nombre=="Sondajes")
                                    <a href="{{ route('orden-trabajo.index-cliente',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                @elseif($servicio->nombre=="Pilas")
                                    <a href="{{ route('orden-trabajo.index-cliente-pila',$servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                @endif  
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/generico.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/generico.js') }}"></script>
    <script>
        $('#campoContratoDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false,
        });
        $('#campoProyectoDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false
        });
        $('#campoAreaDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false
        });
        $('#campoReferenciaDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false
        });
        $('#campoEstadoDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false
        });
        $('#campoSistemaDeProyeccionDeLaOrdenDeTrabajo').selectpicker({
            dropupAuto: false
        });
        $('#campoTipoDeServicio').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        function obtenerTodosLosRegistrosDeProyectosDeUnContrato(contrato) {
            let proyectoSeleccionado='{{old('id_proyecto')}}';
            let idContrato = contrato.value;
            if (idContrato.length > 0) {
                let url = '{{ route('proyecto.obtener-registros-contrato', [':idContrato']) }}';
                url = url.replace(':idContrato', idContrato);
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    async: false,
                    cache: false,
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        document.getElementById("campoProyectoDeLaOrdenDeTrabajo").innerHTML = '<option value="">--Seleccionar Proyecto--</option>';
                        data.forEach(elemento => {
                            document.getElementById("campoProyectoDeLaOrdenDeTrabajo").innerHTML += '<option value="' + elemento.id + '">' + elemento.nombre + '</option>';
                        });
                        $("#campoProyectoDeLaOrdenDeTrabajo").selectpicker("refresh");
                        $('#campoProyectoDeLaOrdenDeTrabajo').selectpicker('val', "");
                        if(proyectoSeleccionado!="" && proyectoSeleccionado!=null && proyectoSeleccionado!=undefined){
                            $('#campoProyectoDeLaOrdenDeTrabajo').selectpicker('val', proyectoSeleccionado);
                        }
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("campoProyectoDeLaOrdenDeTrabajo").innerHTML = '<option value="">--Seleccionar Proyecto--</option>';
                $("#campoProyectoDeLaOrdenDeTrabajo").selectpicker("refresh");
                $('#campoProyectoDeLaOrdenDeTrabajo').selectpicker('val', "");
            }
        }

        function EnviarCamposParaProcesarlo() {
            document.getElementById("botonDeEdicion").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";
            document.getElementById("formularioDeOrdenDeTrabajo").submit();
        }

        function establecerValorDelCampoSistemaProyeccionVisualizacion(campo){
            if(campo.value=="Local"){
                document.getElementById("campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo").value="UTM";
            }else if(campo.value=="UTM"){
                document.getElementById("campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo").value="Local";
            }else{
                document.getElementById("campoSistemaDeProyeccionDeVisualizacionDeLaOrdenDeTrabajo").value="";
            }
        }
    </script>

    @if (old('id_contrato') != null && old('id_contrato') != '')
        <script>
            obtenerTodosLosRegistrosDeProyectosDeUnContrato(document.getElementById("campoContratoDeLaOrdenDeTrabajo"))
        </script>
    @endif

    @if (session('alerta') != null)
        <script>
            Swal.fire({
                icon: 'success',
                title: '¡Orden de Trabajo Editada!',
                text: '{{ session('alerta') }}',
                confirmButtonColor: "#448aff",
                confirmButtonText: "Confirmar"
            })
        </script>
    @endif
@stop