@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datepicker.css')!!}
@stop

@section('content')
<div id="cargando">
    <div class="windows8">
        <div class="wBall" id="wBall_1">
            <div class="wInnerBall">
            </div>
        </div>
        <div class="wBall" id="wBall_2">
            <div class="wInnerBall">
            </div>
        </div>
        <div class="wBall" id="wBall_3">
            <div class="wInnerBall">
            </div>
        </div>
        <div class="wBall" id="wBall_4">
            <div class="wInnerBall">
            </div>
        </div>
        <div class="wBall" id="wBall_5">
            <div class="wInnerBall">
            </div>
        </div>
    </div>
    <br><h4>Espere un momento..</h4>
</div>
    @if(Session::has('message_error'))
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
        <div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error') !!}</strong></div>
      </div>
    </div>
    @endif
    @if(Session::has('message_success'))
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
        <div class="alert alert-success success-msg centrado"><strong>{!! Session::get('message_success') !!}</strong></div>
      </div>
    </div>
    @endif
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
               Por favor indique los datos de la transacci&oacute;n realizada
            </div>
            <div class="panel-body">
                {!!Form::open(array('url' => 'administrativo/guardarpagoe', 'method' => 'POST', 'enctype'=>'multipart/form-data'))!!}{!! csrf_field() !!}
                <div class="form-group col-lg-12 col-md-12 col-col-sm-12 col-col-xs-12">
                <table>
                  <tr>
                    <td width="100%" style="font-size:14px">
                      <strong>C&eacute;dula: </strong>{!! $cedula !!}<br />
                      <strong>Estudiante: </strong>{!! Estudiante::find($cedula)->nombres !!} {!! Estudiante::find($cedula)->apellidos !!}<br />
                    </td>
                  </tr>
                </table>
                </div>       
                 <div id="div_fecha" class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12 @if($errors->has('fecha')){!!'has-error'!!} @endif">
                    <label>Fecha de la Operaciónn <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        <div class="input-group date" id="fecha" name="fecha">
                        {!! Form::text('fecha', NULL, $attributes = array('class' => 'form-control', 'id'=>'fecha1', 'placeholder'=>'Seleccione fecha', 'readonly'=>'readonly', 'required'=>'required')) !!}<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>                  
                        <div id="fechaAviso" class="text-danger"></div>             
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('tipo de factura')){!!'has-error'!!} @endif"">
                    <label for="tipo_factura">Tipo de Factura:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                    {!! Form::select('tipo_factura', $tipo_factura ,'NULL', $attributes =array('class' => 'form-control', 'id'=>'tipo_factura', 'required'=>'required')) !!}
                    <div id="msg_tipo" class="text-danger">
                        @if($errors->has('tipo de factura'))  {!! $errors->first('tipo de factura') !!} @else {!! "&nbsp;" !!} @endif
                    </div>  
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('documento')){!!'has-error'!!} @endif">
                    <label for="documento">C.I./RIF: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        {!!Form::text('documento',$cedula,array('id' => 'documento', 'class' => 'form-control','maxlength' => '50'))!!}
                      <div class="text-danger">
                        @if($errors->has('documento'))  {!! $errors->first('documento') !!} @else {!! "&nbsp;" !!} @endif
                      </div> 
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('cliente')){!!'has-error'!!} @endif">
                    <label for="cliente">Cliente: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        {!!Form::text('cliente',Estudiante::find($cedula)->nombres.' '.Estudiante::find($cedula)->apellidos,array('id' => 'cliente', 'class' => 'form-control','maxlength' => '50'))!!}
                      <div class="text-danger">
                        @if($errors->has('cliente'))  {!! $errors->first('cliente') !!} @else {!! "&nbsp;" !!} @endif
                      </div> 
                  </div>
                  <div class="form-group col-lg-9 col-md-9 col-sm-12 col-xs-12 @if($errors->has('direccion')){!!'has-error'!!} @endif">
                    <label for="direccion">Dirección: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        {!!Form::text('direccion',Estudiante::find($cedula)->direccion_res,array('id' => 'direccion', 'class' => 'form-control','maxlength' => '50'))!!}
                      <div class="text-danger">
                        @if($errors->has('direccion'))  {!! $errors->first('direccion') !!} @else {!! "&nbsp;" !!} @endif
                      </div> 
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('recibo')){!!'has-error'!!} @endif">
                    <label for="recibo">Nro. Correlativo: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        {!!Form::text('recibo',DB::table('pagos')->max('recibo')+1,array('id' => 'recibo', 'class' => 'form-control','maxlength' => '50'))!!}
                      <div class="text-danger">
                        @if($errors->has('recibo'))  {!! $errors->first('recibo') !!} @else {!! "&nbsp;" !!} @endif
                      </div> 
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('referencia')){!!'has-error'!!} @endif">
                    <label for="referencia">Referencia: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                        {!!Form::text('referencia',NULL,array('id' => 'referencia', 'class' => 'form-control','maxlength' => '50'))!!}
                      <div class="text-danger">
                        @if($errors->has('referencia'))  {!! $errors->first('referencia') !!} @else {!! "&nbsp;" !!} @endif
                      </div> 
                  </div>
                  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('banco de destino')){!!'has-error'!!} @endif"">
                    <label for="banco_destino">Banco Destino:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                    {!! Form::select('banco_destino', $banco_destino ,'NULL', $attributes =array('class' => 'form-control', 'id'=>'banco_destino', 'required'=>'required')) !!}
                    <div id="msg_tipo" class="text-danger">
                        @if($errors->has('banco de destino'))  {!! $errors->first('banco de destino') !!} @else {!! "&nbsp;" !!} @endif
                    </div>  
                  </div>
                  <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('monto')){!!'has-error'!!} @endif">
                          <label for="monto">Monto en Bolivares:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                            <input id="montot" readonly value="00,00" name="montot" class="form-control" data-decimal="," data-thousands="." required/>
                        </div>
                         <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('monto')){!!'has-error'!!} @endif">
                          <label for="monto">Monto en Dolares:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                            <input readonly  id="montoDolarest" value="00,00" name="montoDolarest" class="form-control" data-decimal="," data-thousands="." required />
                        </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('igtf')){!!'has-error'!!} @endif">
                      <label for="igtf">IGTF:</label>
                          <input  id="igtf" value="00,00" name="igtf" class="form-control" data-decimal="," data-thousands="." required />
                        <div class="text-danger">
                          @if($errors->has('igtf'))  {!! $errors->first('igtf') !!} @else {!! "&nbsp;" !!} @endif
                        </div> 
                    </div>
                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                    <input type="submit" value="Enviar Datos" class="btn btn-primary">
                </div>
                {!! Form::hidden('estudiante_id',$cedula,array('id' => 'cedula')) !!}
                {!!Form::close()!!}
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive">
                        <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('concepto')){!!'has-error'!!} @endif">
                            <label for="concepto">Concepto:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                              {!!Form::select('concepto',$conceptos,NULL,array('id' => 'concepto', 'class' => 'form-control','maxlength' => '50','required'=>'required'))!!}
                              <div class="text-danger">
                                @if($errors->has('concepto'))  {!! $errors->first('concepto') !!} @else {!! "&nbsp;" !!} @endif
                              </div>
                          </div>
                        <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('descripcion')){!!'has-error'!!} @endif">
                          <label for="descripcion">Descripci&oacute;n: <span class="glyphicon glyphicon-asterisk text-danger"></span></label>
                              {!!Form::text('descripcion',NULL,array('id' => 'descripcion', 'class' => 'form-control','maxlength' => '50'))!!}
                            <div class="text-danger">
                              @if($errors->has('descripcion'))  {!! $errors->first('descripcion') !!} @else {!! "&nbsp;" !!} @endif
                            </div> 
                        </div>
                        <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('monto')){!!'has-error'!!} @endif">
                          <label for="monto">Monto en Bolivares:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                            <input id="monto" value="00,00" name="monto" class="form-control" data-decimal="," data-thousands="." required/>
                        </div>
                         <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12 @if($errors->has('monto')){!!'has-error'!!} @endif">
                          <label for="monto">Monto en Dolares:<span class="glyphicon glyphicon-asterisk text-danger"></span></label> 
                            <input  id="montoDolares" value="00,00" name="montoDolares" class="form-control" data-decimal="," data-thousands="." required />
                        </div>
                        <div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
                          <button class="btn btn-success" id="boton1"><span class="glyphicon glyphicon-ok"></span></button>
                        </div>
                </div>  
            </div>                  
        </div>
        <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12" id="mensaje"></div>
            </div>
            <div class="panel panel-default">
                <div class="panel-body">
                <h6>Conceptos Agregados</h6>
                    <div class="table-responsive">
                        <div id="tabla_materia">
                          {!! $tabla !!}
                        </div>
                    </div>
                </div>
            </div>
    </div>
@stop
@section('postscript')

{!! Html::script('js/jquery_ui.js') !!}
{!! Html::script('js/datepicker/bootstrap-datepicker.js') !!}
{!! Html::script('js/datepicker/locales/bootstrap-datepicker.es.js') !!}
{!! Html::script('js/solonumeros.js') !!}

<script type="text/javascript">
    $(document).ready(function(){
        $('#fecha1').datepicker({
            language: "es",
            autoclose: true,
            format: "dd-mm-yyyy"
        });

        $("#fecha1").change(function(){
            $('#montoDolares').prop('readonly', false);
            $('#monto').prop('readonly', false);
        })

        $("#montoDolares").keyup(function(){
            var fecha = $("#fecha1").val();
            var monto = $("#montoDolares").val();

            if(fecha==''){
                var aviso = "Seleccione fecha";
                $('#montoDolares').prop('readonly', true);
                $('#monto').prop('readonly', true);
                $("#fechaAviso").html(aviso);   
            }else{
                var aviso = "";
                $('#montoDolares').prop('readonly', false);
                $('#monto').prop('readonly', false);
                $("#fechaAviso").html(aviso);
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('AdministrativoController@postActualizarMontoJquery')!!}", 
                    dataType: "json",
                    data:{
                        fecha:fecha,
                        monto:monto
                    },
                    cache: false,
                    success: function(data)
                    {    
                        $("#monto").val(data.montoDolares); 
                    }
                });
            }
        })

        $("#monto").keyup(function(){
            var fecha = $("#fecha1").val();
            var monto = $("#monto").val();

            if(fecha==''){
                var aviso = "Seleccione fecha";
                $('#montoDolares').prop('readonly', true);
                $('#monto').prop('readonly', true);
                $("#fechaAviso").html(aviso);
            }else{
                var aviso = "";
                $('#montoDolares').prop('readonly', false);
                $('#monto').prop('readonly', false);
                $("#fechaAviso").html(aviso);
                $.ajax({
                    type: "POST",
                    url: "{!!URL::action('AdministrativoController@postActualizarMontoJquery1')!!}", 
                    dataType: "json",
                    data:{
                        fecha:fecha,
                        monto:monto
                    },
                    cache: false,
                    success: function(data)
                    {    
                        $("#montoDolares").val(data.montoBolivares);    //Monto en Bolivares
                    }
                });
            }
        })

        $("#banco_destino").change(function(){
            if ($(this).val()=='04905') {
                $("#divisas").attr('hidden',false);
            }else{
                $("#divisas").attr('hidden',true);
            }
        });
    });
    (function (factory) {

        if (typeof define === 'function' && define.amd) {
            define(['jquery'], factory);
        } else if (typeof exports === 'object') {
            module.exports = factory(require('jquery'));
        } else {
            factory(jQuery || Zepto);
        }

    }(function($) {

        $.fn.maskNumber = function(options) {

            var settings = $.extend({}, $.fn.maskNumber.defaults, options);
            settings = $.extend(settings, options);
            settings = $.extend(settings, this.data());

            this.keyup(function() {
                format(this, settings);
            });
            
            return this;
        };

        $.fn.maskNumber.defaults = {
            thousands: ",",
            decimal: ".",
            integer: false,
        };

        function format(input, settings) {
            var inputValue = input.value;
            inputValue = removeNonDigits(inputValue);
            if (!settings.integer) {
                inputValue = addDecimalSeparator(inputValue, settings);
            }
            inputValue = addThousandSeparator(inputValue, settings);
            inputValue = removeLeftZeros(inputValue);
            applyNewValue(input, inputValue);
        }
        
        function removeNonDigits(value) {
            return value.replace(/\D/g, "");
        }
        
        function addDecimalSeparator(value, settings) {
            value = value.replace(/(\d{2})$/, settings.decimal.concat("$1"));
            value = value.replace(/(\d+)(\d{3}, \d{2})$/g, "$1".concat(settings.thousands).concat("$2"));
            return value;
        }
        
        function addThousandSeparator(value, settings) {
            var totalThousandsPoints = (value.length - 3) / 3;
            var thousandsPointsAdded = 0;
            while (totalThousandsPoints > thousandsPointsAdded) {
                thousandsPointsAdded++;
                value = value.replace(/(\d+)(\d{3}.*)/, "$1".concat(settings.thousands).concat("$2"));
            }
            
            return value;
        }
        
        function removeLeftZeros(value) {
            return value.replace(/^(0)(\d)/g,"$2");
        }
        
        function applyNewValue(input, newValue) {
            if (input.value != newValue) {
                input.value = newValue;
            }
            $(input).trigger('change', input.value);
        }

    }));

    $('#monto').maskNumber({
      decimal: ','
    });

    $('#igtf').maskNumber({
      decimal: ','
    });

    $('#montoDolares').maskNumber({
      decimal: ','
    });

    $("#boton1").click(function(){
        var concepto = $("#concepto").val();
        var descripcion = $("#descripcion").val();
        var monto = $("#monto").val();
        var montoDolares = $("#montoDolares").val();
        var estudiante_id = $("#cedula").val();

        if (concepto!='' && descripcion!='' && monto!='' && montoDolares!='')
        {
            $.ajax({
                type: "POST",
                url: "{!!URL::action('AdministrativoController@postAjaxagregarconcepto')!!}", 
                dataType: "json",
                data: {
                    concepto: concepto, descripcion: descripcion,estudiante_id:estudiante_id,monto:monto,montoDolares:montoDolares
                },
                cache: false,
                beforeSend: function() {
                    document.getElementById('cargando').style.display='block';
                },
                success: function(data)
                {         
                    document.getElementById('cargando').style.display='none';
                    $("#tabla_materia").html(data.tabla);
                    $("#conceptos").val('');
                    $("#monto").val('');
                    $("#montot").val(data.totalBs);
                     $("#descripcion").val('');
                    $("#montoDolarest").val(data.totalDolar);
                    if (data.boton == true) {
                        document.getElementById('boton').style.display='block'; 
                    }else{
                        document.getElementById('boton').style.display='none'; 
                    }
                }
            });
        }
    });
    function eliminar_concepto(id){
        var datos = id;
        $.ajax({
            type: "POST",
            url: "{!!URL::action('AdministrativoController@postAjaxeliminarconcepto')!!}", 
            dataType: "json",
            data: {
                datos:datos
            },
            cache: false,
            beforeSend: function() {
                document.getElementById('cargando').style.display='block';
            },
            success: function(data)
            {                   
                document.getElementById('cargando').style.display='none';
                $("#mensaje").html('');
                $("#conceptos").val('');
                $("#montot").val(data.totalBs);
                $("#descripcion").val('');
                $("#montoDolarest").val(data.totalDolar);
                $("#tabla_materia").html(data.tabla);
            }
        });
    }
</script>
@stop