@extends("v1/02_dash-template/layouts/layout-admin")

@section('tab-title', ' | مدیریت سیستم تخفیف')

@section("page-title" , 'مدیریت سیستم تخفیف')

@section("page-styles")
    <link rel="stylesheet" href="{{ asset("statics/dash-template/vendor_components/select2/dist/css/select2.css") }}">
@endsection

@section("page-body")
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">ویرایش سیاست‌های تخفیف</h3>
            <ul class="box-controls pull-right">
                <li><a class="box-btn-slide" href="#"></a></li>
            </ul>
        </div>
        <div class="box-body">
            <form action="{{ route('coupon-management.submit') }}" method="POST">
                @csrf
                <div class="row rtl">
                    <div class="col-3">
                        <div class="form-group">
                            <h5><span class="text-danger">*</span> ٪ تخفیف بین ۸ تا ۲۴ ساعت:</h5>
                            <div class="controls">
                                <input name="p1" value="" type="text" class="form-control ltr" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5><span class="text-danger">*</span> ٪ تخفیف بین ۱ تا ۷ روز:</h5>
                            <div class="controls">
                                <input name="p2" value="" type="text" class="form-control ltr" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5><span class="text-danger">*</span> ٪ تخفیف بیش از ۷ روز:</h5>
                            <div class="controls">
                                <input name="p3" value="" type="text" class="form-control ltr" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5><span class="text-danger">*</span> ٪ پاداش معرف:</h5>
                            <div class="controls">
                                <input name="p4" value="" type="text" class="form-control ltr" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <h5><span class="text-danger">*</span> ٪ تخفیف اولین سفارش:</h5>
                            <div class="controls">
                                <input name="p5" value="" type="text" class="form-control ltr" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 text-center mt-3">
                        <button type="submit" class="btn btn-success btn-rounded font-weight-bold w-25">ذخیره تغییرات</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">تعریف کد تخفیف جدید</h3>
            <ul class="box-controls pull-right">
                <li><a class="box-btn-slide" href="#"></a></li>
            </ul>
        </div>
        <div class="box-body">
            <form action="{{ route('create-coupon.submit') }}" method="POST">
                @csrf
                <div class="row rtl">
                    <div class="col-2">
                        <div class="form-group">
                            <h5>حداقل مبلغ سفارش:</h5>
                            <div class="controls">
                                <input name="min" value="" type="text" class="form-control ltr">
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5>حداکثر مبلغ تخفیف:</h5>
                            <div class="controls">
                                <input name="max" value="" type="text" class="form-control ltr">
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5>دفعات قابل استفاده:</h5>
                            <div class="controls">
                                <input name="count" value="" type="text" class="form-control ltr">
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <h5> معتبر تا تاریخ:</h5>
                            <div class="controls">
                                <input name="expiration" value="" type="text" class="form-control ltr">
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-group">
                            <h5>سرویس‌/سرویس‌ها:</h5>
                            <select class="form-control select2 select2-hidden-accessible ltr" name="services[]" multiple="" style="width: 100%; height: 80px !important" tabindex="-1" aria-hidden="true">
                                <option value="0">ندارد</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <h5><span class="text-danger"></span>کاربر / کاربران:</h5>
                            <select class="form-control select2 select2-hidden-accessible ltr" name="users[]" multiple="" style="width: 100%; height: 80px !important" tabindex="-1" aria-hidden="true">
                                <option value="0">ندارد</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12 text-center mt-3">
                        <button type="submit" class="btn btn-success btn-rounded font-weight-bold w-25">ایجاد کد تخفیف</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">لیست کدهای تخفیف</h3>
            <ul class="box-controls pull-right">
                <li><a class="box-btn-slide" href="#"></a></li>
            </ul>
        </div>
        <div class="box-body">
            <div class="table-responsive">
                <table class="table table-sm table-bordered text-center">
                    <thead>
                    <tr class="bg-pale-dark">
                        <th class="font-weight-bold">کد تخفیف</th>
                        <th class="font-weight-bold">حداقل سفارش</th>
                        <th class="font-weight-bold">حداکثر تخفیف</th>
                        <th class="font-weight-bold">دفعات قابل استفاده</th>
                        <th class="font-weight-bold">تاریخ انقضاء</th>
                        <th class="font-weight-bold">سرویس‌/سرویس‌ها</th>
                        <th class="font-weight-bold">کاربر/کاربران</th>
                        <th class="font-weight-bold">غیر فعالسازی</th>
                    </tr>
                    </thead>
                    <tbody>
                    
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section("page-scripts")
    <script src="{{ asset("statics/dash-template/vendor_components/select2/dist/js/select2.full.js") }}"></script>
    <script src="{{ asset('statics/vendor/tinymce/tinymce.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            //Initialize Select2 Elements
            $('.select2').select2({
                dir: "rtl"
            });
        });
    </script>
@endsection