@extends('layouts.app_admin')

  @section('content')
    <main class="page-content">
    <div class="container-fluid"> 
      <div class="breadcrumb1">
        <ul>
          <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
          <li><a href="{{ url('coupon-list')}}">Coupon List ></a></li>
          <li>Add coupon</li>
        </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper">
        <form action="{{ url('add-coupon') }}" method="post" enctype='multipart/form-data' id="add_brand">
          {{ csrf_field() }}
          <div class="row">
          <div class="col-md-4">
            <label for="coupon_code">Coupon Code<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="coupon_code" placeholder="Enter coupon code" name="coupon_code" data-rule-required="true" data-msg-required="Please enter coupon code">
            @if ($errors->has('coupon_code'))
              <span for="coupon_code" class="error_validate" style="display:block;">
                {{ $errors->first('coupon_code') }}
              </span>
            @endif
          </div>
        </div>

        <!-- <div class="row">
            <div class="col-md-4">
            <label for="category_status">Select Type<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">
            <div class="select-box">
              <select class="select2" name="discount_type" onchange="select_div();" id="discount_type" data-rule-required="true" data-msg-required="Please select Type">
                <option value="" selected>Select Type</option>
                <option value="0">Discount By Percentage</option>
                <option value="1">Discount By Amount</option>
              </select>
               <span for="discount_type" class="error_validate"></span>
            </div>
          </div>
        </div> -->

         <div class="row" id="amount_hidden_value">
          <div class="col-md-4">
            <label for="amount">Min Order Amount<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="amount" placeholder="Enter amount" name="amount" data-rule-required="true" data-msg-required="Please enter amount">
            @if ($errors->has('amount'))
              <span for="amount" class="error_validate" style="display:block;">
                {{ $errors->first('amount') }}
              </span>
            @endif
          </div>
        </div>


         <div class="row" id="percentage_hidden_value">
          <div class="col-md-4">
            <label for="percentage">Percentage<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="percentage" placeholder="Enter percentage" name="percentage" data-rule-required="true" data-msg-required="Please enter percentage">
            @if ($errors->has('percentage'))
              <span for="percentage" class="error_validate" style="display:block;">
                {{ $errors->first('percentage') }}
              </span>
            @endif
          </div>
        </div>

       <!--   <div class="row">
          <div class="col-md-4">
            <label for="start_date">Start Date<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="start_date" placeholder="Enter Start Date" name="start_date" data-rule-required="true" data-msg-required="Please enter start date">
            @if ($errors->has('start_date'))
              <span for="start_date" class="error_validate" style="display:block;">
                {{ $errors->first('start_date') }}
              </span>
            @endif
          </div>
        </div>

         <div class="row">
          <div class="col-md-4">
            <label for="end_date">End Date<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="end_date" placeholder="Enter End Date" name="end_date" data-rule-required="true" data-msg-required="Please enter end date">
            @if ($errors->has('end_date'))
              <span for="end_date" class="error_validate" style="display:block;">
                {{ $errors->first('end_date') }}
              </span>
            @endif
          </div>
        </div> -->
         
         <div class="row">
          <div class="col-md-4">
            <label for="description">Description</label>
          </div>
          <div class="col-md-8">            
            
            <textarea class="form-control" id="description" name="description" >Description</textarea>
            @if ($errors->has('description'))
              <span for="description" class="error_validate" style="display:block;">
                {{ $errors->first('description') }}
              </span>
            @endif
          </div>
        </div>

         <div class="row">
            <div class="col-md-4">
            <label for="coupon_status">Status<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">
            <div class="select-box">
              <select class="select2" name="coupon_status" id="coupon_status" data-rule-required="true" data-msg-required="Please select Coupon status">
                <option value="" selected>Select Coupon Status</option>
                <option value="1">Active</option>
                <option value="2">Inactive</option>
              </select>
               <span for="coupon_status" class="error_validate"></span>
            </div>
          </div>
        </div>
    
        <div class="row">
          <div class="col-md-9 offset-md-3">
            <div class="text-center form-btn">
              <button class="common-btn active" id="page_sub_btn">Add</button>
              <a href="{{ url('brand-list') }}" class="common-btn">Cancel</a>
             </div>
          </div>
        </div>
      </form>
      </div>
    </div> <!-- container fluid -->
  </main>
  <!-- page-content" -->
</div>
<!-- page-wrapper -->

<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script type="text/javascript">
    $('#add_brand').validate({
       // ignore: [],
        onfocusout: function(element) {
        this.element(element);
        },
        errorClass: 'error_validate',
        errorElement:'span',
        highlight: function(element, errorClass) {
        $(element).removeClass(errorClass);

        },
        submitHandler:function(form)
        {
    
       $('#page_sub_btn').prop("disabled", true);
       form.submit();
        }
    });
 
  $(document).on('click', '.browse', function(){
    var file = $(this).parent().parent().parent().find('.file');
    file.trigger('click');
  });
  $(document).on('change', '.file', function(){
    $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
  });
  
  $(function() {
 
            $('#start_date').datetimepicker({
                timepicker: false,
                datepicker: true,
                format: 'Y-m-d',
            })
  });


  $(function() {
 
            $('#end_date').datetimepicker({
                timepicker: false,
                datepicker: true,
               format: 'Y-m-d',
            })
  });
 
  function select_div(){

    var div_value = $('#discount_type').val();
    
    if(div_value == 1){
      $('#percentage_hidden_value').hide();
      $('#amount_hidden_value').show();
    }else{
      $('#percentage_hidden_value').show();
      $('#amount_hidden_value').hide();
    }

  } 



</script>

@endsection

<!-- Footer -->