@extends('layouts.admin')
@section('page_title')
@parent
کد تخفیف جدید
@endsection
@section('head-js')
<link type="text/css" href="/assets/plugins/persiandatepicker/persian-datepicker.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/assets/css/fselect.css">
<script src="/plugins/persiandate/persian-date.min.js"></script>
<script src="/plugins/persiandate/persian-datepicker.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    $('#startdate').persianDatepicker({
        altField: '#startdateAlt',
        format: 'YYYY/MM/DD',
        initialValue: false,
        responsive:true,
        initialValueType: 'persian',
        toolbox:{
            calendarSwitch:{
                enabled: false
            }
        },
        navigator:{
            scroll:{
                enabled: false
            }
        },
        minDate: $.now(),
    });

    $('#enddate').persianDatepicker({
        altField: '#enddateAlt',
        format: 'YYYY/MM/DD',
        initialValue: false,
        responsive:true,
        initialValueType: 'persian',
        toolbox:{
            calendarSwitch:{
                enabled: false
            }
        },
        navigator:{
            scroll:{
                enabled: false
            }
        },
        minDate: $.now(),
    });
});
</script>
<style type="text/css">
  .datepicker-plot-area{
    direction: ltr;
    text-align: center;
  }
  .datepicker-plot-area span{
    text-align: center;
  }
  .datepicker-plot-area div{
    text-align: center;
  }
</style>
@stop
@section('main')
  <div class="header">
    <h2>کد تخفیف جدید</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/copun-code">کد تخفیف</a></li>
        <li class="active">کد تخفیف جدید</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
  <div class="row">
{!! Form::open(['url'=>'/admin/copun-code/newhandle','method'=>'Post' , 'id'=>'submitcoupon'])  !!}
    <div class="panel">
      <div class="panel-content">
        <div class="row">
          <div class="col-md-4 col-offset-1">
            <div class="form-group">
              <label>کد تخفیف</label>
              <input type="text" name="code" class="form-control input-sm" required>
            </div>
            <div class="form-group">
              <label>نوع تخفیف</label>
              <select name="typequ" class="form-control input-sm" required>
                <option value="1">درصد</option>
                <option value="2">مقدار</option>
              </select>
            </div>
            <div class="form-group">
              <label>مقدار تخفیف</label>
              <input type="number" min="0" name="quantity" class="form-control input-sm" required>
            </div>
            <div class="form-group">
              <label>حداقل جمع سبد خرید</label>
              <input type="number" min="0" name="mincart" class="form-control input-sm">
            </div>
            <div class="form-group">
              <label>حداکثر جمع سبد خرید</label>
              <input type="number" min="0" name="maxcart" class="form-control input-sm">
            </div>
            <div class="form-group">
              <label>تعداد کل استفاده از کد تخفیف</label>
              <input type="number" min="0" name="totaluse" class="form-control input-sm">
            </div>
            <div class="form-group">
              <label>تعداد استفاده هر فرد</label>
              <input type="number" min="0" name="use_person" class="form-control input-sm">
            </div>
            <div class="form-group">
              <label>حداقل تعداد اقلام سبدخرید</label>
              <input type="number" min="0" name="items" class="form-control input-sm">
            </div>

          </div>
          <div class="col-md-4 col-offset-1">
            <div class="form-group">
              <label>تاریخ شروع</label>
              <input  id="startdate" type="text" class="form-control input-sm inline-date" autocomplete="off"/>
            </div>
            <div class="form-group">
              <input type="hidden" id="startdateAlt" type="text" class="form-control" name="startdateAlt" />
            </div>
            <div class="form-group">
              <label>تاریخ پایان</label>
              <input  id="enddate" type="text" class="form-control input-sm inline-date" autocomplete="off"/>
            </div>
            <div class="form-group">
              <label>جنسیت</label>
              <select class="form-control" name="gender">
                  <option value="">مهم نیست</option>
                  <option value="1">خانم</option>
                  <option value="2">آقا</option>
              </select>
            </div>            
            <div class="form-group">
              <input type="hidden" id="enddateAlt" type="text" class="form-control" name="enddateAlt" />
            </div>

            <div class="form-group" id="productcat">
                <label>دسته بندی محصولات را انتخاب کنید</label>
                <select class="myselect-opt" multiple="multiple" name="cats[]" id="selectproductcat">
                  @foreach($cats as $cat)
                      <option value="{{$cat->id}}">{{$cat->title}}</option>
                  @endforeach
                </select>
            </div>

            <div class="form-group" id="product">
                <label>محصولات وارد نمائید</label>
                <input type="text" name="products" class="form-control" placeholder="لطفا آی دی محصولات را وارد نمائید و بین آن ها دش بزنید">
            </div>

            <div class="form-group">
              <label>فعال برای اولین خریدها</label>
              <div class="onoffswitch2">

                <input type="checkbox" name="firsttime" class="onoffswitch-checkbox" id="myonoffswitch3">
                <label class="onoffswitch-label" for="myonoffswitch3">
                  <span class="onoffswitch-inner"></span>
                  <span class="onoffswitch-switch"></span>
                </label>
              </div>
            </div>

            <div class="form-group">
              <label>ارسال رایگان</label>
              <div class="onoffswitch2">

                <input type="checkbox" name="freeShipping" class="onoffswitch-checkbox" id="freeShipping">
                <label class="onoffswitch-label" for="freeShipping">
                  <span class="onoffswitch-inner"></span>
                  <span class="onoffswitch-switch"></span>
                </label>
              </div>
            </div> 
          </div>
            <div class="col-md-4">
              @can('batch-coupons')
                <div class="form-group">
                  <label>تولید کدتخفیف انبوه</label>
                  <div class="onoffswitch2">

                    <input type="checkbox" name="batch_active" value="1" class="onoffswitch-checkbox" id="batchcreate">
                    <label class="onoffswitch-label" for="batchcreate">
                      <span class="onoffswitch-inner"></span>
                      <span class="onoffswitch-switch"></span>
                    </label>
                  </div>
                </div>
                <div class="form-group">
                    <label>تعداد کدتخفیف</label>
                    <input type="number" name="batch_number" class="form-control" min="0" value="0">
                </div>
                <div class="form-group">
                    <label>پله زمانی</label>
                    <input type="number" name="steptime" class="form-control" min="5" value="5">
                </div>
              @endcan
            </div>
        </div>
      </div>
      <div class="panel-footer bg-primary">
        <button type="submit" class="btn btn-dark">ذخیره کدتخفیف</button>
      </div>

    </div>
    {!! Form::close() !!}
  </div>
@endsection
@section('js')
<script src="{{asset('/assets/js/fselect.js')}}"></script>
<script src="/assets/plugins/persiandatepicker/persian-date.min.js"></script>
<script src="/assets/plugins/persiandatepicker/persian-datepicker.min.js"></script>
<script type="text/javascript">
  $('.myselect-opt').fSelect();


// $('#submitcoupon').submit(function () {
//
//     sms = $('#noticesms:checkbox:checked').val();
//     email = $('#noticeemail:checkbox:checked').val();
//     if(sms == 1 || email == 1){
//       fcontent = $('#content').val();
//       if(content == ''){
//         return false;
//       }
//     }
// });

</script>
@stop