@extends('admin/layouts/contentLayoutMaster')

@section('title', 'Institution Type')

@section('content')
<!-- Basic Inputs start -->
<section id="basic-input">
  <div class="row">
      <div class="col-md-12">
          <div class="card">
              <div class="card-header">
                  <h4 class="card-title">Add Institution</h4>
              </div>
             <div class="card-content">
                  <div class="card-body">
                      @if (count($errors) > 0)
							  @if($errors->any())
								<div class="alert alert-success alert-dismissible" role="alert">
								  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								  {{$errors->first()}}
								</div>
							  @endif
						@endif
                       {!! Form::open(array('url' =>'admin/addnewinstitution', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}
                          <div class="form-body">
                              <div class="row">
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                        <span>Institution Name</span>
                                        </div>
                                          <div class="col-md-8">
                                        <input type="text" id="institution_name" class="form-control" name="institution_name" placeholder="Institution Name" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                      <span>Subscription Amount</span>
                    </div>
                                          <div class="col-md-8">
                                        <input type="number" id="subscription_amount" class="form-control" name="subscription_amount" placeholder="Subscription Amount" value="0" required>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                       <span>Subscription Minutes</span>
                                         </div>
                                          <div class="col-md-8">
                                             <input type="number" id="subscription_minutes" class="form-control" name="subscription_minutes" placeholder="Subscription Minutes" value="0" required>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                       <span>Conversion Factor</span>
                                         </div>
                                          <div class="col-md-8">
                                             <input type="number" id="conversion_factor" class="form-control" name="conversion_factor"  placeholder="Conversion Factor" value="0" required step="any">
                                          </div>
                                      </div>
                                  </div>
                                  
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                            <span>Allow Multiple Institution Type</span>
                                           </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="allowed_type" required>
                                         <option value="">Choose type</option>
                                          <option value="1">Yes</option>
                                           <option value="0">No</option>
                                          </select>
                                          </div>
                                      </div>
                                  </div>
                                  
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                            <span>Validity Type</span>
                                           </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="validity" required>
                                         <option value="">Select validity type</option>
                                          <option value="month">Monthly</option>
                                           <option value="year">Yearly</option>
                                          </select>
                                          </div>
                                      </div>
                                  </div>
                                 
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                          <span>Status</span>
                                       </div>
                                          <div class="col-md-8">
                                              <select class="form-control" name="status">
                                          <option value="1">Active</option>
                                          <option value="0">InActive</option>
                                      </select>
                                          </div>
                                      </div>
                                  </div>
                               
                <div class="col-md-8 offset-md-4">
                                      <button type="submit" class="btn btn-primary mr-1 mb-1">Submit</button>
                                      <a href="{{ URL::to('admin/institution')}}" class="btn btn-outline-warning mr-1 mb-1">Back</a>
                                  </div>
                              </div>
                          </div>
                     {!! Form::close() !!}
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>
<!-- Basic Inputs end -->
<!-- Input Sizing end -->
@endsection
@section('page-script')
        <!-- Page js files -->
<script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></script>
<script>
$(document).ready(function(){
  $('#subscription_minutes,#subscription_amount').keyup(function(){
    var minute=$("#subscription_minutes").val();
    var amount=$("#subscription_amount").val();
    var conversion=(amount/minute).toFixed(2);
    $("#conversion_factor").val(conversion);
  });
  $('#conversion_factor').keyup(function(){
    var factor=$("#conversion_factor").val();
    var amount=$("#subscription_amount").val();
    var conversionminute=(amount/factor);
    $("#subscription_minutes").val(Math.round(conversionminute));
  });
});   
</script>
@endsection