@extends('backend.layouts.app')

@section('content')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

 <style type="text/css">

  .showhide {  
   display:none;
 }
 .row{margin-top:10px;}
</style>

<div class="row new_member" id="ajaxmaterialdisplayform">
<div class="col-md-12">
<div class="box">

  <div class="container">
    <h2>Add New Coupon</h2>
    <form class="form-horizontal" method="POST" action="">
      {{ csrf_field() }}
	
	<div class="col-md-9">
	
      <div class="row">
       
      <div class="col-md-12{{ $errors->has('coupon_name') ? ' has-error' : '' }}">
        <label class="control-label" for="coupon_name" ><p>Coupon Name *</p></label>

       
          <input type="text" class="form-control" value="{{ old('coupon_name') }}" id="coupon_name" name="coupon_name" required autofocus >

          @if ($errors->has('coupon_name'))
          <span class="help-block">
            <strong>{{ $errors->first('coupon_name') }}</strong>
          </span>
          @endif
       
     
    </div>
    </div>
   <div class="row">
      <div class="col-md-12{{ $errors->has('coupon_code') ? ' has-error' : '' }}">
        <label class="control-label" for="code"><p>Code *</p></label>
                 
          <input type="text" class="form-control" id="coupon_code" name="coupon_code" required autofocus>
           @if ($errors->has('coupon_code'))
          <span class="help-block">
            <strong>{{ $errors->first('coupon_code') }}</strong>
          </span>
          @endif
        </div>
      </div>
    
 <div class="row">
    <div class="col-md-12">
         
            <label class="control-label" for="code">Usage Limit </label>      
           
                <select class="form-control selectWidth" type="select" name="one_time" data-toggle="dropdown">
                 
                  <option value="1" >1</option>
                  <option value="2" >2</option>
                  <option value="3" >3</option>
                  <option value="4" >4</option>
                  <option value="5" >5</option>
                  <option value="6" >6</option>
                  <option value="7" >7</option>
                  <option value="8" >8</option>
                  <option value="9" >9</option>
                  <option value="10" >10</option>
                </select>
           
          </div>
    </div>
<br />

<div class="row">
  
        <div class="col-md-12">
        <label class="control-label" for="code">Eligible Programs</label>
        </div>

</div><br />

<div class="row">
      <div class="col-md-12">
        
          <label><input type="radio" id="all" name="all_programs" value="1" onclick="yesnoCheck() ;" checked />All Programs</label>
          <label><input type="radio" id="program" name="all_programs" value="0"  onclick="yesnoCheck();" />Select Programs </label>
          
        </div>
      </div>
      

      <div class="row">
     
      <div class="col-md-12{{ $errors->has('coupon_eligible_program[]') ? ' has-error' : '' }}" id="autoUpdate" style="visibility:hidden"  >

          <select name="coupon_eligible_program[]" id="classes" class="form-control" multiple="multiple"  autofocus>
            @foreach($classes as $key => $class)
            <option value="{{ $class }}">{{ $class }}</option>
            @endforeach
          </select>

          @if ($errors->has('coupon_eligible_program[]'))
          <span class="help-block">
            <strong>{{ $errors->first('coupon_eligible_program[]') }}</strong>
          </span>
          @endif
        
      </div>
    </div>


<div class="row">
  <div class="col-md-12">
  <label class="control-label" for="code">Amount *</label>  
  </div>
</div><br />
<div class="row">

  <div class="col-md-3">
           <label> <input type="radio" class="radiobtn" name="Radio" id="Radio" value="1" checked>  Fixed</label>
            <label><input class="radiobtn" type="radio" name="Radio" id="Radio" value="2" >  Percentage</label>

  </div>
<div class="row">
    <div class="col-md-4{{ $errors->has('coupon_amount') ? ' has-error' : '' }}"">

    <div id="Amount">
    <div class="input-group">
  <span class="input-group-addon" id="spanOne">$</span>
  <input type="text" class="form-control" value="{{ old('coupon_amount') }}" id="coupon_amount" name="coupon_amount" placeholder="Amount" autofocus aria-label="Amount (to the nearest dollar)">
   <span class="input-group-addon">.00</span>
  
   @if ($errors->has('coupon_amount'))
            <span class="help-block">
              <strong>{{ $errors->first('coupon_amount') }}</strong>
            </span>
            @endif
</div>
</div>

</div> 
<div class="col-md-5">
</div>
</div>
      &nbsp;
<div class="">
 <div class="row">
      <div class="col-md-12">
        <label class="control-label" for="code">Applies to</label>        

            <select class="form-control selectWidth" name="applies" type="select" data-toggle="dropdown">
              @foreach($applies_to as $applies)
              <option value="{{$applies->apply}}" >{{$applies->apply}}</option>
              @endforeach

              <span class="caret"></span></select>
        </div>
      </div>
      </div>
      <div class="">
    <div class="row">
  <div class="col-md-12">
       
          <label class="control-label" for="code">Usage</label>        
         
              <select class="form-control selectWidth" type="select" name="usage" data-toggle="dropdown">
                @foreach($usage as $usages)
                <option value="{{ $usages->usage}}" >{{ $usages->usage}}</option>
                @endforeach
                <span class="caret"></span></select>
         
        </div>
      </div>
    </div>
<div class="">
           <div class="row">
              
          <div class="col-md-6{{ $errors->has('start_date') ? ' has-error' : '' }}">
        <label for="start_date" class="control-label">Start Date *</label>

       
          <input type="date" class="form-control" value="{{ old('start_date') }}" id="start_date" name="start_date" required autofocus>

          @if ($errors->has('start_date'))
          <span class="help-block">
            <strong>{{ $errors->first('start_date') }}</strong>
          </span>
          @endif
       
      </div>
    
       <div class="col-md-6{{ $errors->has('end_date') ? ' has-error' : '' }}">
        <label for="end_date" class="control-label">Expiry Date *</label>

       
          <input type="date" class="form-control" value="{{ old('end_date') }}" id="end_date" name="end_date" required autofocus>
       
          @if ($errors->has('end_date'))
          <span class="help-block">
            <strong>{{ $errors->first('end_date') }}</strong>
          </span>
          @endif
        </div>
 
</div>
</div>
 <br />

         <div class="row">

<div class="col-md-6">
      
            <button type="submit" class="btn btn-primary">Save</button> &nbsp;&nbsp;
 <a href="{{ url('coupons')}}" type="button"  style="color:#50A4D7;" class="cancle-btn">Cancel</a>
            
          </div>

<div class="col-md-6">

              
           
          </div>
 
    </div><br /><br />
	
	</div>
	
        </form>
</div>

     

      <script>
        $(document).ready(function(){
          $('#classes').select2({
            placeholder : 'Select Programms',
            tags: true
          });
        });
      </script>


      
      <script type="text/javascript">
        

         function yesnoCheck() 
{
   if (document.getElementById('all').checked) {
       document.getElementById('autoUpdate').style.visibility = 'hidden';
   }
   else document.getElementById('autoUpdate').style.visibility = 'visible';

   }
      </script>
</div>
</div>
</div>


@stop