@extends('layouts.app')

@section('title',"Visita ")

@section('content')

<div class="alert alert-secundary p-2 mb-0"><a href="{{ url('visitas') }}"><i class="icon-arrow-left13"></i> Volver al listado de visitas</a></div>
<div class="response-data">
	
</div>
<div class="card">
	<div class="card-header header-elements-inline">
		<h5 class="card-title">Visualizar visita </h5>
		<div class="header-elements">
			<div class="list-icons">
        		<a class="list-icons-item" data-action="collapse"></a>
        		<a class="list-icons-item" data-action="reload"></a>
        		<a class="list-icons-item" data-action="remove"></a>
        	</div>
    	</div>
	</div>	
	<div class="card-body">
		<form >
			@foreach($visita as $v)

			<input type="hidden" name="action" value="add">
			<div class="row">
				<div class="col-4">
					<label for="">Nombre y apellido</label>
					<input type="text" class="form-control" name="nombre" required="" placeholder="Escribe tu nombre y apellido" value="{{ $v->nombre }}" readonly="">
				</div>
				<div class="col-4">
					<label for="">Dni</label>
					<input type="text" class="form-control" name="dni" id="tipe_c" required="" placeholder="dni:10xxxxxx" value="{{ $v->dni }}" readonly="">
				</div>
				<div class="col-4">
					<label for="">Entidad</label>
					<select name="entidad_id"   id="dynamic_selects"   class="form-control dynamic_selects selectpicker text-uppercase" data-live-search="true"  required="">
						<option selected="">
							{{$v->entidad->nsocial}}
						</option>
					</select>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-4">
					<label for="">Motivo</label>
					<input type="text" class="form-control" name="motivo" required="" placeholder="Escribe tu nombre y apellido" value="{{ (!empty($v->motivos)) ?  $v->motivos->motivo : '' }}" readonly="">
				</div>
				<div class="col-4">
					<label for="">Empleado</label>
					<select   id="dynamic_selects"   class="form-control dynamic_selects selectpicker text-uppercase" data-live-search="true"  >
						<option >
							{{ (!empty($v->empleados)) ? $v->empleados->nombre : ''}}
						</option>
					</select>
				</div>
				<div class="col-4">
					<label for="">Oficina</label>
					<select name="oficinas_id"   id="dynamic_selects"   class="form-control dynamic_selects selectpicker text-uppercase" data-live-search="true"  required="" readonly="">
						<option selected="" >
							{{(!empty($v->oficinas)) ? $v->oficinas->nombre : ''}}
						</option>

					</select>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-12">
					<input type="text" class="form-control" placeholder="Lugar de reunion" name="lugar" value="{{ $v->lugar }}" readonly=""> 
				</div>
			</div>

			<hr>
			@forelse($herramientas as $h)
				<div class="row text-center mb-3 mt-3" id="codenv{{$h->id}}" >
					<input type="hidden" name="idherramienta[]" value="{{$h->id}}">
					<div class="col-4  ">
						<label for=""><b>Herramienta de  trabajo</b></label>
						<input type="text" id="htrabajo" placeholder="herramienta de trabajo" class="form-control" value="{{$h->nombre}}" name="htrabajo[]" readonly="">
					</div>
					<div class="col-4  ">
						<label for=""><b>Marca</b></label>
						<input type="text" id="mtrabajo" placeholder="Marca" class="form-control" value="{{$h->marca}}" name="mtrabajo[]"
						readonly="">
					</div>
				
					<div class="col-4  ">
						<label for=""><b>Serial</b></label>
						<input type="text" id="strabajo" placeholder="serial" class="form-control" value="{{$h->serial}}" name="strabajo[]"
						readonly="">
					</div>
				</div>
			@empty

			@endforelse
			<div class="htrabajos text-center text-uppercase" style="display: none;">
				<a href="#" class="text-center" id="addherramienta"><i class="icon-plus-circle2 "></i></a>
				<hr>
				<div class="content-htrabajo mb-2">
					
				</div>
				<hr>
				<a href="#" class="text-center" id="addherramienta"><i class="icon-plus-circle2 "></i></a>
			</div>

			  <hr>

              	@if(!empty($v->src_foto))
                  <div class="row col-imagenes" >
                    <div class="col-12 text-center text-uppercase font-weight-light text-primary">
                       <span>Este  registro tiene una imagen, presione el boton para verla </span>
                    </div>
                  </div>
               	@endif
             <div class="row">
                <div class="col-12 text-center"> 
                  <a href="#" onclick="return false" class="btn btn-primary updateimg" data-toggle="modal" data-target="#fotomodal"><i class="fa fa-camera" aria-hidden="true"></i> Ver imagen</a>
                </div>
              </div>
		</form>
	</div>
</div>
  <div class="modal fade" id="fotomodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Foto</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          	<div class="row box-1 text-center" >
	           <div class="col-12 text-center">
	              <img src="{!! asset('storage/Visitas/'.$v->src_foto) !!}" alt="">
	           </div>
        	</div>
      </div>
    </div>
  </div>
             @endforeach

	@section('scripts')
		<script src="{!! asset('assets/views_functions/visitas.js') !!}"></script>
	@endsection
@endsection