@extends('admin.layout.master')


@section('content')
<link rel="stylesheet" href="/admin/dist/js/pages/persian-date/persian-datepicker.min.css">

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

    <section class="content">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title pull-right">ایجاد کد تخفیف جدید</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">

    <form class="form-horizontal" id="myForm" method="post" action="/adminsaatlux090/coupons">
        @csrf
        <!-- Title -->
        <div class="form-group">
            <label class="col-sm-2 control-label">عنوان</label>
            <div class="col-sm-10">
                <input type="text" value="{{ old('title', $coupon->title ?? '') }}" name="title" class="form-control" placeholder="عنوان کد تخفیف">
            </div>
        </div>

        <!-- Code -->
        <div class="form-group">
            <label class="col-sm-2 control-label">کد</label>
            <div class="col-sm-10">
                <input type="text" name="code" class="form-control" placeholder="کد تخفیف">
            </div>
        </div>

        <!-- Price -->
        <div class="form-group">
            <label class="col-sm-2 control-label">مقدار تخفیف</label>
            <div class="col-sm-10">
                <input type="number" value="{{ old('price', $coupon->price ?? '') }}" name="price" class="form-control" placeholder="مثلاً 50000">
            </div>
        </div>

        <!-- Mode -->
        <div class="form-group">
            <label class="col-sm-2 control-label">نوع تخفیف</label>
            <div class="col-sm-10">
                <select name="mode" class="form-control">
                    <option value="percent" {{ old('mode', $coupon->mode ?? '') == 'percent' ? 'selected' : '' }}>درصدی</option>
                    <option value="fixed" {{ old('mode', $coupon->mode ?? '') == 'fixed' ? 'selected' : '' }}>مبلغ ثابت</option>
                </select>
            </div>
        </div>

        <!-- Discount Ceiling -->
        <div class="form-group">
            <label class="col-sm-2 control-label">سقف تخفیف</label>
            <div class="col-sm-10">
                <input type="number" value="{{ old('discount_ceiling', $coupon->discount_ceiling ?? '') }}" name="discount_ceiling" class="form-control" placeholder="مثلاً 100000">
            </div>
        </div>

        <!-- Use Limit -->
        <div class="form-group">
            <label class="col-sm-2 control-label">حداکثر تعداد استفاده</label>
            <div class="col-sm-10">
                <input type="number" value="{{ old('use_limit', $coupon->use_limit ?? '') }}" name="use_limit" class="form-control" placeholder="مثلاً 50">
            </div>
        </div>

        <!-- Minimum Basket -->
        <div class="form-group">
            <label class="col-sm-2 control-label">حداقل سبد خرید</label>
            <div class="col-sm-10">
                <input type="number" value="{{ old('min_basket', $coupon->min_basket ?? '') }}"  name="min_basket" class="form-control" placeholder="مثلاً 200000">
            </div>
        </div>

        <!-- Expire Date -->
        <div class="form-group">
                                    <label class="col-sm-2 control-label">تاریخ انقضا</label>
                                    <div class="col-sm-10">
                                        <input name="expire_date" class="date form-control pwt-datepicker-input-element">
                                    </div>
                                </div>

        <!-- Category ID -->
        <div class="form-group">
            <label class="col-sm-2 control-label">دسته‌بندی</label>
            <div class="col-sm-10">
                <select name="cat_id[]" multiple class="form-control">
                    <option value="">انتخاب دسته‌بندی</option>
                    @foreach($categories as $value)
                    <option value="{{$value->id}}" @if(is_array(old('cat_id', json_decode($coupon->cat_id ?? '[]', true))))
                {{ in_array($value->id, old('cat_id', json_decode($coupon->cat_id ?? '[]', true))) ? 'selected' : '' }}
            @endif>{{$value->name}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <!-- Submit -->
        <div class="form-group">
            <div class="col-sm-offset-12 col-sm-10">
                <button type="submit" class="btn btn-success">ایجاد کد تخفیف</button>
            </div>
        </div>
    </form>

                    </div>
                </div>

            </div>
        </div>
    </section>
    
    <script src="/admin/dist/js/pages/persian-date/persian-date.min.js"></script>
    <script src="/admin/dist/js/pages/persian-date/persian-datepicker.min.js"></script>
    
    <script>
        $(document).ready(function() {
            $('.date').persianDatepicker({
                format: 'l'
            });
        });
    </script>
@endsection