@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formnewt">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Nueva etiqueta</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      {!!Form::open(array('method'=>'GET','url'=>'addCategoria','autocomplete'=>'off','enctype'=>'multipart/form-data','data-confirmar'=>'true','data-msg'=>'¿Guardar nueva etiqueta?'))!!}
    		<div class="modal-body">
          <div class="col-xs-12">
            <label for="canal">Nombre de etiqueta</label><br><br>
            <input type="text" class="form-control" id="nomcat" name="nomcat" required><hr>
            <input type="hidden" name="tipo" id="tipo" value="5">
          </div>
          <div class="modal-footer">
            <button type="reset" id="btncncl3" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i> Cancelar</button>
            <button type="submit" id="btnsbmt3" class="btn btn-info"><i class="fa fa-save"></i> Aceptar</button>
          </div>
        </div>
      {!!Form::close()!!}
    </div>
  </div>
</div>

{!!Form::open(array('method'=>'POST','url'=>'prospectos','autocomplete'=>'off','enctype'=>'multipart/form-data','data-confirmar'=>'true','data-msg'=>'Guardar nuevo prospecto'))!!}
<div id="from-view">
  <div class="col-lg-12 text-right">
    <button type="reset" class="btn btn-primary" onclick="location.href='{{URL::to('clientes')}}'" title="Cancelar"><i class="fa fa-times"></i>&nbsp;&nbsp;Cancelar</button>
    <button type="submit" class="btn btn-info" title="Cancelar"><i class="fa fa-save"></i>&nbsp;&nbsp;Guardar</button>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="row">
        <div class="col-md-3">
          <label class="required">Tipo de cliente</label>
          <select class="form-control" name="persona" required>
            <option value="">Seleccione...</option>
            <option value="f">Física</option>
            <option value="m">Moral</option>
            <option value="d">Distribuidor</option>
          </select>
        </div>
        <div class="col-md-9">
          <label>Nombre comercial</label>
          <div class="input-group">
            <input type="text" class="form-control" id="nombreComercial" name="nombreComercial" placeholder="Ingrese Nombre Comercial"  required="required">
            <span class="input-group-btn"><button data-toggle="modal" data-target="#formnewt" type="button" class="btn btn-primary"><i class="fa fa-tag"></i></button></span>
          </div>
        </div>
      </div>
      <label>Etiquetas</label><br>
      <div id="contags">
        <input type="hidden" name="tags" id="tags" value="">
        @foreach ($tags as $t)
        <button class="btn btn-default m-t-10" id="tag{{$t->cat_id}}" onclick="addtag({{$t->cat_id}},0)" type="button">{{$t->cat_nombre}}</button>
        @endforeach
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>RFC</label>&nbsp;&nbsp;&nbsp;<label id="aviso"></label>
          <input type="text" class="form-control" placeholder="Ingrese RFC" name="rfcProspecto" id="rfcProspecto"  onkeyup="srhRFC(this.value)" onchange="srhRFC(this.value)">
        </div>
        <div class="col-md-8">
          <label>Razón social</label>
          <input type="text" name="razonSocial" class="form-control" placeholder="Ingrese Razon Social" >
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label class="required">Canal.</label>
          <select class="form-control" name="medio" required>
            <option value="">Seleccione...</option>
            @foreach($canales as $canal)
            <option value="{{$canal->canal_id}}">{{$canal->canal_nombre}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-8">
          <label>Distribuidor</label>
          <select class="form-control" name="distribuidor">
            <option value="0">Sin distribuidor</option>
            @foreach($dists as $d)
            <option value="{{$d->pros_id}}">{{$d->pros_nombre}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label>Nº de Empleados</label>
          <input type="text" class="form-control" placeholder="Nº de Empleados" name="numEmpleados">
        </div>
        <div class="col-md-2">
          <label>Moneda</label>
          <select class="form-control" name="mnd" required>
            @foreach($mnds as $m)
            <option value="{{$m->mon_name}}">{{$m->mon_name}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6">
          <label>Página web</label>
          <input type="text" class="form-control" placeholder="www.ejemplo.com" name="web">
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <label class="required">Giro de la empresa</label>
          <select class="form-control" name="giro" required>
            <option value="">Seleccione . . .</option>
            @foreach($giros as $k => $g)
            <option value="{{$k}}">{{$g}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-8">
          <label class="required">Ejecutivos a Cargo</label>
          <div id="empsasig">
          </div>
          <select class="form-control" id="nwejecasig" required>
            <option value="" disabled selected>Agregar ejecutivo</option>
            @foreach($ejecutivos as $eje)
            <option value="{{$eje->emple_id}}">{{$eje->cnt_nombres}} {{$eje->cnt_apellidos}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <hr>

      <h3>Dirección</h3>
      <div class="row">
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>Calle</label>
          <input type="text" class="form-control" name="callePros" placeholder="Ingrese Calle">
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>Colonia</label>
          <input type="text" class="form-control" placeholder="Ingrese Colonia" name="coloniaPros">
        </div>
        <div>
          <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
            <label>Número Exterior</label>
            <input type="text" class="form-control"  placeholder="Numero Exterior" name="numExtPros">
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
            <label>Número Interior</label>
            <input type="text" class="form-control"  placeholder="Numero Interior" name="numIntPros">
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
            <label>Código Postal</label>
            <input type="text" class="form-control" name="cpPros" placeholder="Codigo Postal">
          </div>
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>País</label>
          <select class="form-control" name="paisEmpresa" id="pais" onchange="getEstados(this.value, 'estadoEmpresa')">
            <option value="0">Seleccione...</option>
            @foreach ($paises as $ps)
            <option value="{{$ps->ps_is}}">{{$ps->ps_nombre}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>Estado</label>
          <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
            <option value="0"  selected>Seleccione...</option>
          </select>
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>Delegación / Municipio</label>
          <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
            <option selected="" value="0" >Seleccione...</option>
          </select>
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6">
          <label>Ciudad</label>
          <input type="text" class="form-control" name="ciudadPros" placeholder="Ingrese Ciudad">
        </div>
        <div class="col-xs-12">
          <label>Referencia</label>
          <textarea name="dir_ref" id="dir_ref" rows="3" class="form-control" placeholder="Describa una referencia de la dirección" ></textarea>
        </div>
      </div>

      <!--input type="checkbox" name="usu" value="1"><label>Este cliente puede accesar a la aplicación.</label-->

      @if(Session::get('rol') == 1)
      <label>Empresa</label>
      <select name="idEmpresa" class="form-control">
        <option value="0">Seleccione...</option>
        @foreach($empresas as $emp)
        <option value="{{$emp->emp_id}}">{{$emp->emp_nom_comer}}</option>
        @endforeach
      </select>
      @else
      <input type="hidden" id="idEmpresa" name="idEmpresa" value="{{Session::get('idEmpresa')}}">
      @endif
    </div>
    <div class="col-xs-12 col-md-6 col-lg-6">
      <div class="form-group text-center">
        <h3>Contactos</h3>
        <h4><b>Contacto principal</b></h4>
        <label>Nombre</label>
        <div class="input-group">
          <div class="input-group-addon" style="border-right:0">
            <i class="fa fa-info"></i>
          </div>
          <div class="input-group-addon" style="padding:0; border-left:0;">
            <select class="cstm-sel" name="titulo[]">
            <option value=""></option>
            {!!$TITULOS!!}
            </select>
          </div>
          <input type="text" class="form-control" name="nombreContacto[]" placeholder="Ingrese Nombre (s)" required="required">
        </div>
        <label>Apellidos</label>
        <div class="input-group">
          <div class="input-group-addon"><i class="fa fa-info"></i></div>
          <input type="text" class="form-control" name="apellidos[]" placeholder="Ingrese Apellidos" required="required">
        </div>
        <label>Puesto</label>
        <div class="input-group">
          <div class="input-group-addon"><i class="fa fa-user"></i></div>
          <input type="text" class="form-control" name="puesto[]" placeholder="Puesto que ocupa" value="">
        </div>
        <div class="row">
          <div class="col-xs-9 col-lg-9 col-md-9">
            <label>Teléfono</label>
            <div class="input-group">
              <div class="input-group-addon"><i class="fa fa-phone"></i></div>
              <input type="text" class="form-control" name="tel[]" placeholder="Ingrese Teléfono" required="required">
            </div>
          </div>
          <div class="col-xs-3 col-lg-3 col-md-3">
            <label>Ext</label>
            <input type="text" class="form-control" name="ext[]" placeholder="Extensión" >
          </div>
        </div>
        <label>Telefono movil</label>
        <div class="input-group">
          <div class="input-group-addon"><i class="fa fa-mobile"></i></div>
          <input type="text" class="form-control" placeholder="Telefono Movil" name="tel2[]">
        </div>
        <label>E-mail</label>
        <div class="input-group">
          <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
          <input type="email" class="form-control" placeholder="usuario@ejemplo.com" name="email[]" required>
        </div>
        <label>Segundo E-mail</label>
        <div class="input-group">
          <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
          <input type="email" class="form-control" placeholder="usuario@ejemplo.com" name="email2[]">
        </div>
        <div id="contactos"></div>
        <button type="button" class="btn btn-success m-t-10" onclick="addContacto();">Agregar Contacto</button>
      </div>
    </div>
  </div>
  <div class="row">
    <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;" />
    <div class="col-lg-12">
      <span style="font-size:2em">Agregar productos y servicios &nbsp;&nbsp;&nbsp;</span>
      <button type="button" class="btn btn-info" onclick="addProducto()"><i class="fa fa-plus"></i> Agregar Producto</button>
      <button type="button" class="btn btn-primary" onclick="addServicio()"><i class="fa fa-plus"></i> Agregar Servicio</button>
    </div>
    <div id="contenedor" class="row">

    </div>
  </div>
</div>
{!!Form::close()!!}
@endsection

@section('script')
<script>
  var emples = ;
  var titulos = '';
</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/estados.js')}}"></script>
<script src="{{ asset('js/formularios.js') }}"></script>
<script src="{{asset('js/prospectos/nuevo.js')}}"></script>
@endsection