@extends('layouts.app')

@section('title')
  {{ config('app.name') }} | Nuevo
@endsection

@section('header')
  <a href="{{ route('home') }}" class="w3-bar-item w3-button"><span class="fa fa-home fa-fw"></span> Home</a>
@endsection

@section('content')
  @if(\Auth::user()->rol->rol_nombre == 'Administrador' || \Auth::user()->rol->rol_nombre == 'Manager' || \Auth::user()->rol->rol_nombre == 'Cartera' || \Auth::user()->rol->rol_nombre == 'Facturador')
  <div class="w3-content">
    <div class="w3-container">
      <div class="w3-row">
        <div class="w3-col s12 w3-hide-small">
          {!! Form::open(['route' => 'erc.recibos.create', 'method' => 'get']) !!}
            <div class="input-group w3-col s4 w3-right">
              {!! Form::text('codigo', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'placeholder' => 'Buscar estudiante', 'aria-describedby' => 'search', 'required']) !!}
              <span class="input-group-addon" id="search"><i class="fa fa-search"></i></span>
              <a class="w3-bar-item" data-toggle="tooltip" data-placement="auto bottom" title="Para crear un recibo de caja e-RC digite el código o identificación del usuario. Si existen registros del usuario, los campos se rellenarán automáticamente. Sin embargo, también puede crear uno nuevo."><span class="fa fa-question-circle fa-fw"></span></a>
            </div>
          {!! Form::close() !!}
        </div>
        <div class="w3-col s12 w3-hide-large">
          {!! Form::open(['route' => 'erc.recibos.create', 'method' => 'get']) !!}
            <div class="input-group w3-col s12 w3-right">
              {!! Form::text('codigo', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'placeholder' => 'Buscar estudiante', 'aria-describedby' => 'search', 'required']) !!}
              <span class="input-group-addon" id="search"><i class="fa fa-search"></i></span>
              <a class="w3-bar-item" data-toggle="tooltip" data-placement="auto bottom" title="Para crear un recibo de caja e-RC digite el código o identificación del usuario. Si existen registros del usuario, los campos se rellenarán automáticamente. Sin embargo, también puede crear uno nuevo."><span class="fa fa-question-circle fa-fw"></span></a>
            </div>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
    <br><br>
    <div class="w3-row w3-text-theme">
      <div class="w3-col s12 text-center">
        <h2><b>Recibo de Caja</b></h2>
      </div>
    </div>

    <div class="w3-row">
      <div class="w3-col s12">
        <div class="w3-panel w3-theme w3-padding">
          <span onclick="this.parentElement.style.display='none'" class="w3-closebtn fa fa-times fa-fw w3-right"></span>
          El usuario con código <b>{{ $matriculado->usuario }}</b> ha sido encontrado en Banner.
        </div>
      </div>
    </div>

    {!! Form::open(['route' => 'erc.recibos.store', 'method' => 'post', 'multipart/form-data' => 'true']) !!}
  		<div class="row">
  			<div class="col-sm-12 w3-padding">
  				<div class="row">
  					<div class="col-sm-6">
  						<div class="form-group">
  							<label>Centro Operación*</label>
                {!! Form::select('centrooperacion_id', $centros_operacion, old('centrooperacion_id'), ['class' => 'w3-input w3-text-grey w3-border w3-border-theme' , 'onchange' => 'totalAPagar(); return false', 'placeholder' => 'Seleccionar', 'required' => true]) !!}
  						</div>
  					</div>
  					<div class="col-sm-6">
  						<div class="form-group">
  							<label>N° Liquidación Banner*</label>
                {!! Form::text('recibo_codigo_liquidacion', old('recibo_codigo_liquidacion'), ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'liquidacion_banner', 'onchange' => 'totalAPagar(); return false', 'maxlength' => '20', 'placeholder' => 'Código Liquidación', 'required' => 'true']) !!}
  						</div>
  					</div>
  				</div>
  			</div>
  		</div>
      <hr>

  		<div class="row">
  			<div class="col-sm-5 w3-padding">
          <div class="row">
            <div class="col-sm-12">
              <div class="w3-panel w3-leftbar w3-border-theme">
                    <h4 style="padding: .2em"><b>Información Personal</b></h4>
              </div>
            </div>
          </div>
          <p>
            <label>Nombres*:</label>
            {!! Form::text('recibo_cliente_nombres', $matriculado->nombres, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'nombres', 'maxlength' => '100', 'placeholder' => 'Nombres', 'required' => 'true']) !!}
          </p>
          <p>
			      <label>Identificación*:</label>
            {!! Form::text('recibo_cliente_identificacion', $matriculado->documento, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'identificacion', 'maxlength' => '20', 'placeholder' => 'Identificación', 'required' => 'true']) !!}
          </p>
          <p>
  				  <label>Programa:</label>
            {!! Form::text('recibo_cliente_programa', $matriculado->programa, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'programa', 'maxlength' => '100', 'placeholder' => 'Programa']) !!}
          </p>
          <p>
  				  <label>Dirección:</label>
            {!! Form::text('recibo_cliente_direccion', $matriculado->email, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'direccion', 'maxlength' => '100', 'placeholder' => 'Dirección']) !!}
          </p>
          <p>
  				  <label>Teléfono*:</label>
            {!! Form::text('recibo_cliente_telefono', (!empty($matriculado->telefono) || $matriculado->telefono != null)?$matriculado->telefono->telp_telres:null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'telefono', 'maxlength' => '50', 'placeholder' => 'Teléfono', 'required' => 'true']) !!}
          </p>
          <p>
  				  <label>Ciudad:</label>
            {!! Form::text('recibo_cliente_ciudad', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'ciudad', 'maxlength' => '100', 'placeholder' => 'Ciudad']) !!}
          </p>
          <p>
  				  <label>Observaciones:</label>
            {!! Form::textarea('recibo_observaciones', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'observaciones', 'maxlength' => '255', 'rows' => '5', 'placeholder' => 'Observaciones (255 caracteres).']) !!}
          </p>
        </div>
  			<div class="col-sm-offset-1 col-sm-6 w3-padding">
          <div class="w3-row">
            <div class="w3-col s12">
              <div class="w3-panel w3-leftbar w3-border-theme">
                    <h4 style="padding: .2em"><b>Conceptos de Caja</b></h4>
              </div>
            </div>
          </div>

          <div class="w3-row">
            <div class="w3-col s12">
              <div class="w3-panel w3-theme w3-padding">
                <span onclick="this.parentElement.style.display='none'" class="fa fa-times w3-button w3-right w3-hover-none"></span>
                Utilizar punto (.) sólo para indicar decimales.
              </div>
            </div>
          </div>

          <div class="w3-row">
      			<div class="w3-col s12">
      				<div id="alerta" class="w3-panel w3-pale-red w3-leftbar w3-border-red" hidden><h4><span class="fa fa-exclamation-triangle"></span> El valor debe ser mayor o igual $0 (Cero).</h4></div>
      			</div>
      		</div>

  				<table width="100%" height="320px">
  					<tr>
  						<th width="40%"></th>
  						<th>Valor $0.00</th>
  					</tr>
  					<tr>
  						<th> Matrícula</th>
  						<td>
                {!! Form::number('concepto_matricula', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'matricula', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Carnet</th>
  						<td>
                {!! Form::number('concepto_carnet', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'carnet', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Precooperativa</th>
  						<td>
                {!! Form::number('concepto_precooperativa', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'precooperativa', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Curso de Verano</th>
  						<td>
                {!! Form::number('concepto_curso_verano', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'curso_verano', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Certificados</th>
  						<td>
                {!! Form::number('concepto_certificado', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'certificados', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Derechos de Grado</th>
  						<td>
                {!! Form::number('concepto_derechos_grado', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'derechos_grado', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Habilitación</th>
  						<td>
                {!! Form::number('concepto_habilitacion', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'habilitacion', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Seguro Estudiantil</th>
  						<td>
                {!! Form::number('concepto_seguro_estudiantil', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'seguro_estudiantil', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Estampilla Procultura</th>
  						<td>
                {!! Form::number('concepto_estampilla', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'estampilla', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Inscripción</th>
  						<td>
                {!! Form::number('concepto_inscripcion', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'inscripcion', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Homologación</th>
  						<td>
                {!! Form::number('concepto_homologacion', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'homologacion', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> Otros Conceptos</th>
  						<td>
                {!! Form::number('concepto_otros', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'otros_conceptos', 'onblur' => 'totalAPagar();', 'onkeyup' => 'totalAPagar();', 'maxlength' => '20', 'placeholder' => '0.0', 'required' => 'true']) !!}
              </td>
  					</tr>
  					<tr>
  						<th> <b>TOTAL</b></th>
  						<th>
                {!! Form::text('concepto_total', 0,['class' => 'w3-input w3-text-grey w3-border w3-border-theme', 'id' => 'total', 'maxlength' => '20', 'placeholder' => '$0.0', 'readonly' => 'true']) !!}
              </th>
  					</tr>
  				</table>
  			</div>
  		</div>
  		<hr>

      <div class="w3-row">
        <div class="w3-col s12">
          <div class="w3-panel w3-leftbar w3-border-theme">
            <h4 class="w3-text-theme" style="padding: .2em"><b>Modalidad de Pago</b></h4>
          </div>
        </div>
      </div>

      <div class="w3-row">
  			<div class="w3-col s6 w3-padding">
          @foreach ($pagos as $pago)
              <p>
                {{ Form::checkbox('pago_id[]', $pago->pago_id, null, ['onchange' => 'displayPago(this.value); return false', 'id' => 'checkbox_'.$pago->pago_id]) }}
                {{ Form::label('pago_id', $pago->pago_nombre) }}
              </p>

              <p class="w3-margin-left">
                {{ Form::label('recibopago_valor', 'Valor', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                {{ Form::number('recibopago_valor[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Valor', 'style' => 'display:none;', 'disabled']) }}
              </p>

              @if($pago->pago_nombre == 'Cheque')
                  <p class="w3-margin-left">
                    {{ Form::label('recibopago_entidad_bancaria', 'Entidad Bancaria', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                    {{ Form::text('recibopago_entidad_bancaria[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'maxlength' => '100', 'placeholder' => 'Entidad Bancaria', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::label('recibopago_codigo', 'N° Cheque', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                    {{ Form::number('recibopago_codigo[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => $pago->pago_nombre, 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::label('recibopago_plaza', 'Plaza', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                    {{ Form::number('recibopago_plaza[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Plaza', 'style' => 'display:none;', 'disabled']) }}
                  </p>
               @elseif($pago->pago_nombre == 'Tarjeta')
                  <!-- visible input -->
                  <p class="w3-margin-left">
                    {{ Form::label('recibopago_entidad_bancaria', 'Entidad Bancaria', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                    {{ Form::text('recibopago_entidad_bancaria[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'maxlength' => '100', 'placeholder' => 'Entidad Bancaria', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::label('recibopago_codigo', 'Voucher', ['class' => 'valor_'.$pago->pago_id, 'style' => 'display:none;']) }}
                    {{ Form::number('recibopago_codigo[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Voucher', 'style' => 'display:none;', 'disabled']) }}
                  </p>

                  <!-- hidden input -->
                  <p class="w3-margin-left">
                    {{ Form::number('recibopago_plaza[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Plaza', 'style' => 'display:none;', 'disabled']) }}
                  </p>
               @elseif($pago->pago_nombre == 'Efectivo')
                  <!-- hidden input -->
                  <p class="w3-margin-left">
                    {{ Form::number('recibopago_codigo[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Voucher', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::text('recibopago_entidad_bancaria[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'maxlength' => '100', 'placeholder' => 'Entidad Bancaria', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::number('recibopago_plaza[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Plaza', 'style' => 'display:none;', 'disabled']) }}
                  </p>
               @elseif($pago->pago_nombre == 'Transferencia')
                  <!-- hidden input -->
                  <p class="w3-margin-left">
                    {{ Form::number('recibopago_codigo[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Voucher', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::text('recibopago_entidad_bancaria[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'maxlength' => '100', 'placeholder' => 'Entidad Bancaria', 'style' => 'display:none;', 'disabled']) }}
                  </p>
                  <p class="w3-margin-left">
                    {{ Form::number('recibopago_plaza[]', null, ['class' => 'w3-input w3-text-grey w3-border w3-border-theme valor_'.$pago->pago_id.' hide_'.$pago->pago_id, 'id' => 'valor_'.$pago->pago_id, 'placeholder' => 'Plaza', 'style' => 'display:none;', 'disabled']) }}
                  </p>
               @endif
             </p>
          @endforeach
        </div>
      </div>
  	  <br>
      <div class="w3-row w3-right">
  			<div class="w3-col s12">
  				<button type="submit" id="guardar_formulario" class="w3-btn w3-theme"><span class="fa fa-save fa-fw"></span> Guardar</button>
  				<a href="{{ route('erc.recibos.create') }}" class="w3-btn w3-red"><span class="fa fa-times fa-fw"></span> Cancelar</a>
  			</div>
  		</div>
    {!! Form::close() !!}
  </div>
  @else
    <div class="w3-content">
      <div class="w3-panel w3-pale-red w3-leftbar w3-border-red">
        <p class="w3-padding"><br />¡Lo sentimos! Usuario no autorizado.</p>
      </div>
    </div>
  @endif
@endsection