@extends('backend.layouts.app')

@section('content')

 <style type="text/css">
 .row{margin-top:10px;}
</style>

<!--<script src="{{ asset('expand_theme/css/coupon.css') }}"></script>-->
<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>
 
   <div class="row new_member" id="ajaxmaterialdisplayform">
<div class="col-md-12">
<div class="box">

  <div class="container">
    <h2>Edit Coupon</h2>
    @foreach($editCoupon as $editCoupons)
    <form class="form-horizontal" method="POST" action="{{ url('coupon/update') }}">
      <input type="hidden" name="id" id="id" class="form-control" value="{{ $editCoupons->coupon_id }}">
      {{ csrf_field() }}
      <div class="row">
        <div class="col-sm-12{{ $errors->has('coupon_name') ? ' has-error' : '' }}">
          <label class="control-label col-sm-2" for="coupon_name"  >Coupon Name *</label>

          <div class="col-sm-4">
            <input type="text" class="form-control" value="{{$editCoupons->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>
      <div class="row">
        <div class="col-sm-12{{ $errors->has('coupon_code') ? ' has-error' : '' }}">
          <label for="coupon_code" class="control-label col-sm-2">Coupon Code *</label>

          <div class="col-sm-4">
            <input type="text" class="form-control" value="{{$editCoupons->coupon_code}}" id="coupon_code" name="coupon_code" readonly="true">

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

      <div class="row">
        <div class="col-sm-12">
         <div class="col-sm-offset-2 col-sm-4" >
          @if($editCoupons->coupon_one_time == "1")
          <input type="checkbox" name="one_time" checked="checked" >&nbsp; One Time Use
          @else
          <input type="checkbox" name="one_time">&nbsp; One Time Use
          @endif


        </div>
      </div>
    </div>


    <div class="row">

      <div class="col-sm-12">
        <label class="control-label col-sm-2" for="code">Eligible Programs...</label>
      </div>

    </div><br />

    <div class="row">
      <div class="container">
        <div class="col-sm-12">
         @if($editCoupons->coupon_all_programs == "1")
         <label><input type="radio" name="all_programs" value="1" onclick="show1();"  checked="checked" />All Programs</label> &nbsp;&nbsp;
         <label><input type="radio" name="all_programs" value="0"  onclick="show2();"  />Select Programs</label>
         @elseif($editCoupons->coupon_all_programs == "0")
         <label><input type="radio" name="all_programs" value="1" onclick="show1();" />All Programs</label> &nbsp;&nbsp;

         <label><input type="radio" name="all_programs" value="0"  onclick="show2();" checked="checked" />Select Programs</label>
         @endif



         @if($editCoupons->coupon_eligible == "NULL")
         <label> <input type="radio" id="radio_1" name="all_programs" value="1" onclick="show1();"  checked="checked" />All Programs</label>
         @else

         <div class="row">
          <div class="container">
            <div class="col-sm-6{{ $errors->has('coupon_eligible_program[]') ? ' has-error' : '' }}" id="autoUpdate"  >
              <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


              @endif
            </div>
			<div class="col-sm-6"></div>
          </div>
        </div>
        <div class="row">
         <div class="col-sm-4{{ $errors->has('coupon_amount') ? ' has-error' : '' }} || {{ $errors->has('coupon_percent') ? ' has-error' : '' }} "  >
          <label class="control-label col-sm-3" for="code">Amount *</label>        
          <div class="col-sm-offset-2 col-sm-6">
            @if($editCoupons->coupon_amount == NULL)
            <input type="radio" class="radioBtn" name="Radio" id="Radio" value="radio1" >Fixed &nbsp;&nbsp;
            <input class="radioBtn" type="radio" name="Radio" id="Radio" value="radio2" checked="checked" >Percentage


            @else($editCoupons->coupon_percent == NULL)
            <input type="radio" class="radioBtn" name="Radio" id="Radio" value="radio1" checked="checked"  >Fixed &nbsp;&nbsp;
            <input class="radioBtn" type="radio" name="Radio" id="Radio" value="radio2" >Percentage
            @endif
          </div>&nbsp;
		</div>
          
            <div class="col-sm-4">
             <div id="Amount"  style="display:none" >
               <div class="input-group">
                 <span class="input-group-addon">$</span>
                 <input type="text" class="form-control" value="{{$editCoupons->coupon_amount}}" id="coupon_amount" name="coupon_amount" placeholder="Amount" autofocus>
                 <span class="input-group-addon">.00</span>
               </div>
             </div>

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

            <div id="Percentage" style="display:none" >
             <div class="input-group">
              <span class="input-group-addon">%</span>
              <input type="text" class="form-control" value="{{$editCoupons->coupon_percent}}" id="coupon_percent" name="coupon_percent" placeholder="Percentage" autofocus>
              <span class="input-group-addon"></span>
            </div>
          </div>

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

        </div>
		<div class="col-md-4"></div>
      
    
  </div>
  

  &nbsp;
  <div class="row">
    <div class="container">
      <label class="control-label col-sm-2" for="code">Applies to</label>        
      <div class="col-sm-4">
        <div class="dropdown">

          <select class="dropdown-toggle form-control" 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 class="col-md-6"></div>
      </div>
    </div>



    <div class="row">
      <div class="container">
        <label class="control-label col-sm-2" for="code">Usage</label>        
        <div class="col-sm-4">
          <div class="dropdown">

            <select class="dropdown-toggle form-control" 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 class="col-md-6"></div>
       </div>
     </div>
     <div class="row">
      <div class="container">
        <div class="col-sm-4">
          <div class="form-group{{ $errors->has('start_date') ? ' has-error' : '' }}">
            <label for="start_date" class="control-label col-sm-4">Start Date *</label>

            <div class="col-sm-8">
              <input type="date" class="form-control" value="{{$editCoupons->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>
        </div>

        <div class="col-sm-4">
          <div class="form-group{{ $errors->has('end_date') ? ' has-error' : '' }}">
            <label for="end_date" class="control-label col-sm-4">Expiry Date *</label>

            <div class="col-sm-8">
              <input type="date" class="form-control" value="{{$editCoupons->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>
		<div class="col-md-4"></div>
      </div>
    </div>

	<div class="row">

			<div class="col-md-5 col-md-offset-1" > &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="submit" class="btn btn-primary">Update</button> &nbsp;&nbsp;&nbsp;
			 <button type="reset" style="color:#50A4D7;" class="btn btn-default">Cancel</button>
			 <br/><br/>
			</div>

			<div class="col-md-6">
				
			</div>
 
	</div>
    
</form>
@endforeach
</div>


</div>
</div>
</div>

<script type="text/javascript">
  $('input[type="radio"]').click(function(){
    if($(this).attr("value")=="radio1"){
      $("#Amount").show('slow');
      $("#Percentage").hide('slow');
    }
    if($(this).attr("value")=="radio2"){
      $("#Amount").hide('slow');
      $("#Percentage").show('slow');

    }        
  });
  $('input[type="radio"]').trigger('click');

</script>

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


<script>

  function show1(){
    document.getElementById('autoUpdate').style.display ='none';
  }
  function show2(){
    document.getElementById('autoUpdate').style.display = 'block';
  }

</script>

<script>

  function showOne(){
    document.getElementById('autoOne').style.display ='none';
  }
  function showTwo(){
    document.getElementById('autoTwo').style.display = 'none';
  }

</script>



@stop