@extends('layouts.admin')

@section('estilos')
<link href="{{ asset('assets/css/bootstrap-clockpicker.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
<link  href="{{asset('iconos/flaticon.css')}}" rel="stylesheet" type="text/css">
@endsection

@section('contenido')

@include('admin.prospectos.modals-show')

<div id="from-view m-t-10">

  <div class="box-body">

    <div class="form-group">
      <div class="row form-group">
        <div class="col-lg-4 col-md-4 col-xs-4">
          <center>
            <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar">
              <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Regresar
            </button>
          </center>
        </div>
        <div class="col-lg-4 col-md-4 col-xs-4">
          <center>
            <button  class="btn btn-success" title="Agendar Cita" onclick="cita()">
              <i class="glyphicon glyphicon-calendar" aria-hidden="true"></i> Agendar Cita
            </button>
          </center>
        </div>
        <div class="col-lg-4 col-md-4 col-xs-4">
          <center>
            <button class="btn btn-primary" title="Agendar llamada" data-toggle='modal' data-target='#modal-llam'>
              <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> Agendar Llamada
            </button>
          </center>
        </div>
      </div>
    </div>

    <div class="contenpes">
      <div class="showtab active">
        <div class="pest tb1"><i class="flaticon-information"></i></div>
        <div class="col-xs-12 col-md-6">
          <table class="table tabla-show">
            <thead>
              <th colspan="2">Datos del prospecto</th>
            </thead>
            <tbody>
              <tr>
                <th class="col-xs-3">Nombre Comercial</th>
                <td>{{$pros->pros_nombre}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Razon social</th>
                <td>{{$pros->pros_rs}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">RFC</th>
                <td>{{$pros->pros_rfc}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Página web</th>
                <td>{{$pros->pros_web}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Tipo de cliente</th>
                @if($pros->pros_persona == 'f')
                <td>Física</td>
                @elseif($pros->pros_persona == 'm')
                <td>Moral</td>
                @elseif($pros->pros_persona == 'd')
                <td>De Distribución</td>
                @else
                <td>No disponible</td>
                @endif
              </tr>
              <tr>
                <th class="col-xs-3">Fecha de ingreso</th>
                <td>{{ ucfirst( Date::parse( $pros->pros_fp )->format('l j F Y') ) }}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Empleados</th>
                <td>{{$pros->pros_emples}}</td>
              </tr>
                            <tr>
                <th>Posibilidad</th>
                <td><div class="progress-bar progress-bar-{{$clase}} progress-bar-striped active" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:{{$pros->pros_posib}}%">{{$pros->pros_posib}}%</div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="col-xs-12 col-md-6">
          <table class="table tabla-show">
            <thead>
              <th colspan="2">Dirección</th>
            </thead>
            <tbody>
              <tr>
                <th class="col-xs-3">Calle</th>
                <td>{{$dir->dir_calle}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">No. / Int. </th>
                <td>{{$dir->dir_ext}} / {{$dir->dir_int}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Colonia</th>
                <td>{{$dir->dir_colonia}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Alcaldía / Municipio</th>
                <td>{{$dir->mnp_nombre}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Ciudad</th>
                <td>{{$dir->dir_ciudad}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Estado</th>
                <td>{{$dir->etd_nombre}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">País</th>
                <td>{{$dir->ps_nombre}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Código postal</th>
                <td>{{$dir->dir_cp}}</td>
              </tr>
              <tr>
                <th class="col-xs-3">Referencia</th>
                <td>{{$dir->dir_ref}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="showtab">
        <div class="pest tb2"><i class="flaticon-contacs"></i></div>
        <div class="col-xs-12">
          @foreach($conts as $c)
    			<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
    				<table class="table tabla-show">
    					<thead>
    						<th colspan="2">{{$c->cnt_nombres}} {{$c->cnt_apellidos}}</th>
    					</thead>
    					<tbody>
    						<tr>
    							<th><i class="fa fa-phone"></i></th>
    							<td><a href="tel:{{$c->cnt_telefono}}">{{$c->cnt_telefono}} Ext. {{$c->cnt_tel_ext}}</a></td>
    						</tr>
    						<tr>
    							<th><i class="fa fa-mobile"></i></th>
    							<td><a href="tel:{{$c->cnt_telMovil}}">{{$c->cnt_telMovil}}</a></td>
    						</tr>
    						<tr>
    							<th><i class="fa fa-envelope"></i></th>
    							<td><a href="mailto:{{$c->cnt_email1}}">{{$c->cnt_email1}}</a></td>
    						</tr>
    						<tr>
    							<th><i class="fa fa-envelope"></i></th>
    							<td><a href="mailto:{{$c->cnt_email2}}">{{$c->cnt_email2}}</a></td>
    						</tr>
    					</tbody>
    				</table>
    			</div>
    			@endforeach
        </div>
      </div>
      <div class="showtab">
        <div class="pest tb3"><i class="flaticon-gift"></i></div>
        <div class="col-xs-12">
          <table class="table tabla-show">
      			@if(count($pc) > 0 ) <thead><th>Productos en los que hay interés</th></thead>
      			@else <thead><th>No hay productos</th></thead> @endif
      		</table><br><br>
      		@foreach($pc as $p)
      		<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
            <table class="table tabla-show">
      				<thead>
                 <tr>
      						<th>{{$p->prod_nombre}}</th>
                 </tr>
               </thead>
      				<tbody>
                <tr><td>{{ ucfirst( Date::parse( $p->int_fecha )->format('l j F Y') ) }}</td></tr>
      					<tr><td></td></tr>
              </tbody>
            </table>
          </div>
      		@endforeach
        </div>
      </div>
      <div class="showtab">
        <div class="pest tb4"><i class="flaticon-website"></i></div>
        <div class="col-xs-12">
          <table class="table tabla-show">
    				@if(count($sc) > 0 ) <thead><th>Servicios en los que hay interés</th></thead>
    				@else <thead><th>No hay contratos</th></thead> @endif
    			</table><br><br>
          @foreach($sc as $s)
    			<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
    				<table class="table tabla-show">
    					<tbody>
    						<thead>
                  <tr><th>{{$s->serv_nombre}}</th></tr>
    	          </thead>
    						<tbody>
                  <tr><td>{{ ucfirst( Date::parse( $s->int_fecha )->format('l j F Y') ) }}</td></tr>
                  <tr><td></td></tr>
    						</tbody>
               </tbody>
             </table>
    			</div>
    			@endforeach
        </div>
      </div>
    </div>

  </div>
</div>
@endsection

@section('script')
<script src="{{ asset('assets/plugins/bootstrap-clockpicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script src="{{asset('js/clientes/show.js')}}"></script>
<script src="{{asset('js/formularios.js')}}"></script>
<script type="text/javascript">
  var emples = ;
</script>
@endsection