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

@section('content')

<div class="container">
    @include('parciales.modal_cargando')
    @yield('Modalcarga')
    <!-- Form wizard with icon tabs section start -->
    <section id="info-tabs-">
        <div class="row justify-content-center mt-4" style="position: relative; top:20px;" >
            <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-4" style="margin-top:30px;" >
                        <div class="card-body">
                            
                            <form method="POST" action="{{ route('servmecanico') }}"  id="ServMecanico" 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> --}}
                                
                                {{-- <span class="titlespan">Datos Principales</span> --}}
                                </h6>
                                <!-- Step 1 end-->
                                <!-- body content of step 1 -->
                                <fieldset class="mt-0 pt-0">
                                    
                                
                                {{-- <div class="row">
                                    <div class="col-12">
                                    <h4 class="py-50 mt-3 mb-3"><center> <strong> Información Cliente </strong> </center></h4>
                                </div> --}}
                                {{-- Informacion Vehiculo --}}
                                <div class="row">
                                    <div class="col-12 mb-3">
                                        <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="13" 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" style="max-width:90px; min-width:90px;" id="basic-addon1">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">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">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="max-width:90px; min-width:90px;" id="basic-addon1">Marca</span>
                                            </div>
                                        <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marca" value="{{$infoPatente->marca}}" 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" style="max-width:90px; min-width:90px;" id="basic-addon1">Modelo</span>
                                            </div>
                                        <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelo" value="{{$infoPatente->modelo}}" 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" style="max-width:90px; min-width:90px;" id="basic-addon1">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;" 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" style="max-width:90px; min-width:90px;" id="basic-addon1">Color</span>
                                            </div>
                                        <input type="text" class="form-control" placeholder="color" name="color" aria-label="color" value="{{$infoPatente->color}}" style="text-transform: uppercase;" readonly>
                                        </div>
                                    </div>
                                    
                                    
                                    <div class="col-md-6 col-sm-12" style="margin-bottom:20px;" >
                                        <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">
                                        <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>

                                </fieldset>
                                <!-- body content of step 1 end-->
                                @if ($optserv->diag_inc == 1)
                                    <!-- 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 ">
                                            <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-->
                                @endif
                                <!-- Step 3-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:wrench.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">tipo de visita</span> --}}
                                </h6>
                                <!-- Step 3 end-->
                                <!-- body content of step 3 -->
                                <fieldset>
                                    <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">Servicio</span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$infotn->motivo ?? 'No Registrado'}}" style="text-transform: uppercase;" readonly>

                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="col-md-12 col-sm-12 mb-3">
                                        <label for=""> <strong> Descripción del servicio Realizado</strong> </label>
                                        <textarea class="form-control " name="trabajo_realizado" id="" cols="30" rows="10"></textarea>
                                    </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:check-alt.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)
                                                <div class="col-md-6 col-sm-12">
                                                    <div class="form-check">
                                                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input" type="checkbox"
                                                            value="{{$trabajo->id_trabajo}}_trab">
                                                        <label class="form-check-label" for="defaultCheck1">{{$trabajo->nombre}}</label>
                                                        <div id="div_{{$trabajo->id_trabajo}}_trab" style="display: none;">
                                                            <input type="text" id="text_{{$trabajo->id_trabajo}}_trab" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                                                placeholder="Observacion">
                                                        </div>
                                                    </div>
                                                </div>
                                                @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 mr-3 ml-3"  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-->

                               


                            </form>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </section>
</div>    

@endsection