@include('header')

<div class="x_panel">
    <div class="x_title">
        <h2>
        ایجاد کد تخفیف
        </h2>
        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <div class="form-horizontal form-label-left input_mask" id="discount">
            <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">عنوان کد تخفیف
                    <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input name="code" id="code" type="text" required="required"
                           class="form-control col-md-7 col-xs-12">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">اعتبار کد تخفیف (تومان)
                    <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input name="amount" id="amount" type="text" placeholder="مثلا 10000 یا 10"
                           required="required" class="form-control col-md-7 col-xs-12">
                </div>
            </div>

            {{--                <div class="form-group">--}}
            {{--                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">نوع کد تخفیف--}}
            {{--                        <span class="required">*</span>--}}
            {{--                    </label>--}}
            {{--                    <div class="col-md-6 col-sm-6 col-xs-12">--}}
            {{--                        <select id="calculate_type" class="form-control col-md-7 col-xs-12">--}}
            {{--                            <option value="percent"   selected="selected"> درصد </option>--}}
            {{--                            <option value="price"   selected="selected"> تومان</option>--}}
            {{--                        </select>--}}
            {{--                    </div>--}}
            {{--                </div>--}}

            <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">تعداد استفاده
                    <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input name="count" id="count" type="text" required="required"
                           class="form-control col-md-7 col-xs-12">
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                    <button type="button" class="btn btn-primary" onclick="add_discount()">ایجاد</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="x_panel">
    <div class="x_title">
        <h2>گزارشات کد تخفیف ها</h2>
        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <div id="datatable-fixed-header_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">

            <div class="row">
                <div class="col-sm-12">
                    <table id="datatable-responsive" class="table table-striped table-bordered dataTable no-footer"
                           role="grid" aria-describedby="datatable-fixed-header_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending"
                                style="width: 25%;">کد
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="اداره: activate to sort column ascending"
                                style="width: 25%;">اعتبار
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">تعداد کل
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">تعداد استفاده
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">وضعیت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">عملیات
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($items as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->code}}</td>
                                <td>{{$item->amount}}
                                    @if($item->calculate_type=='percent')
                                        <span>درصد</span>
                                    @else
                                        <span>تومان</span>
                                    @endif
                                </td>
                                <td>{{$item->count}}</td>
                                <td>{{$item->count_use}}</td>
                                @if($item->status== '1')
                                    <td><p style="color: limegreen"> فعال</p></td>
                                @else
                                    <td><p style="color: #d00000">غیر فعال</p></td>
                                @endif
                                @if($item->status== '1')
                                    <td>
                                        <a onclick="delete_discount({{$item->id}})"><i class="fa fa-trash"
                                                                                       style="font-size:25px; color: #d00000"></i></a>
                                    </td>
                                @else
                                    <td></td>
                                @endif

                            </tr>

                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>

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

<script src="../resources/js/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert2.all.min.js"></script>

<script>
    function add_discount() {
        Swal.fire({
            title: 'آیا مطمئن هستید',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'بله',
            cancelButtonText: 'خیر'
        }).then((result) => {
            if (result.isConfirmed) {

                var code = document.getElementById('code').value;
                var count = document.getElementById('count').value;
                var amount = document.getElementById('amount').value;

                $.ajax({
                    type: "POST",
                    url: '/panel/discount_code_page_action',
                    data: {
                        code: code,
                        count: count,
                        amount: amount,
                        action: 'add',
                    },

                    success: function (res) {
                        if (res.status == 'ok') {
                            Swal.fire({
                                position: 'center',
                                icon: 'success',
                                title: 'تغییرات اعمال شد',
                                showConfirmButton: false,
                                timer: 1500
                            }).then(() => {
                                location.reload()
                            })
                        } else {
                            alert('مشکلی پیش آمد. لطفا مجدد تلاش کنید')
                        }
                    },
                    error: function (res) {
                        console.log(res);


                    },
                });
            }
        })
    }


    function delete_discount(id) {
        Swal.fire({
            title: 'آیا مطمئن هستید',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'بله',
            cancelButtonText: 'خیر'
        }).then((result) => {
            if (result.isConfirmed) {

                $.ajax({
                    type: "POST",
                    url: '/panel/discount_code_page_action',
                    data: {
                        id: id,
                        action: 'delete'
                    },

                    success: function (res) {
                        if (res.status == 'ok') {
                            Swal.fire({
                                position: 'center',
                                icon: 'success',
                                title: 'تغییرات اعمال شد',
                                showConfirmButton: false,
                                timer: 1500
                            }).then(() => {
                                location.reload()
                            })
                        } else {
                            alert('مشکلی پیش آمد. لطفا مجدد تلاش کنید')
                        }
                    },
                    error: function (res) {
                        console.log(res);


                    },
                });
            }
        })
    }

</script>
@include('footer')