@extends($layout)

@section('header_scripts')
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">  

@stop

@section('content')
<div id="page-wrapper" ng-controller="assignHostelFee">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <ol class="breadcrumb">
                    <li>
                        <a href="{{PREFIX}}">
                            <i class="mdi mdi-home">
                            </i>
                        </a>
                    </li>
                     
                   
                    <li>{{$title}}</li>
                </ol>
            </div>
        </div>

            @include('errors.errors')
    
        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}}
                 
                </h1>
            </div>
            <div class="panel-body instruction">

              {!! Form::open(array('url' => URL_STORE_TRANSPORT_FEE_TYPE, 'method' => 'POST', 'name'=>'formQuiz ', 'novalidate'=>'')) !!}

            <div class="row">
                <fieldset class='col-sm-6'>
                <label for="exampleInputEmail1">{{ getPhrase('select_fee_type') }}</label>
                <div class="form-group row">
                    <div class="col-md-6">
                        <input type="radio" checked="checked" id="available" name="fee_type" value="1" ng-model="account_available" ng-init="account_available=1; accountAvailable(1);" ng-click="accountAvailable(1)">
                        <label for="available"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"></i> </span> {{ getPhrase('monthly')}} </label>
                    </div>
                    <div class="col-md-6">
                        <input type="radio" id="not_available" name="fee_type" value="0" ng-model="account_not_available" ng-click="accountAvailable(0)">
                        <label for="not_available"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"></i> </span> {{ getPhrase('yearly')}} </label>
                    </div>
                </div>
            </fieldset>
        </div>

        <div class="row" >

             <fieldset class="form-group col-md-6">

                            {{ Form::label('route_id', getphrase('route')) }}
                            <span class="text-red">*</span>
                            {{Form::select('route_id', $routes_list, null, ['class'=>'form-control', 'id'=>'route_id',
                                'placeholder'=>'Select',
                                'ng-model'=>'route_id',
                                'required'=> 'true', 
                                'ng-class'=>'{"has-error": formQuiz.route_id.$touched && formQuiz.route_id.$invalid}'
                            ])}}
                             <div class="validation-error" ng-messages="formQuiz.route_id.$error" >
                                {!! getValidationMessage()!!}
                            </div>

                        
          </fieldset>

          <fieldset class="form-group col-md-6">

                        {{ Form::label('title', getphrase('fee_title')) }}

                        <span class="text-red">*</span>

                        {{ Form::text('title', $value = null , $attributes = array('class'=>'form-control', 'placeholder' => getPhrase('title'),

                            'ng-model'=>'title', 
                            
                             'required'=> 'true', 

                            'ng-class'=>'{"has-error": formQuiz.title.$touched && formQuiz.title.$invalid}',

                       
                            )) }}

                        <div class="validation-error" ng-messages="formQuiz.title.$error" >

                            {!! getValidationMessage()!!}
                            
                         

                        </div>

                    </fieldset> 


            <fieldset class="form-group col-md-6">

                            {{ Form::label('year', getphrase('year')) }}
                            <span class="text-red">*</span>
                            {{Form::select('year', $years, null, ['class'=>'form-control', 'id'=>'year',
                                'placeholder'=>'Select',
                                'ng-model'=>'year',
                                'required'=> 'true', 
                                'ng-class'=>'{"has-error": formQuiz.year.$touched && formQuiz.year.$invalid}'
                            ])}}
                             <div class="validation-error" ng-messages="formQuiz.year.$error" >
                                {!! getValidationMessage()!!}
                            </div>

                        
          </fieldset>

            <fieldset class="form-group col-md-6" ng-if="showMonth">

                            {{ Form::label('month', getphrase('month')) }}
                            <span class="text-red">*</span>
                            {{Form::select('month', $months, null, ['class'=>'form-control', 'id'=>'month',
                                'placeholder'=>'Select',
                                'ng-model'=>'month',
                                'required'=> 'true', 
                                'ng-class'=>'{"has-error": formQuiz.month.$touched && formQuiz.month.$invalid}'
                            ])}}
                             <div class="validation-error" ng-messages="formQuiz.month.$error" >
                                {!! getValidationMessage()!!}
                            </div>

                        
          </fieldset>
            
        </div>


         <div class="row input-daterange" id="dp">
                                 <fieldset class="form-group col-md-6">
                    {{ Form::label('start_date', getphrase('start_date')) }}
                    {{ Form::text('start_date', $value = $date_from , $attributes = array('class'=>'input-sm form-control', 'placeholder' => '2015/7/17')) }}
                </fieldset>

                <fieldset class="form-group col-md-6">
                    {{ Form::label('end_date', getphrase('end_date')) }}
                    {{ Form::text('end_date', $value = $date_to , $attributes = array('class'=>'input-sm form-control', 'placeholder' => '2015/7/17')) }}
                </fieldset>
            </div>
                 
                 

                    <div class="buttons text-center">

                            <button class="btn btn-lg btn-primary button"

                            ng-disabled='!formQuiz.$valid'>{{ getPhrase('add_fee') }}</button>

                        </div>




              {!! Form::close() !!}  
                
           </div>
                            
                       
                    
            </div>
        </div>
    </div>


  

</div>

 

@stop
 
 

@section('footer_scripts')

@include('common.angular-factory')


<script>
 
 app.controller('assignHostelFee', function ($scope, $http, httpPreConfig) {

    $scope.accountAvailable = function (availability)
      {

        
        if(!availability)
        {
          $scope.showYear = true;
          $scope.showMonth = false;
        }
        else {
          $scope.showMonth = true;
          $scope.showYear = false;
        }
      }
 

});

</script>

<script src="{{JS}}datepicker.min.js"></script>
    <script>
     
     $('.input-daterange').datepicker({
        autoclose: true,
        // startDate: "0d",
         format: '{{getDateFormat()}}',
    });

    </script>

  
@stop