@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;}
 .has-error .form-control { border-color: #e74c3c; }
</style>

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


  <div class="container">
    <h2>Edit Multi person Discounts</h2>
    @foreach($editDiscounts as $editDiscount)
    <form class="form-horizontal" method="POST" action="{{ url('discounts/person/update') }}">
      <input type="hidden" name="id" id="id" class="form-control" value="{{ $editDiscount->multiperson_discount_id }}">
      {{ csrf_field() }}
      <div class="col-md-9">    
      <div class="row">

        <div class="col-md-12{{ $errors->has('discount_name') ? ' has-error' : '' }}">
          <label class="control-label" for="discount_name" ><p>Name <b style="color: #ec1515;">*</b></p></label>

          <input type="text" class="form-control" value="{{ $editDiscount->multiperson_discount_name }}" id="discount_name" name="discount_name"  >

          @if ($errors->has('discount_name'))
          <span class="help-block">
            <strong style = "color: #e74c3c !important;">{{ $errors->first('discount_name') }}</strong>
          </span>
          @endif

        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <label class="control-label" for="code">Number of Users</label>

          <select class="form-control" id="no_of_users" name="no_of_users" >

           <option value="0">Select Number of Users</option>
           @foreach($number as $key => $numbers)
           <option value="{{$key}}">{{$numbers}}</option>
           @endforeach

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

    <div class="row">

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

    </div><br />

    <div class="row">

      <div class="col-md-12">
        @if($editDiscount->multiperson_discount_all_programs == "1")
       <label><input type="radio" name="all_programs" id="all" value="1" onclick="yesnoCheck();"  checked="checked" />All Classes</label>
       <label><input type="radio" name="all_programs" id="program" value="2" onclick="yesnoCheck();"  />Select Classes</label>
       <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="{{ $key }}" >{{  $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>

      @elseif($editDiscount->multiperson_discount_all_programs == "0")
      <label><input type="radio" name="all_programs" value="1" id="all" onclick="yesnoCheck();" />All Classes</label>

      <label><input type="radio" name="all_programs" value="2"  id="program" onclick="yesnoCheck();" checked="checked" />Select Classes</label>
      <div class="row">

        <div class="col-md-12{{ $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="{{ $key }}" >{{  $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>
      @endif

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

  <div class="row">

    <div class="col-md-12">
      <label class="control-label" for="code">Apply when registered for</label>
    </div>

  </div><br />

  <div class="row">
    @if($editDiscount->multiperson_discount_classes_type == 1)
    <div class="col-md-12">
      <label><input type="radio" name="registered_for" value="1" checked  />Different Classes</label>
      <label><input type="radio" name="registered_for" value="2"  />Same Classes </label>

    </div>
    @else($editDiscount->multiperson_discount_classes_type == 2)
    <div class="col-md-12">
      <label><input type="radio" name="registered_for" value="1" />Different Classes</label>
      <label><input type="radio" name="registered_for" value="2" checked />Same Classes </label>

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


    @if($editDiscount->multiperson_discount_amount_type == 1)
    <div class="col-md-3">
     <input type="radio" class="radio-check" name="Radio" id="Radio" value="1" checked>  Fixed
     <label hidden >$</label>
     <input class="radio-check" type="radio" name="Radio" id="Radio" value="2" >Percentage
     <label hidden>%</label>
   </div>
   @else
   <div class="col-md-3">
    <input type="radio" class="radio-check" name="Radio" id="Radio" value="1" >  Fixed
    <label hidden >$</label>
    <input class="radio-check" type="radio" name="Radio" id="Radio" value="2" checked >Percentage
    <label hidden >%</label>
  </div>
  @endif

  <div class="row">
    <div class="col-md-4{{ $errors->has('discount_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="{{ $editDiscount->multiperson_discount_amount_value }}" id="discount_amount" name="discount_amount" placeholder="Amount"  aria-label="Amount (to the nearest dollar)"></div>
        </div>

        @if ($errors->has('discount_amount'))
        <span class="help-block">
          <strong style = "color: #e74c3c !important;">{{ $errors->first('discount_amount') }}</strong>
        </span>
        @endif


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

  &nbsp;
 <!--  <div class="row">
    <div class="col-md-12">
      <label class="control-label" for="code"><p>Application Order<b style="color: #ec1515;">*</b></p></label>
      <select class="form-control" id="application_order" name="application_order" >
        @if($editDiscount->multiperson_discount_application_order == 1)
        <option value="1">Organisation</option>
        <option value="2">User</option>
        @else($editDiscount->multiperson_discount_application_order == 2)
        <option value="2">User</option>
        <option value="1">Organisation</option>
        @endif
      </select>
      @if ($errors->has('application_order'))
      <span class="help-block">
        <strong>{{ $errors->first('application_order') }}</strong>
      </span>
      @endif

    </div>
  </div>  -->
  <!-- <br /> -->

  <div class="row">
    <div class="col-md-12">
      <label class="control-label" for="code">Details</label>
      <select class="form-control" id="discount_details" name="discount_details" >

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

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

 <!--  <div class="row" style="text-align: center;">
   <div class="col-md-4">
     <strong>1st user</strong><br />
     <img src="{{ asset('images/Person.png') }}"><br />
     <strong>$0 OFF</strong>
   </div>

   <div class="col-md-4">
     <strong>2nd user</strong><br />
     <img src="{{ asset('images/Person.png') }}"><br />
     <strong>$0 OFF</strong>
   </div>

   <div class="col-md-4">
     <strong>All others</strong><br />
     <img src="{{ asset('images/People.png') }}"><br />
     <strong>FULL PRICE</strong>
   </div>

 </div> -->

 <hr />
 <div class="row">
   <div class="col-md-6">
    <a href="{{ url('discounts/person')}}" type="button"  style="color:#50A4D7;" class="cancle-btn">Cancel</a>
  </div>

  <div class="col-md-6">     
   <button type="submit" class="btn-primary" style="float:right;">Update</button>
 </div>
</div>
<br />
</div>
</form>
@endforeach
</div>

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

<script type="text/javascript">
  $('#no_of_users').change(function(){
    var detailsID = $(this).val();
    if(detailsID){
      $.ajax({
       type:"GET",
       url:"{{url('details/dropdown')}}?ex_no_of_id="+detailsID,
       success:function(res){               
        if(res){
          $("#discount_details").empty();
          
          $.each(res,function(key,value){
            $("#discount_details").append('<option value="'+key+'">'+value+'</option>');
          });

        }else{
         $("#discount_details").empty();
       }
     }
   });
    }else{
      $("#discount_details").empty();

    }      
  });
</script>

<script type="text/javascript">

  var load_val = $('.radio-check:checked').next('label').text();
  $('.input-group-addon').text(load_val);
  $('.radio-check').change(function() { 
    load_val = $(this).next('label').text();
    $('.input-group-addon').text(load_val); 
  });
</script>

<script type="text/javascript">

  $('#no_of_users').val([""]);
</script>

<script type="text/javascript">

  $('#').val([""]);
</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