{{ HTML::style('css/payment/index.css') }}
{{ Form::hidden('guardianInfoUrl', action('PaymentController@postGuardianInformation', array()), array('id'=>'guardianInfoUrl')) }}
{{ Form::hidden('searchFamilyUrl', action('PaymentController@postSearchfamily', array($role)), array('id'=>'searchFamilyUrl')) }}
{{ Form::hidden('familyDetailUrl', action('PaymentController@postFamilydetail', array($role)), array('id'=>'familyDetailUrl')) }}
{{ Form::hidden('paymentDetailUrl', action('PaymentController@postPaymentdetail', array($role)), array('id'=>'paymentDetailUrl')) }}
{{ Form::hidden('paymentsModeUrl', action('PaymentModeController@getPymentsMode', array()), array('id'=>'paymentsModeUrl')) }}
{{ Form::hidden('paymentsMethodUrl', action('PaymentMethodController@getPaymentMethod', array()), array('id'=>'paymentsMethodUrl')) }}
{{ Form::hidden('amountOfFees', action('PaymentController@postAmountOfFees', array()), array('id'=>'amountOfFees')) }}
<!-- Ruta pagos parciales-->
{{ Form::hidden('payParcialsUrl', action('PaymentController@postFamilydetailPaysParcials', array($role)), array('id'=>'payParcialsUrl')) }}
{{ Form::hidden('chcekPaymentDiscount', action('PaymentController@postCheckPaymentMethodDiscounts', array($role)), array('id'=>'chcekPaymentDiscount')) }}
{{ Form::hidden('viewDetail', action('PaymentController@getPaymentDetail', array()), array('id'=>'viewDetail')) }}
{{ Form::hidden('serial_scy', $school_year->serial_scy, array('id'=>'serial_scy')) }}
{{ Form::hidden('hdnStartDateYear',$school_year->invoice_start_date_scy , array('id'=>'hdnStartDateYear')) }}
{{ Form::hidden('hdnEndDateYear',$school_year->end_date_scy, array('id'=>'hdnEndDateYear')) }}
{{ Form::hidden('hdnSerialFml',null , array('id'=>'hdnSerialFml')) }}
{{ Form::hidden('role', $role, array('id'=>'role')) }}
{{ Form::hidden('cardDiners', $card, array('id'=>'cardDiners')) }}
{{ Form::token() }}

<div>
    <form id="frmSerchFamily">
        <div class="row">
            <div class="col-md-5">
                <div class="form-group">
                    {{ Form::label('searchFamily', 'Familia:', array('class' => 'col-md-5')) }} 
                    <div class="input-group">
                        {{ Form::text('searchFamily', '', array('class' => 'form-control', 'placeholder' => 'Buscar Familia', 'autocomplete' => 'off', 'id' => 'searchFamily')) }}
                        <div class="input-group-addon">
                            <span class="fa fa-users " id="searhFamilySpan" style="cursor:pointer "></span>
                        </div>
                    </div>
                    {{ Form::hidden('hdnSerialFml',null , array('id'=>'hdnSerialFml')) }}
                    <div id="search-box" hidden></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <div class="col-md-5">
                    {{ Form::label('','Fecha de Inicio:',array('for'=>'txtStartDate')) }}
                </div>
                <div class="form-group">
                    <div class="input-group date" data-provide="datepicker" id="dtpStartDate">
                        <input type="text" class="form-control" readonly id="txtStartDate" name="txtStartDate" @if($school_year->status_scy=='ACTIVE,CURRENT') @if(date('Y-m') < $school_year->invoice_start_date_scy_txt) value="{{$school_year->invoice_start_date_scy_txt}}" @else value="{{date('Y-m')}}" @endif @else value="{{$school_year->invoice_start_date_scy_txt}}" @endif>
                               <div class="input-group-addon">
                            <span class="glyphicon glyphicon-th"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">

                <div class="col-md-5">
                    {{ Form::label('','Fecha de fin:',array('for'=>'endDate')) }}
                </div>
                <div class="form-group">
                    <div class="input-group date" data-provide="datepicker" id="dtpEndDate">
                        <input type="text" class="form-control" readonly id="txtEndDate" name="txtEndDate" @if($school_year->status_scy=='ACTIVE,CURRENT') @if(date('Y-m')<$school_year->invoice_start_date_scy_txt) value="{{$school_year->invoice_start_date_scy_txt}}" @else value="{{date('Y-m')}}" @endif @else value="{{$school_year->invoice_start_date_scy_txt}}" @endif>
                               <div class="input-group-addon">
                            <span class="glyphicon glyphicon-th"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <div class="row">
            <div>
                <!--<div class="form-inline">-->
                <div class="col-md-2">
                </div>
                <div class="col-md-4">
                    <div class="form-inline">
                        <button type="button"class="btn btn-warning " id="btnViewDetail"><span class="glyphicon glyphicon-eye-open"></span>
                            Ver detalle de pagos 
                        </button>
                        <button class="btn btn-success " id="btnSearch"><span class="glyphicon glyphicon-zoom-out"></span>
                            Buscar 
                        </button>
                    </div>
                </div>
                <!--</div>-->
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-md-10">
            <div class="text-left" id="loading-div" style="display: none">
                <span>Espere por favor...</span>
            </div>
        </div>
    </div>
    <br>
    <div id="dvStudents" hidden="true">
        <div class="row">
            <div class="text-center">
                <h4><label id="lblNameFamily"></label></h4>
            </div>
            <br>
            <div>

                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a class="color-info" href="#home" aria-controls="home" role="tab" data-toggle="tab">Asignar forma de pago</a></li>
                    <li role="presentation"><a class="color-info" href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Anular forma de pago</a></li>
                    <!-- Pestaña pagos parciales-->
                    <li role="presentation" ><a class="color-info" href="#pay-parcials" aria-controls="profile" role="tab" data-toggle="tab">Registrar pagos</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="row">
                            <div class="col-md-12 col-md-offset-2">
                                <div class="text-left" id="loading-divP" style="display: none">
                                    <span>Espere por favor...</span>
                                </div>
                            </div>
                            <div id="dvPayFamily" class="col-md-12">
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="col-md-12 col-md-offset-2">
                            <div class="text-left" id="loading-divR" style="display: none">
                                <span>Espere por favor...</span>
                            </div>
                        </div>
                        <div id="familyDetailRevert" class="col-md-12">
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="pay-parcials">
                        <div class="col-md-12 col-md-offset-2">
                            <div class="text-left" id="loading-divR" style="display: none">
                                <span>Espere por favor...</span>
                            </div>
                        </div>
                        <!-- contennedor pagos parciales-->
                        <div id="dvPayParcials" class="col-md-12">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<br/>
{{ HTML::script('js/payment/dates.js') }}
{{ HTML::style('css/common/eyelash.css') }}