@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>
        <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="{{ route('coupons.update', $coupon->id) }}">
                        @csrf
                        @method('PUT')

                        <!-- Title -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">عنوان</label>
                            <div class="col-sm-10">
                                <input type="text" name="title" class="form-control" value="{{ $coupon->title }}" 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" value="{{ $coupon->code }}" placeholder="کد تخفیف">
                            </div>
                        </div>

                        <!-- Price -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">مقدار تخفیف</label>
                            <div class="col-sm-10">
                                <input type="number" name="price" class="form-control" value="{{ $coupon->price }}" 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" {{ $coupon->mode == 'percent' ? 'selected' : '' }}>درصدی</option>
                                    <option value="fixed" {{ $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" name="discount_ceiling" class="form-control" value="{{ $coupon->discount_ceiling }}" 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" name="use_limit" class="form-control" value="{{ $coupon->use_limit }}" placeholder="مثلاً 50">
                            </div>
                        </div>

                        <!-- Use Count -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">تعداد استفاده شده</label>
                            <div class="col-sm-10">
                                <input type="number" name="use_count" class="form-control" value="{{ $coupon->use_count }}" placeholder="مثلاً 0">
                            </div>
                        </div>

                        <!-- Minimum Basket -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">حداقل سبد خرید</label>
                            <div class="col-sm-10">
                                <input type="number" name="min_basket" class="form-control" value="{{ $coupon->min_basket }}" 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" value="{{ $coupon->expire_date }}">
                            </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 }}" 
                                            {{ (is_array($coupon->cat_id) && in_array($value->id, $coupon->cat_id)) ? 'selected' : '' }} >
                                            {{ $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-primary">ویرایش کد تخفیف</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