@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'=>'recibos','method'=>'POST','autocomplete'=>'off','id'=>'formNewRec'))!!}
      <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="_method" value="POST">
            <input type="hidden" name="vencimiento" value="{{$VEN->venc_id}}">
            <input type="hidden" name="cliente" id="cliente" value="{{$CLI->pros_id}}">
          </div>
          <div class="col-md-7">
            <input type="text" class="form-control" name="RSCli" id="RSCli" value="{{$CLI->pros_rs}}" onkeypress="return numerosyletras(event)"  placeholder="Buscar un cliente" readonly>
          </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="{{$CLI->pros_rfc}}" readonly>
          </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" value="{{$CLI->dir_calle}}" readonly 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" value="{{$CLI->dir_ext}}" readonly 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" value="{{$CLI->dir_int}}" readonly>
          </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" value="{{$CLI->dir_colonia}}" readonly 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" value="{{$CLI->dir_cp}}" readonly 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="{{$CLI->mnp_nombre}}" readonly required>
          </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" value="{{$CLI->dir_ciudad}}" readonly 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="{{$CLI->etd_nombre}}" readonly required>
          </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="{{$CLI->ps_nombre}}" readonly required>
          </div>
        </div>
      </div>

      <div class="col-sm-12 border">
        <h3 style="text-align:left">Datos de pago</h3><hr>
        <div class="row">
          <div class="col-md-6">
            <div class="row">
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="form-group">
                  <label>Fecha:</label>
                  <input type="text" class="form-control fecha" name="Fecha" id="Fecha" value="{{date('Y-m-d')}}">
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="form-group">
                  <label>Moneda</label>
                  <select class="form-control" name="moneda" required>
                    <option value="MXN">MXN</option>
                    <option value="USD">USD</option>
                    <option value="EUR">EUR</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="form-group">
                  <label>Tipo de cambio:</label>
                  <input type="text" class="form-control" name="tipoCambio" id="tipoCambio" value="1">
                </div>
              </div>
            </div>
            <div class="form-group">
              <label>Comprobante de pago</label>
              <input type="file" class="form-control" name="comprobante" value="">
            </div>
          </div>
          <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="form-group">
              <label>Comentarios</label>
              <textarea class="form-control" onkeypress="return numerosyletras(event)" name="obs" id="obs" rows="5"></textarea>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-12 border">
        <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 style="color:white;background:#3c8dbc;">
                <th>Clave</th>
                <th>Concepto</th>
                <th>Importe</th>
                <th>IVA</th>
                <th>Subtotal</th>
              </thead>
              <tbody id="products">
                @foreach ($SRS as $i => $s)
                                <tr>
                  <td>
                    <input type="hidden" name="clave[]" value="{{$s->serv_clave}}">
                    {{$s->serv_clave}}
                  </td>
                  <td style="padding:0">
                    <input type="hidden" name="idserv[]" value="{{$s->servc_id}}">
                    <input type="text" name="concepto[]" class="form-control" value="{{$s->serv_nombre}} {{$refe}}" onkeypress="return validartexto(event)">
                  </td>
                  <td>
                    <input type="hidden" name="importe[]" value="{{$s->servc_total}}">
                    $&nbsp;&nbsp;{{number_format($s->servc_total,2,'.',',')}}
                  </td>
                  <td>
                    <input type="hidden" name="ivap[]" value="{{$IP}}">
                    $&nbsp;&nbsp;{{number_format($IP,2,'.',',')}}
                  </td>
                  <td>
                    <input type="hidden" name="totalp[]" value="{{$TP}}">
                    $&nbsp;&nbsp;{{number_format($TP,2,'.',',')}}
                  </td>
                </tr>
                @endforeach
              </tbody>
              <tfoot align="right">
                <tr>
                  <td colspan="4" style="color:white;background:#3c8dbc;"><b>SUBTOTAL</b></td>
                  <td class="text-left">
                    <input type="hidden" name="SUBTOTAL" value="{{$SUBTOTAL}}">
                    $&nbsp;&nbsp;{{number_format($SUBTOTAL,2,'.',',')}}
                  </td>
                </tr>
                <tr>
                  <td colspan="4" style="color:white;background:#3c8dbc;"><b>IVA ({{$FIS->fis_iva}} %):</b></td>
                  <td class="text-left">
                    <input type="hidden" name="IVA" value="{{$IVA}}">
                    $&nbsp;&nbsp;{{number_format($IVA,2,'.',',')}}
                  </td>
                </tr>
                <tr>
                  <td colspan="4" style="color:white;background:#3c8dbc;"><b>TOTAL:</b></td>
                  <td class="text-left">
                    <input type="hidden" name="TOTAL" value="{{$TOTAL}}">
                    $&nbsp;&nbsp;{{number_format($TOTAL,2,'.',',')}}
                  </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:</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="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 recibo
        </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 src="{{ asset('js/GeneraRecibo.js') }}"></script>
@endsection