@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')
<section>
  <div class="row" id="datos">
    {!!Form::open(array('url'=>'facturas','method'=>'POST','autocomplete'=>'off','id'=>'formNewFac'))!!}
      {{Form::token()}}
      <div class="col-sm-12 border text-right">
        <h3 style="text-align:left">Datos del cliente</h3><hr>

        <div class="row">
          <div class="col-md-1">
            <h5>Razón social:</h5>
            <input type="hidden" name="cliente" id="cliente" value="">
          </div>
          <div class="col-md-7">
            <input type="text" class="form-control" name="RSCli" id="RSCli" value="" onkeypress="return numerosyletras(event)" onkeyup="searchcliente()" placeholder="Buscar un cliente">
            <div id="OpcCli" class="100%" style="position:absolute; z-index:100; display:none;text-align:left;"></div>
          </div>

          <div class="col-md-1">
            <h5>RFC:</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" name="rfcCli" id="rfcCli" value="">
          </div>
        </div>

        <div class="row" style="margin-top:10px">
          <div class="col-md-1">
            <h5>Calle</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" name="Calle"  id="Calle" required="">
          </div>
          <div class="col-md-1">
            <h5>No. Exterior</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" id="Ext" name="Ext" required="">
          </div>
          <div class="col-md-1">
            <h5>No. Interior</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" id="Int" name="Int">
          </div>
        </div>

        <div class="row" style="margin-top:10px">
          <div class="col-md-1">
            <h5>Colonia</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" name="col" id="col"  required="">
          </div>
          <div class="col-md-1">
            <h5>C.P.</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" id="CP" name="CP" required="required">
          </div>
          <div class="col-md-1">
            <h6>Municipio/Alcaldía</h6>
          </div>
          <div class="col-md-3">
            <input class="form-control" type="text" onkeypress="return false;" name="municipioFac" id="municipioFac" value="">
          </div>
        </div>

        <div class="row" style="margin-top:10px">
          <div class="col-md-1">
            <h5>Ciudad</h5>
          </div>
          <div class="col-md-3">
            <input type="text" onkeypress="return false;" class="form-control" id="ciudad" name="ciudad" required="">
          </div>
          <div class="col-md-1">
            <h5>Estado</h5>
          </div>
          <div class="col-md-3">
            <input class="form-control" type="text" onkeypress="return false;" name="estadoFac" id="estadoFac" value="">
          </div>
          <div class="col-md-1">
            <h5>Pais</h5>
          </div>
          <div class="col-md-3">
            <input class="form-control" type="text" onkeypress="return false;" name="paisFac" id="paisFac" value="">
          </div>
        </div>

        <div class="row" style="margin-top:10px">
          <div class="col-md-1">
            <h5>Uso de CFDI</h5>
          </div>
          <div class="col-md-5">
            <select class="form-control" name="usocfdi" id="usocfdi">
              @foreach( $uCFDI as $uc )
                <option value="{{$uc->clave}}">{{$uc->concepto}} [{{$uc->clave}}]</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-1">
              <h5>R&eacute;gimen Fiscal</h5>
            </div>
            <div class="col-md-5">
              <select class="form-control" name="regimen" id="regimen" required>
                <option disabled selected></option>
              </select>
            </div>

      </div>

      <div class="col-sm-12 border">
        <h3 style="text-align:left">Datos de factura</h3><hr>
        <div class="row">
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Folio a usar</label>
            <select class="form-control" onchange="SetFolios(this.value)" name="folioU" id="folioU">
              <option value="">Seleccione...</option>
              <option value="n">Normal</option>
              <option value="a">Alterno</option>
            </select>
          </div>
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Serie:</label>
            <input type="text" onkeypress="return false;" class="form-control" name="Serie" id="Serie" value="" required>
          </div>
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Folio:</label>
            <input type="text" onkeypress="return false;" class="form-control" name="Folio" id="Folio" value="" required>
          </div>
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Fecha:</label>
            <input type="text" class="form-control fecha" name="Fecha" id="Fecha" value="{{date('Y-m-d')}}">
          </div>
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Moneda</label>
            <select class="form-control" name="moneda" required>
              <option value="MXN" @if($fiscales->fis_moneda == 'MXN') selected @endif>MXN</option>
              <option value="USD" @if($fiscales->fis_moneda == 'USD') selected @endif>USD</option>
              <option value="EUR" @if($fiscales->fis_moneda == 'EUR') selected @endif>EUR</option>
            </select>
          </div>
          <div class="col-md-2 col-sm-4 col-xs-6">
            <label>Tipo de cambio:</label>
            <input type="text" class="form-control" name="tipoCambio" id="tipoCambio" value="1">
          </div>
          <div class="col-md-2 col-sm-12 col-xs-12">
            <br>
            <label>Exportaci&oacute;n</label>
            <select class="form-control" name="exportacion">
              @foreach ( $exportacion as $ex )
              <option value="{{$ex->clave}}">{{$ex->concepto}} [{{$ex->clave}}]</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-10 col-sm-12 col-xs-12">
            <br>
            <label>Observaciones</label>
            <input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="obs" id="obs">
          </div>
        </div>

      </div>

      <div class="col-sm-12 border">
        <h3>Datos de pago</h3><hr>
        <div class="row">
          <div class="col-md-6">
            <label>Método de pago (Pago en una sola exhibición o Parcialidades):</label>
            <select class="form-control" name="MPago" required>
              <option value="PUE">Pago en una sola exhibición [PUE]</option>
              <option value="PPD">Pago en parcialidades o diferido [PPD]</option>
            </select>
          </div>
          <div class="col-md-6">
            <label>Forma de Pago:</label>
            <select class="form-control" required name="CFPago" id="CFPago">
              <option value="" disabled selected>Seleccione...</option>
              @foreach($fpago as $fp)
              <option value="{{$fp->clave}}">{{$fp->forma}} [{{$fp->clave}}]</option>
              @endforeach
            </select>
          </div>
        </div>
      </div>

      <div class="col-lg-12 border">
        <div class="col-sm-12">
          <div class="col-sm-4">
            <label>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>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>
        <div class="row">
          <div class="col-xs-12" style="overflow-y:auto">
              <table class="table table-responsive table-bordered table-striped" style="margin-top:15px;">
                <thead>
                  <th>Clave</th>
                  <th>ClaveProdServ</th>
                  <th>ClaveUnidad</th>
                  <th style="width:30%">Concepto</th>
                  <th>Unidad de medida</th>
                  <th >P.U.</th>
                  <th style="width:39px;">Cantidad</th>
                  <th>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="9" 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="ImporteFact" name="ImporteFact" type="text" value="0.00">
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="9" style="padding:0">
                      <div class="input-group">
                        <span class="input-group-addon" style="border:0">Descuento %</span>
                        <input onkeypress="return solonumeros(event);" onkeyup="totales()" onchange="totales()" type="number" class="form-control" name="PorDesc" id="PorDesc" value="0.00" min="0" max="100" required>
                        <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="9" 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="SubTotalFact" name="SubTotalFact" type="text" value="0.00">
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="9" style="padding:0">
                      <input type="hidden" name="iva" id="iva" value="{{$fiscales->fis_iva}}">
                      <div class="input-group">
                        <span class="input-group-addon" style="border:0">IVA ({{$fiscales->fis_iva}} %):</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="9" 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="totalFact" name="totalFact" type="text" value="0.00"></input>
                      </div>
                    </td>
                  </tr>
                </tfoot>
              </table>
          </div>
        </div>
      </div>

      <div class="col-sm-12 border">
        <h3>Datos Correo</h3>
        <div class="row">
          <div class="col-md-4">
            <label>Correo responder a:</label>
            <input type="email" class="form-control" onkeypress="return validacorreo(event)" name="emailresp" value="usuarios@netweb.com.mx" placeholder="Correo electrónico al cual responder" required>
          </div>
          <div class="col-md-4">
            <label>Nombre responder a:</label>
            <input type="text" class="form-control" onkeypress="return soloLetras(event)" name="emailnom" value="{{Session::get('nombre')}}" placeholder="Correo electrónico al cual responder" required>
          </div>
          <div class="col-md-4">
            <label>Enviar a:&nbsp; <span style="font-size:16px;" id="emailCli"></span></label>
            <input type="email" class="form-control" onkeypress="return validacorreo(event)" name="emailsend" value="" placeholder="Correo electrónico al que se enviará la factura" required>
          </div>
        </div>
      </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" @if(Session::get('idEmpresa') == 4) disabled @endif>
          <i style="color:white" class="fa fa-save"></i> Generar factura
        </button>
      </div>
    {!!Form::close()!!}
  </div>
</section>
@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 type="text/javascript">
var clientes; var s; var y;
var productos = ;
var servicios = ;
var fiscales = null;
var p = 0; q = 0;
var total = 0;
var subtotal = 0;
var auxdesc = 0;
var descuento = 0;
var tabla = document.getElementById('products');
var unidad = "";
$('.fecha').datepicker({
  autoclose: true,
  format: 'yyyy-mm-dd',
  language:'es',
  orientation: "bottom auto"
});
</script>
<script src="{{asset('js/CreaFactura.js')}}"></script>
@endsection