@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')
<div class="row">
  <div class="col-sm-12" id="datos">
    {!!Form::open(array('method'=>'POST','autocomplete'=>'off','id'=>'formNewCot'))!!}
      {{Form::token()}}
      <div class="row border">
        <div class="col-sm-12 col-md-6">
          <h4>Vigencia de la cotización</h4>
          <div class="col-md-6">
            <div class="input-group">
              <span class="input-group-addon">Inicio</span>
              <input type="text" class="form-control fecha" onkeypress="return false" name="fini" value="{{date('Y-m-d')}}" placeholder="Fecha de inicio" data-date-start-date="0d">
            </div>
          </div>
          <div class="col-md-6">
            <div class="input-group">
              <span class="input-group-addon">Fin</span>
              <input type="text" class="form-control fecha" onkeypress="return false" name="ffin" value="" placeholder="Fecha de vencimiento" data-date-start-date="0d">
            </div>
          </div>
        </div>
        <div class="col-sm-12 col-md-6">
          <h4>Correo electrónico</h4>
          <input type="email" class="form-control" onkeypress="return validacorreo(event)" name="emailsend" value="" placeholder="Correo electrónico al que se enviará esta cotización" required>
        </div>
      </div>
      <div class="row border">
        <div class="col-sm-12 col-md-6">
          <h4>Datos del cliente</h4><hr>
          <input type="hidden" name="cliente" id="cliente" value="0">
          <label for="">Nombre comercial</label>
          <input type="text" class="form-control" name="NomCli" id="NomCli" value="" required onkeypress="return numerosyletras(event)" onkeyup="searchcliente()">
          <div id="OpcCli" class="100%" style="position:absolute; z-index:100; display:none;"></div>
          <label for="">RFC</label>
          <input type="text" class="form-control" name="rfcCli" id="rfcCli" value="" required onkeypress="return numerosyletras(event)">
          <label for="">Razón social</label>
          <input type="text" class="form-control" name="RSCli" id="RSCli" value="" required onkeypress="return numerosyletras(event)">
        </div>
        <div class="col-sm-12 col-md-6">
          <h4>Datos de la dirección</h4>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <label>Calle</label>
            <input type="text" class="form-control" name="Calle"  id="Calle" required onkeypress="return numerosyletras(event)">
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <label>Colonia</label>
            <input type="text" class="form-control" name="col" id="col"  required onkeypress="return numerosyletras(event)">
          </div>
          <div class="col-sm-6 col-md-4 col-lg-4">
            <label >Número Exterior</label>
            <input type="text" class="form-control" name="Ext" id="Ext" required onkeypress="return solonumeros(event)">
          </div>
          <div class="col-sm-6 col-md-4 col-lg-4">
            <label >Número Interior</label>
            <input type="text" class="form-control" name="Int" id="Int" onkeypress="return solonumeros(event)">
          </div>
          <div class="col-sm-12 col-md-4 col-lg-4">
            <label >Código Postal</label>
            <input type="text" class="form-control" name="CP" id="CP"  required onkeypress="return solonumeros(event)">
          </div>
          <div class="row" style="margin:0">
            <div class="col-sm-12 col-md-6 col-lg-6">
              <label >País</label>
              <input type="text" class="form-control" name="paisCot" id="paisCot" required onkeypress="return numerosyletras(event)">
            </div>
            <div class="col-sm-12 col-md-6 col-lg-6">
              <label>Estado</label>
              <input type="text" class="form-control" name="estadoCot" id="estadoCot" required onkeypress="return numerosyletras(event)">
            </div>
          </div>
          <div class="row" style="margin:0">
            <div class="col-sm-12 col-md-6 col-lg-6">
              <label>Delegación / Municipio</label>
              <input type="text" class="form-control" name="municipioCot" id="municipioCot" required onkeypress="return numerosyletras(event)">
            </div>
            <div class="col-sm-12 col-md-6 col-lg-6">
              <label >Ciudad</label>
              <input type="text" class="form-control" name="ciudad" id="ciudad" required onkeypress="return numerosyletras(event)">
            </div>
          </div>
        </div>
      </div>
      <div class="row border">
        <h4>Condiciones de compra</h4>
        <div class="col-md-8">
          <div class="row">
            <div class="col-sm-6 col-xs-12">
              <label>Tiempo de entrega</label>
              <div class="input-group">
                <input type="number" class="form-control" name="dias" onkeypress="return" value="0" min="0" required>
                <span class="input-group-addon">Días</span>
              </div>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label>Uso CFDI</label>
              <select class="form-control" name="usocfdi" id="usocfdi" required>
                <option value="Adquisición de mercancías [G01]">Adquisición de mercancías [G01]</option>
                <option value="Devoluciones, descuentos o bonificaciones [G02]">Devoluciones, descuentos o bonificaciones [G02]</option>
                <option value="Gastos en general [G03]" selected>Gastos en general [G03]</option>
                <option value="Construcciones [I01]">Construcciones [I01]</option>
                <option value="Mobiliario y equipo de oficina por inversiones [I02]">Mobiliario y equipo de oficina por inversiones [I02]</option>
                <option value="Equipo de transporte [I03]">Equipo de transporte [I03]</option>
                <option value="Equipo de cómputo y accesorios [I04]">Equipo de cómputo y accesorios [I04]</option>
                <option value="Dados, troqueles, moldes, matrices y herramental [I05]">Dados, troqueles, moldes, matrices y herramental [I05]</option>
                <option value="Comunicaciones telefónicas [I06]">Comunicaciones telefónicas [I06]</option>
                <option value="Comunicaciones satelitales [I07]">Comunicaciones satelitales [I07]</option>
                <option value="Otra maquinaria y equipo [I08]">Otra maquinaria y equipo [I08]</option>
                <option value="Honorarios médicos por incapacidad o discapacidad [D01]">Honorarios médicos por incapacidad o discapacidad [D01]</option>
                <option value="Gastos médicos por incapacidad o discapacidad [D02]">Gastos médicos por incapacidad o discapacidad [D02]</option>
                <option value="Gastos funerales [D03]">Gastos funerales [D03]</option>
                <option value="Donativos [D04]">Donativos [D04]</option>
                <option value="Intereses reales efectivamente pagados por créditos hipotecarios (casa habitación) [D05]">Intereses reales efectivamente pagados por créditos hipotecarios (casa habitación) [D05]</option>
                <option value="Aportaciones voluntarias al SAR [D06]">Aportaciones voluntarias al SAR [D06]</option>
                <option value="Primas por seguros de gastos médicos [D07]">Primas por seguros de gastos médicos [D07]</option>
                <option value="Gastos de transportación escolar obligatoria [D08]">Gastos de transportación escolar obligatoria [D08]</option>
                <option value="Depósitos en cuentas para el ahorro, primas que tengan como base planes de pensiones [D09]">Depósitos en cuentas para el ahorro, primas que tengan como base planes de pensiones [D09]</option>
                <option value="Pagos por servicios educativos [D10]">Pagos por servicios educativos [D10]</option>
                <option value="Por definir [P01]">Por definir [P01]</option>
              </select>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label>Forma de pago</label>
              <select class="form-control" name="fpago" required>
                @foreach ($formas as $fp)
                <option value="{{$fp->forma}} [{{$fp->clave}}]">{{$fp->forma}} [{{$fp->clave}}]</option>
                @endforeach
              </select>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label>Método de pago</label>
              <select class="form-control" name="MPago" required>
                <option value="Pago en una sola exhibición [PUE]">Pago en una sola exhibición [PUE]</option>
                <option value="Pago en parcialidades o diferido [PPD]">Pago en parcialidades o diferido [PPD]</option>
              </select>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label>Moneda</label>
              <select class="form-control" name="moneda" required>
                <option value="MXN" @if($fis->fis_moneda == 'MXN') selected @endif>MXN</option>
                <option value="USD" @if($fis->fis_moneda == 'USD') selected @endif>USD</option>
                <option value="EUR" @if($fis->fis_moneda == 'EUR') selected @endif>EUR</option>
              </select>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label>Tipo de cambio</label>
              <input type="text" class="form-control" onkeypress="return solonumeros(event)" name="tcambio" value="1">
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <label>Notas</label>
          <textarea name="notas" class="form-control" onkeypress="return validartexto(event)" rows="4" placeholder="Notas de cotización"></textarea>
        </div>
      </div>
      <div class="col-lg-12 border" style="overflow-x:auto">
        <div class="col-sm-12">
          <div class="col-sm-4">
            <label for="">Agregar un producto</label>
            <select class="form-control" onchange="addProd(this.value)" name="NewProd" id="NewProd">
              <option value="" disabled selected>Seleccione</option>
              @foreach($productos as $key => $prod)
              <option value="{{$key}}">{{$prod->prod_nombre}}</option>
              @endforeach
            </select>
          </div>
          <div class="col-sm-4">
            <label for="">Agregar un servicio</label>
            <select class="form-control" onchange="addServ(this.value)" name="NewServ" id="NewServ">
              <option value="" selected disabled>Seleccione</option>
              @foreach($servicios as $key => $serv)
              <option value="{{$key}}">{{$serv->serv_nombre}}</option>
              @endforeach
            </select>
          </div>
        </div>
        <table class="table table-responsive table-bordered table-striped">
          <thead>
            <th>Clave</th>
            <th class="col-xs-8">Concepto</th>
            <th class="col-xs-1">Precio</th>
            <th class="col-xs-1">Cantidad</th>
            <th class="col-xs-1">Subtotal</th>
            <th></th>
          </thead>
          <input type="hidden" name="NProds" id="NProds" value="0">
          <input type="hidden" name="NPr" id="NPr" value="0">
          <tbody id="products" class="tabfac">
          </tbody>
          <tfoot align="right">
            <tr>
              <td colspan="6" style="padding:0">
                <div class="input-group">
                  <span class="input-group-addon" style="border:0">Importe</span>
                  <span class="input-group-addon" style="border:0">$</span>
                  <input onkeypress="return false;" class="form-control" id="importetot" name="importetot" type="text" value="0.00">
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="6" style="padding:0">
                <div class="input-group">
                  <span class="input-group-addon" style="border:0">Descuento %</span>
                  <input type="number" class="form-control" onkeyup="totales()" onchange="totales()" onkeypress="return solonumeros(event)" name="desport" id="desport" value="0">
                  <span class="input-group-addon" style="border:0">$</span>
                  <input onkeypress="return false;" type="text" class="form-control" name="CantDesc" id="CantDesc" value="0.00">
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="26" style="padding:0">
                <div class="input-group">
                  <span class="input-group-addon" style="border:0">Subtotal</span>
                  <span class="input-group-addon" style="border:0">$</span>
                  <input onkeypress="return false;" class="form-control" id="SubTotalCot" name="SubTotalCot" type="text" value="0.00">
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="6" style="padding:0">
                <input type="hidden" name="iva" id="iva" value="{{$fis->fis_iva}}">
                <div class="input-group">
                  <span class="input-group-addon" style="border:0">IVA {{$fis->fis_iva}}&nbsp;%</span>
                  <span class="input-group-addon" style="border:0">$</span>
                  <input onkeypress="return false;" class="form-control" id="ivatotal" name="ivatotal" type="text" value="0.00">
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="6" style="padding:0">
                <div class="input-group">
                  <span class="input-group-addon" style="border:0">Total</span>
                  <span class="input-group-addon" style="border:0">$</span>
                  <input onkeypress="return false;" class="form-control" id="totalCot" name="totalCot" type="text" value="0.00"></input>
                </div>
              </td>
            </tr>
          </tfoot>
        </table>
      </div>

      <div class="col-sm-12 text-center">
        <hr>
        <button type="reset" class="btn btn-danger" onclick="window.history.back();"><i class="fa fa-close"></i> Cancelar</button>
        <button type="submit" style="width:200px;" class="btn btn-info"><i style="color:white" class="fa fa-save"></i> Guardar cotización</button>
      </div>
    {!!Form::close()!!}
  </div>
</div>
@endsection
@section('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/cotizaciones.js')}}"></script>
<script type="text/javascript">
$('.fecha').datepicker({
  autoclose: true,
  format: 'yyyy-mm-dd',
  language:'es',
  orientation: "bottom auto"
});
var clientes;
var productos = ;
var servicios = ;
var p = 0; q = 0;
var total = 0;
var subtotal = 0;
var auxdesc = 0;
var descuento = 0;
var tabla = document.getElementById('products');
var unidad = "";
</script>
@endsection