@extends('layouts.app')


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

@section('content')
<div class="container">
    
    <div class="justify-content-center">
        <div class="col-md-12 card">
            <div class="card-header">
                @if (Auth::user()->rol == 1 || Auth::user()->rol == 0)
                    <a class="" title="ir a Lista OT" href="{{ route('lista_ot') }}">
                        <i class="fa fa-chevron-circle-left"></i>
                    </a>
                @else
                    <a class="" title="ir a Lista OT" href="{{ route('lista_otecnico', Auth::user()->id) }}">
                        <i class="fa fa-chevron-circle-left"></i>
                    </a>
                @endif
                <strong> Orden de Trabajo N°{{$otinfo->id_ot}} </strong>
                @if ($otinfo->estado_ot == "pendiente")
                <span class="float-right">Estado: <strong class="text-primary"> {{$otinfo->estado_ot}} </strong></span>
                @elseif($otinfo->estado_ot == "cancelada")
                <span class="float-right">Estado: <strong class="text-danger"> {{$otinfo->estado_ot}} </strong></span>
                @elseif($otinfo->estado_ot == "terminada")
                <span class="float-right">Estado: <strong class="text-success"> {{$otinfo->estado_ot}} </strong></span>
                @else
                <span class="float-right">Estado: <strong class="text-warning"> {{$otinfo->estado_ot}} </strong></span>
                @endif
            </div>
                {{-- <form method="POST" action="{{ route('guardarot') }}"  id="GuardarOTForm"> --}}
                    {{-- @csrf --}}
                    <div class="card-body">
                        {{-- Informacion de cliente --}}
                        <div class="row">
                            <div class="col-12 mt-2 mb-2">
                                <h4 class="py-50">
                                    <center> <strong> Información Cliente </strong> </center>
                                </h4>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="nom_cliente_OT" >Nombre Cliente</label>
                                    <input type="text" class="form-control" id="nom_cliente_OT" name="nom_cliente"
                                        placeholder="Nombre y Apellidos" value="{{$otinfo->nombre}}" required readonly>

                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="rut_cliente_OT">Rut Cliente</label>
                                    <input type="text" class="form-control" id="rut_cliente_OT" name="rut_cliente"
                                        placeholder="Rut con codigo verificador" value="{{$otinfo->rut_cliente}}" required
                                        readonly>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="lead" for="tel_cliente_OT">Telefono Contacto para Trabajo</label>
                                    <input type="text" class="form-control" id="tel_cliente_OT" name="tel_cliente"
                                        placeholder="Numero Telefono o Celular" value="{{$otinfo->telefono_instalacion}}"
                                        required readonly>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="email_clienteN_OT">Email Contacto para Trabajo</label>
                                    <input type="email" class="form-control" id="email_clienteN_OT" name="email_cliente"
                                        placeholder="Email Valido" value="{{$otinfo->email_instalacion}}" required readonly>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="lead" for="dir_clienteN_OT">Direccion de Trabajo</label>
                                    <input type="text" class="form-control" id="dir_clienteN_OT" name="dir_cliente"
                                        placeholder="Direccion" value="{{$otinfo->direccion_instalacion}}" required
                                        readonly>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="comuna_clienteN_OT">Comuna</label>
                                    <input type="text" class="form-control" id="comuna_clienteN_OT" name="comuna_cliente"
                                        placeholder="Comuna" value="{{$otinfo->comuna_instalacion}}" required readonly>
                                </div>
                            </div>

                        </div>
                        <hr>
                        {{-- Informacion de tecnico --}}
                        <div class="row">
                            <div class="col-12 mt-2 mb-2">
                                <h4 class="py-50">
                                    <center> <strong> Información Técnico</strong> </center>
                                </h4>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="nom_instal">Nombre Técnico</label>
                                    <input type="text" class="form-control" name="nom_instal_OT" id="nom_instal"
                                        value="{{$otinfo->tec_nombre}}" readonly>

                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="lead" for="rut_instal">Rut Técnico</label>
                                    <input type="text" class="form-control" name="rut_instal_OT" id="rut_instal"
                                        placeholder="Rut con codigo verificador" value="{{$otinfo->rut_tecnico}}" readonly
                                        required>
                                </div>
                            </div>
                        </div>
                        <hr>
                        {{-- tabla de vehciculos ICONO OJO --}}
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-12 mt-3 mb-3">
                                    <h4 class="py-50">
                                        <center> <strong> Listado de Vehículos </strong> </center>
                                    </h4>

                                </div>
                                <div class="table-responsive" id="">
                                    <table class="table table-bordered table-striped respp" style="display:table;">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <center>Patente</center>
                                                </th>
                                                <th>
                                                    <center>Marca/Modelo</center>
                                                </th>
                                                
                                                <th>
                                                    <center>Color</center>
                                                </th>
                                                <th>
                                                    <center>Estado Servicio</center>
                                                </th>
                                                <th>
                                                    <center>Servicio Realizado</center>
                                                </th>
                                                <th>
                                                    <center>N° Servicio</center>
                                                </th>
                                                <th>
                                                    <center>Ver</center>
                                                </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($vehiculos as $vehi)
                                            <tr>
                                                <td style="text-transform: uppercase;">
                                                    <center>{{$vehi->patente}}</center>
                                                </td>
                                                <td style="text-transform: uppercase;">
                                                    <center>{{$vehi->marca}}/{{$vehi->modelo}}</center>
                                                </td>
                                                
                                                @if ($vehi->color != null || $vehi->color != '')
                                                    <td style="text-transform: uppercase;">
                                                        <center>{{$vehi->color}}</center>
                                                    </td>
                                                @else
                                                    <td style="text-transform: uppercase;">
                                                        <center>No Informado</center>
                                                    </td>
                                                @endif
                                                
                                                @if($vehi->estado == "Correcto")
                                                    <td style="text-transform: uppercase;" class="text-success">
                                                        <center>{{$vehi->estado}}</center>
                                                    </td>
                                                    <td style="text-transform: uppercase;">
                                                        <center>{{$otinfo->motivo ?? $vehi->nom_act}}</center>
                                                    </td>
                                                    <td>
                                                        <center>{{str_pad($vehi->id_servicio,8,"0",STR_PAD_LEFT)}}</center>
                                                    </td>
                                                @elseif($vehi->estado == "Fallido")
                                                    <td style="text-transform: uppercase;" class="text-danger">
                                                        <center>{{$vehi->estado}}</center>
                                                    </td>
                                                    <td style="text-transform: uppercase;">
                                                        <center>No Realizado</center>
                                                    </td>
                                                    <td>
                                                        <center>{{str_pad($vehi->id_servicio,8,"0",STR_PAD_LEFT)}}</center>
                                                    </td>
                                                
                                                @endif
                                                    <td>
                                                        <center>
                                                            <a href="{{route('verpatentepdf',[ $vehi->id_servicio])}}" 
                                                                title="ver info de Orden N° {{str_pad($vehi->id_servicio,8,"0",STR_PAD_LEFT)}}">
                                                               <i class="fa fa-eye"></i>
                                                            </a>
                                                        </center>
                                                    </td>
                                                
                                            </tr>
                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr>
                        {{-- Informacion de Recibido --}}
                        <div class="row">
                            <div class="col-12 mt-3 mb-3">
                                <h4 class="py-50">
                                    <center> <strong> Información Recibido OT</strong> </center>
                                </h4>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="row">
                                    <div class="form-group col-12">
                                        <label class="lead" for="nom_contacto" >Nombre de quien firma Recibido</label>
                                        <input type="text" class="form-control" name="nom_contacto" id="nom_contacto"
                                        placeholder="Nombre y Apellidos" value="{{$datCon->nombre ?? 'No Registrado'}}" readonly  style="text-transform: uppercase;">

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-12">
                                        <label class="lead" for="rut_contacto">Rut</label>
                                        <input type="text" class="form-control" name="rut_contacto" id="rut_contacto"
                                            placeholder="Rut sin codigo verificador" value=" {{$otinfo->rut_contacto ?? 'No Registrado'}}" readonly>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-12">
                                        <label class="lead" for="email_contacto_firma">E-mail</label>
                                        <input type="text" class="form-control" name="email_contacto_firma" id="email_contacto_firma"
                                        placeholder="Email Contacto" value="{{$datCon->email ?? 'No Registrado'}}" readonly>
                                        <input type="text" name="otn" id="otnfirma" value="{{$otinfo->idotNZ}}" readonly hidden>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 mt-2">
                                <label for=""> <small><strong>Firma Recibido</strong></small></label>
                                <div id="" class="">
                                    @if ($otinfo->rut_contacto)
                                        <img style="border: 2px dashed #ccc;  width:95%;" src="data:image/png;base64,{{base64_encode($otinfo->imgfirma)}}"/>
                                    @else
                                        <img style="border: 2px dashed #ccc;  width:100%; height:215px;" src="{{asset('images/no-image.jpg')}}"/>

                                    @endif
                                </div>
                            </div>  
                            
                            @if (!$otinfo->rut_contacto)
                            <div class="col-md-12">
                            <div class="row">
                                <div class="alert alert-danger alert-dismissible fade show col-12" role="alert"  id="alertFirmFailed">
                                    <strong>NO Registro el Recibido por Cliente o Contacto</strong>
                                    
                                </div>  </div></div>
                            @endif

                            {{-- <div class="col-sm-12">
                                <div class="form-group">
                                    <div class="checkbox">
                                    <input type="checkbox" name="bscheckbox" id="firmaOT" required onclick="firmacheckOT()">
                                    <label for="agree" class="text-success">Estoy seguro de que los Datos estan Correctos</label>
                                    </div>
                                </div>
                            </div> --}}
                        </div>
                        <hr>
                        {{-- Finalizar OT --}}
                        <div class="row mx-0" >
                            <div class="col-12 mt-2 mb-2">
                                <h4 class="py-50">
                                    <center> <strong> Finalizar Orden Trabajo</strong> </center>
                                </h4>
                            </div>
                            <div class="col-md-8 col-sm-12">
                                <div class="form-group">
                                    <label for="obsot"><small>Observaciones en Orden de Trabajo</small></label>
                                    <textarea type="text" class="form-control"  name="obsot" id="obsot" cols="30" rows="5" readonly>{{$otinfo->obser_ot}}</textarea>

                                </div>
                            </div>
                            <div class="col-md-4 col-sm-12">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <label class="lead" for="hora_llegada"><small><i class="far fa-clock mr-1">&nbsp;</i></small>Hora de Llegada</label>
                                            <input type="text" class="form-control" name="hora_llegada" id="hora_llegada" value="{{$otinfo->hora_llegada}}" readonly>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <label class="lead" for="hora_salida"><small><i class="far fa-clock mr-1">&nbsp;</i></small>Hora de Salida</label>
                                            <input type="text" class="form-control" name="hora_salida" id="hora_salida" value="{{$otinfo->hora_salida}}" readonly>
                                        </div>
                                    </div>                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="col-md-12">
                            @if (Auth::user()->rol == 1 || Auth::user()->rol == 0)
                                <a class="btn btn-primary btn-block mt-4 mb-4" href="{{ route('lista_ot') }}">Regresar a Lista de Ordenes de trabajo</a>
                            @else
                                <a class="btn btn-primary btn-block mt-4 mb-4" href="{{ route('lista_otecnico', Auth::user()->id) }}">Regresar a Lista de Ordenes de trabajo</a>
                            @endif
                        </div> 
                    </div>
                {{-- </form> --}}
           
        </div>
    </div>
</div>
@endsection