@extends('layouts.app')


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




@section('content')

<div class="container">

    <!-- Modal -->
    @include('parciales.modal_cargando')
    @yield('Modalcarga')

    
    {{-- <div class="modal fade" id="modalcargando" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modalcargandoLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="modalcargandoLabel">Por Favor espere..</h5>
            
            </div>
            <div class="modal-body">
                <label for="">En estos momentos estamos guardando la información suministrada</label>
                <center>
                    <img class="img-fluid" src="../../images/cargando.gif" alt="">
                </center>
            </div>
            <div class="modal-footer">
            
            <span>Cartec</span>
            </div>
        </div>
        </div>
    </div> --}}

    
    <!-- Form wizard with icon tabs section start -->
    {{-- <button class="btn" onclick="abrirmodalcarga()">aqui</button> --}}
    <section id="info-tabs-">
        <div class="row justify-content-center">
            <div class="col-md-10 col-sm-12">
                <div class="card icon-tab shadow-sm">
                    <div class="card-header">
                        <button id="navazul" onclick="ocultarNavAzul('{{$nomenu}}')" style="display: none">nav</button>
                        <label class="lead" >Orden de Servicio</label><br>
                        <span>Patente: <strong style="text-transform: uppercase;">{{$infoPatente->patente}}</strong> </span>
                        <span class="float-right">OTN: <strong style="text-transform: uppercase;">{{$otnZ}}</strong> </span>
                    
                    </div>
                    <div class="card-content mt-2">
                        <div class="card-body mt-4">
                            
                            <form method="POST" action="{{ route('servinstall') }}"  id="ServInstall" enctype="multipart/form-data" class="wizard-validation">
                                @csrf
                                <!-- Step 1 -->
                                <h6>
                                <i class="step-icon"></i>
                                {{-- <span class="fonticon-wrap py-0">
                                    <i class="livicon-evo py-0"
                                    data-options="name:dashboard.svg; style:lines; strokeColor:#4981BE;"></i>
                                </span> --}}
                                
                                
                                </h6>
                                <!-- Step 1 end-->
                                <!-- body content of step 1 -->

                                <fieldset class="mt-0 pt-0">
                                    
                                    <div class="row" style=" position:relative; top:-50px; ">
                                        <div class="col-12 mt-3 mb-4">
                                            <h4 class="py-50">
                                                <center> <strong> Información Vehículo </strong> </center>
                                            </h4>
                                        </div>

                                        <input type="number" class="form-control" readonly hidden value="{{$otn}}" name="otn">
                                        <input type="number" class="form-control" readonly hidden value="1" name="Tipoactivity">

                                        <div class="col-md-6 col-sm-12">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:110px; min-width:110px;">Patente</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="patente" aria-label="patente" name="patente" value="{{$infoPatente->patente}}" style="text-transform: uppercase;" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:90px; min-width:90px;">VIN</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="Ingrese Numero VIN" aria-label="vin" name="vin" value="{{$infoPatente->vin}}" style="text-transform: uppercase;" readonly>
                                            </div>
                                        </div>
                                        
                                        
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:110px; min-width:110px;">Marca</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marca" value="{{$infoPatente->marca ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:90px; min-width:90px;">Modelo</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelo" value="{{$infoPatente->modelo ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </div>
                                        </div>
                                        
                                        
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:110px; min-width:110px;">Año</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="año" name="anio" aria-label="anio" value="{{$infoPatente->anio}}" style="text-transform: uppercase;" >
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1" style="max-width:90px; min-width:90px;">Color</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="color" name="color" aria-label="color" value="{{$infoPatente->color ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </div>
                                        </div>
                                        
                                        
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                <label class="input-group-text" for="Tipovehisel">Tipo Vehiculo</label>
                                                </div>
                                                <select class="custom-select" id="Tipovehisel" name="Tipovehisel" required>
                                                <option selected disabled>seleccione tipo de vehiculo</option>

                                                @foreach ($tipovehi as $tipo)
                                                        <option value="{{$tipo->id_tipo_vehiculo}}" {{$tipo->id_tipo_vehiculo == $infoPatente->id_tipo_vehiculo ? 'selected' : ''}}>{{$tipo->nombre}}</option>
                                                @endforeach
                                                
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1">Odometro</span>
                                                </div>
                                            <input type="number" class="form-control" placeholder="odometro" aria-label="odometro real" name="odometro" required>
                                            
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-sm-12 mt-1">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1">Numero VIN</span>
                                                </div>
                                                <input type="text" class="form-control" name="vin_install" placeholder="Ingrese Numero VIN"
                                                    aria-label="vin" style="text-transform: uppercase;" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mt-1">

                                            <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                                                <center>
                                                    <img class="" width="100px" style=" width:100px; height:100px; object-fit:cover; " src="{{ asset('images/no-image.jpg')}}" alt="" id="previewvin">
                                                </center>
                                            </div>

                                            <div class="input-group mb-3">
                                            

                                                <div class="custom-file">
                                                    <input class="custom-file-input" type="file" id="imgvininstall" accept="image/*;capture=camera" name="imgvininstall"
                                                        aria-describedby="inputGroupFileAddon01" onchange="vinsearch()" required>
                                                    <label class="custom-file-label" for="imgvininstall" id="imgvininstalllabel">Imagen de Numero
                                                        VIN</label>
                                                        <input type="text" id="imgurlvin" name="imgurlvin">   
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </fieldset>

                                <!-- body content of step 1 end-->
                                <!-- Step 2-->
                                <h6>
                                <i class="step-icon"></i>
                                {{-- <span class="fonticon-wrap py-0">
                                    <i class="livicon-evo"
                                    data-options="name:pulse.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                </span> --}}
                                {{-- <span class="titlespan">Diagnostico</span> --}}
                                </h6>
                                <!-- Step 2 end-->
                                <!-- body content of step 2 -->
                                <fieldset>
                                    {{-- Diagnostico --}}
                                    <div class="container-fluid mb-3 ">
                                        <h6><strong> Diagnostico Vehiculo </strong> <span class="text-danger">(seleccione aquellas que no estan en estado Optimo)</span></h6>

                                        {{-- <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseDiagnostico" role="button"
                                            aria-expanded="false" aria-controls="collapseExample">
                                            <i class="fa fa-eye"></i>
                                        </a> --}}
                                    </div>
                                    <div class="collapse-show" id="collapseDiagnostico">
                                        <div class="row mx-0">
                                            
                                            <div class="form-group row">
                                                @foreach($diagnosticos as $diagnostico)
                                                <div class="col-md-6 col-sm-12">

                                                    <div class="container-fluid">
                                                        <div class="input-group mb-3 ml-3">
                                                            
                                                            <div class="input-group-prepend">
                                                                    <input onclick="checkcMostarOcultar('diagnosticos{{$diagnostico->id_diagnostico}}','text_{{$diagnostico->id_diagnostico}}');" class="form-check-input install_diagnosticos" type="checkbox"
                                                                    value="{{$diagnostico->id_diagnostico}}" id="diagnosticos{{$diagnostico->id_diagnostico}}">
                                                                
                                                                <span class="input-group-text" id="basic-addon1">{{$diagnostico->nombre}}</span>
                                                            </div>
                                                                <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                                                    placeholder="Observacion" readonly="true">
                                                            
                                                        </div>
                                                    </div>

                                                    {{-- <div class="form-check">
                                                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input install_diagnosticos" type="checkbox"
                                                            value="{{$diagnostico->id_diagnostico}}" id="diagnosticos{{$diagnostico->id_diagnostico}}">
                                                        <label class="form-check-label" for="defaultCheck1">{{$diagnostico->nombre}}</label>
                                                        <div id="div_{{$diagnostico->id_diagnostico}}" style="display: none;">
                                                            <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                                                placeholder="Observacion">
                                                            
                                                        </div>
                                                    </div> --}}
                                                </div>
                                                
                                                @endforeach
                                            </div>
                                        </div>    
                                        <hr>
                                        <div class="row">
                                            <label class="col-md-8 col-sm-12"><strong> Imagenes Diagnostico Vehiculo</strong></label>
                                            <label class="col-md-4 col-sm-12"> Agregar Imagenes 
                                                <a class="btn btn-primary btn-group"  type="button" onclick="mostrarimg('collapseimg_')"  style="color:white" title="Agregar Imagen">
                                                    <i class="fa fa-plus"></i>
                                                </a>
                                            </label>
                                        </div>
                                            
                                        <hr>
                                        <div class="row">
                                            @for ($i = 0; $i < 6; $i++)
                                               
                                                    {{-- <a class="btn btn-primary btn-block mb-2" data-toggle="collapse" href="#collapseimg_{{$i}}" role="button"
                                                        aria-expanded="false" aria-controls="collapseExample"> Agregar Imagen
                                                        <i class="fa fa-images"></i>
                                                    </a> --}}
                                                    <div class="col-md-4 col-sm-12 my-3" id="collapseimg_{{$i}}" style="display: none">
                                                        <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                                                            <center>
                                                                <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                                                    id="preview_diag{{$i}}">
                                                            </center>
                                                        </div>

                                                        <div class="input-group mb-3">

                                                            <div class="custom-file">
                                                                <input class="custom-file-input" type="file" accept="image/*;capture=camera" id="img_diag{{$i}}"
                                                                    name="img_diag{{$i}}" aria-describedby="inputGroupFileAddon01"
                                                                    onchange="Imgsearch('diag{{$i}}')" >
                                                                <label class="custom-file-label" for="img_diag{{$i}}"
                                                                    id="img_diag{{$i}}label">Imagen Diagnostico N°{{$i+1}}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                
                                            @endfor
                                        </div>    
                                        
                                    </div>
                                </fieldset> 
                                <!-- body content of step 2 end-->
                                
                                <!-- Step 3-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:location-alt.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Intalacion GPS</span> --}}
                                </h6>
                                <!-- Step 3 end-->
                                <!-- body content of step 3 -->
                                <fieldset>
                                    <div class=" ">
                                        <h6 class="btn-group"><strong> Gps Instalado</strong></h6>
                                
                                        {{-- <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseGPSInstall" role="button"
                                            aria-expanded="false" aria-controls="collapseExample">
                                            <i class="fa fa-eye"></i>
                                        </a> --}}
                                    </div>
                                    <hr>
                                    <div class="collapse-show" id="collapseGPSInstall">
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">ID Gps</span>
                                                    </div>
                                                    <input type="text" class="form-control" id="idgps" name="idgps" placeholder="ID GPS"
                                                        aria-label="id" style="text-transform: uppercase;" required>
                                                    <div class="input-group-append">
                                                        <button class="btn btn-outline-secondary" type="button" onclick="EmpInfoGpsPruebas('{{$empresa}}')"> Consultar Reporte
                                                            <i class="fa fa-map-marker-alt"></i>
                                                        </button>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-sm-12" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Imei Gps</span>
                                                    </div>
                                                    <input type="text" class="form-control" id="imeigpsimple" name="imeigpsimple" placeholder="imei"
                                                        aria-label="imei" style="text-transform: uppercase;" required readonly>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                    <label class="input-group-text" for="estadoGps">Estado GPS</label>
                                                    </div>
                                                    <select class="custom-select" id="estadoGps" name="estadoGps" required>
                                                    <option selected disabled>seleccione Estado GPS</option>
                                                        
                                                    @foreach ($estagps as $estd)
                                                            <option value="{{$estd->id_estado_gps}}" {{$estd->nombre == "Instalado" ? 'selected' : ''}}>{{$estd->nombre}}</option>
                                                    @endforeach
                                                    
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                    <label class="input-group-text" for="tipoGps">Tipo GPS</label>
                                                    </div>
                                                    <select class="custom-select" id="tipoGps" name="tipoGps" required>
                                                    <option selected disabled>seleccione Tipo GPS</option>
                                                    @if ($empresa == 'entel')
                                                        <option value="2" selected>OBDII</option>
                                                    @else
                                                        @foreach ($tipogps as $tipo)
                                                            <option value="{{$tipo->id_tipo_gps}}">{{$tipo->nombre}}</option>
                                                        @endforeach
                                                    @endif
                                                        
                                                    
                                                    </select>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <div class="row" hidden>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Marca</span>
                                                    </div>
                                                <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marcaGps" id="marcaGps" style="text-transform: uppercase;" readonly hidden>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Modelo</span>
                                                    </div>
                                                <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelGps" id="modelGps" style="text-transform: uppercase;" readonly hidden>
                                                </div>
                                            </div>
                                             
                                        </div>
                                        {{-- posicion del gps --}}
                                        <div class="row" hidden>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Latitud</span>
                                                    </div>
                                                <input type="text" class="form-control" placeholder="latitud" aria-label="latitud" name="latitudGps" id="latitudGps" style="text-transform: uppercase;" readonly hidden>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Longitud</span>
                                                    </div>
                                                <input type="text" class="form-control" placeholder="longitud" aria-label="longitud" name="longitudGps" id="longitudGps" style="text-transform: uppercase;" readonly hidden>
                                                </div>
                                            </div>
                                             
                                        </div>
                                        
                                        <div id="div_gpsimplereporgps"></div>
                                    </div>
                                </fieldset>
                                <!-- body content of step 3 end-->

                                <!-- Step 4-->
                                
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:gears.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Trabajos Realizados</span> --}}
                                </h6>
                                <!-- Step 4 end-->
                                <!-- body content of step 4 -->
                                <fieldset>
                                    {{-- Trabajos Realizados --}}
                                    <div class=" ">
                                        <h6 class="btn-group"><strong> Trabajos Realizados</strong></h6>
                                    </div>
                                    <hr>
                                    <div class="collapse-show" id="collapseTrabajos">
                                        <div class="row mx-0">
                                            
                                            <hr> 
                                            
                                                <div class="form-group row">
                                                
                                                        @foreach($trabajos as $trabajo)
                                                        @if($empresa != 'entel')
                                                            <div class="col-md-6 col-sm-12">
                                                                <div class="container-fluid">
                                                                    <div class="input-group mb-3 ml-3">
                                                                      
                                                                        <div class="input-group-prepend">
                                                                            <input onclick="checkcMostarOcultar('trabajos{{$trabajo->id_trabajo}}','trab_{{$trabajo->id_trabajo}}');" class="form-check-input install_diagnosticos" type="checkbox"
                                                                                value="{{$trabajo->id_trabajo}}" id="trabajos{{$trabajo->id_trabajo}}">
                                                                            
                                                                            <span class="input-group-text" id="basic-addon1">{{$trabajo->nombre}}</span>
                                                                        </div>
                                                                            <input type="text" id="trab_{{$trabajo->id_trabajo}}" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                                                                placeholder="Observacion" readonly="true">
                                                                    
                                                                    </div>
                                                                </div>
                                                                
                                                            </div>
                                                        @else   
                                                            @if ($trabajo->id_trabajo == 2)
                                                                <div class="col-md-12 col-sm-12">
                                                            @else
                                                                <div class="col-md-1 col-sm-1">
                                                            @endif
                                                            
                                                                <div class="container-fluid">
                                                                    <div class="input-group mb-3 ml-3">
                                                                        <div class="input-group-prepend" {{$trabajo->id_trabajo != 2 ? 'hidden' : ''}}>
                                                                            <input onclick="checkcMostarOcultar('trabajos{{$trabajo->id_trabajo}}','trab_{{$trabajo->id_trabajo}}');" class="form-check-input install_diagnosticos" type="checkbox"
                                                                                value="{{$trabajo->id_trabajo}}" id="trabajos{{$trabajo->id_trabajo}}" {{$trabajo->id_trabajo == 2 ? 'checked' : ''}}>
                                                                            
                                                                            <span class="input-group-text" id="basic-addon1">{{$trabajo->nombre}}</span>
                                                                        </div>
                                                                            <input type="text" id="trab_{{$trabajo->id_trabajo}}" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                                                                placeholder="Observacion" {{$trabajo->id_trabajo != 2 ? 'hidden' : ''}}>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        @endforeach
                                                
                                                </div>
                                            
                                        </div>
                                        <hr>
                                            <div class="row">
                                                <label class="btn-group col-md-8 col-sm-12"><strong> Imagenes Trabajo Realizado </strong></label>
                                                <label class=" col-md-4 col-sm-12"> Agregar Imagenes
                                                    <a class="btn btn-primary btn-group"  role="button" onclick="mostrarimg('collapseimgterm_')" >
                                                        <i class="fa fa-plus" style="color:white"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            
                                        <hr>
                                        <div class="row">
                                            
                                                @for ($i = 0; $i < 3; $i++)
                                                    
                                                    <div class="col-md-4 col-sm-12 my-3" id="collapseimgterm_{{$i}}" style="display: none">
                                                        <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                                                            <center>
                                                                <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                                                    id="preview_trab{{$i}}">
                                                            </center>
                                                        </div>

                                                        <div class="input-group mb-3">

                                                            <div class="custom-file">
                                                                <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_trab{{$i}}"
                                                                    name="img_trab{{$i}}" aria-describedby="inputGroupFileAddon01"
                                                                    onchange="Imgsearch('trab{{$i}}')" >
                                                                <label class="custom-file-label" for="img_trab{{$i}}"
                                                                    id="img_trab{{$i}}label">Imagen Trabajo N°{{$i+1}}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                @endfor
                                        </div>
                                    
                                    </div>
                                </fieldset>
                                <!-- body content of step 4 end-->
                               
                                <!-- Step 5-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:check-alt.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Observacion</span> --}}
                                </h6>
                                <!-- Step 5 end-->
                                <!-- body content of step 5 -->
                                <fieldset>
                                    @if($empresa == 'entel')

                                    @endif
                                    <div class="col-md-12 col-sm-12 mb-3">
                                        <label for="">Observacion de la Instalacion</label>
                                        <textarea class="form-control " name="text_observacion_serv" id="" cols="30" rows="10"></textarea>
                                    </div>
                                </fieldset>
                                <!-- body content of step 4 end-->


                            </form>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </section>
</div>
    
   
@endsection