@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
<!--<link src="sftp://aya_pruebafinal@35.232.42.155/var/www/html/rendicion/css/_______a%26a_style.css" rel="stylesheet" type="text/css">-->
<script src="https://files.codepedia.info/files/uploads/iScripts/html2canvas.js"></script>
@section('content')
<div class="container-fluid">
        <div class="container">
            <!-- BARRA DE BUSQUEDA -->
            <h1 style="margin-top: 50px">Capacitación&nbsp;</h1>
                <div class="row reex" style="height: auto">

                    <!-- ASIGNACIÓN -->
                    <div class="container col-12" style="margin-top: 10px">
                        <h2><strong>Datos de la sucursal&nbsp;</strong></h2>
                    </div>
                    <!-- Fila 1 ------------------------------------------------------>
                    <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Cliente</h2></label>
                        <input type="" required class="form-control" id="cliente" placeholder="CLIENTE" readonly="readonly" value="{{$datoscapa[0]->cliente}}" name="cliente">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Proyecto</h2></label>
                        <input type="" required class="form-control" id="idproyecto" placeholder="PROYECTO" name="idproyecto" readonly="readonly" value="{{$datos_proyecto[0]->nombre}}">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email"><h2>Técnico</h2></label>
                        <input type="" required class="form-control" id="" placeholder="TÉCNICO" name="" readonly="readonly" value="{{ $datos_tecnico[0]->nombre_uno." ". $datos_tecnico[0]->apellido_uno }}">
                    </div>
                    <div class="container col-sm-3 form-group"></div>

                    <!-- Fila 2 ------------------------------------------------------>
                    <div class="container col-sm-6 form-group ali">
                        <label for="email"><h2>Dirección</h2></label>
                        <input type="" required class="form-control" id="direccion" placeholder="DIRECCIÓN"  readonly="readonly" value="{{$datoscapa[0]->direccion}}" name="direccion">
                    </div>
                    <div class="container col-sm-3 form-group ali">
                        <label for="email"><h2>Comuna</h2></label>
                        <input type="" required class="form-control" id="comuna" placeholder="COMUNA"  readonly="readonly" value="{{$datoscapa[0]->comuna}}" name="comuna">
                    </div>
                    <div class="container col-sm-3 form-group ali">
                        <label for="email"><h2>Ciudad</h2></label>
                        <input type="" required class="form-control" id="ciudad" placeholder="CIUDAD"  readonly="readonly" value="{{$datoscapa[0]->ciudad}}" name="ciudad">
                    </div>

                    <!-- Fila 2 ------------------------------------------------------>
                    <div class="container col-sm-3 form-group ali">
                        <label for="email"><h2>CUI o Código Sucursal</h2></label>
                        <input type="" required class="form-control" id="dcui" placeholder="CUI O CÓDIGO SUCURSAL"  readonly="readonly" value="{{$datoscapa[0]->cuisucursal}}" name="dcui">
                    </div>
                    <div class="container col-sm-9 form-group ali"></div>


                <!-- CARGA DE IMAGEN-->
                <div class="container"><hr class="linea"></div>
                <div class="container col-sm-9 form-group" style="margin-top: auto">
                    <label for="email"><h2>Imagen de la capacitación</h2>
                    </label><br>
                <button type="button" style="margin-left:15px;" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                 Ver imagen
                </button>
                </div>
                <div class="container col-sm-3 form-group ali">
                        <label for="email"><h2>Nº de personas capacitadas</h2>
                        </label>
                        <input type="" required class="form-control" id="nupersonas" placeholder="0"  readonly="readonly" value="{{$datoscapa[0]->cantidad_personas}}" name="nupersonas">
                    </div>

                    <div class="container"><hr class="linea"></div>

                    <!-- FIRMAS CONTRAPARTES -->
                    <div class="container col-sm-6" style="padding: 0">
                        <div class="container col-sm-12 form-group ali">
                            <label for="email"><h2>Datos del Técnico</h2></label>
                            <input type="" required class="form-control" id="" placeholder="DATOS DEL TÉCNICO" name="" readonly="readonly" value="{{ $datos_tecnico[0]->nombre_uno." ". $datos_tecnico[0]->apellido_uno }}">
                        </div>
                        <div class="container col-sm-12 form-group ali">
                            <label for="email"><h2>Firma técnico</h2></label>
<br>
                            <img src="{{ asset ("fotos/".$firmatrabajador[0]->url_firma)}}" alt="">
                        </div>
                    </div>

                    <div class="container col-sm-6" style="padding: 0">
                        <div class="container col-sm-12 form-group ali">
                            <label for="email"><h2>Datos de contacto</h2></label>
                            <input type="" required class="form-control" id="scontacto" placeholder="DATOS DE CONTACTO"  readonly="readonly" value="{{$datoscapa[0]->datoscontacto}}" name="scontacto" >
                        </div>
                        <div class="container col-sm-12 form-group ali">
                            <label for="email"><h2>Firma contacto</h2></label><br>
                            <img src="{{ asset ("fotos/".$datoscapa[0]->firma)}}" alt="">
                        </div>
                    </div>
                    <!-- FIN FIRMAS CONTRAPARTES -->
                    <a class="btn btn-rechazar" style="margin-left: 2%; margin-bottom: 2%" href="{{route('generar.pdfCordinadoraCapacitacion',Crypt::encryptString($datoscapa[0]->id))}}"> PDF</a>

                </div>

        </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Imagen de Capacitación</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <img src="{{ asset ("fotos/".$datoscapa[0]->foto_capacitacion)}}" class="img img-responsive img-thumbnail" alt="">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>
@endsection