@extends('Admin.Layouts.Dashboard')

@section('scripts')
    <script>
        $(document).ready(function (){
            $('#user_id').select2({
                placeholder: "المستخدمين"
            });

            $('#max_use').select2({
                placeholder: "اقصى مرات استخدام",
                allowClear: true
            });
        });
    </script>
@endsection

@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">الحسابات</h4>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">/ {{$page_title}}</span>
            </div>
        </div>

        <div class="d-flex my-xl-auto right-content">
            <a href="{{dashboard_route('units.index')}}" class="btn btn-danger mb-1 me-1">عرض الكوبونات <i class="mdi mdi-arrow-left"></i></a>
        </div>
    </div>

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title" id="exampleModalLabel">{{$page_title}}</h5>
                </div>

                <div class="card-body">

                    @include('Messages')

                    <form method="post" id="form" action="{{$coupon->exists ? route('dashboard.coupons.update', $coupon->id) : route('dashboard.coupons.store')}}">
                        @csrf

                        @if($coupon->exists)
                            @method('PUT')
                        @endif

                        <div class="row">
                            <div class="col-xs-12 col-md-6">
                                <div class="form-group">
                                    <label for="coupon" class="form-label">كود الخصم</label>
                                    <input type="text" class="form-control" id="coupon" name="coupon" value="{{old('coupon') ?? $coupon->coupon}}" />
                                </div>

                                <div class="form-group">
                                    <label for="user_id" class="form-label">اسم المستخدم</label>
                                    <h6><small>اترك الاختيار فارغ لاتاحة الخصم لجميع المستخدمين</small></h6>

                                    <select class="form-control" id="user_id" name="users[]" multiple>
                                        <option></option>

                                        @foreach($users as $user)
                                            <option value="{{$user->id}}" {{in_array($user->id, $allowed_users) ? 'selected' : ''}}>{{$user->name}} - {{$user->phonenumber}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label class="form-label" id="discount">قيمة الخصم</label>
                                    <input type="text" name="discount" class="form-control" id="discount" value="{{old('discount') ?? $coupon->discount}}" />
                                </div>

                                <div class="form-group">
                                    <label class="form-label" for="type">نوع الخصم</label>

                                    <select class="form-control select2" id="type" name="type">
                                        <option value="percent" {{$coupon->type == 'percent' ? 'selected' : ''}}>نسبة %</option>
                                        <option value="fixed" {{$coupon->type == 'fixed' ? 'selected' : ''}}>ر.س</option>
                                    </select>
                                </div>


                                <div class="form-group">
                                    <label class="form-label" for="max_use">أقصى مرات استخدام</label>

                                    <select class="form-control" id="max_use" name="max_use">
                                        <option></option>

                                        @for($i=1;$i<=30;$i++)
                                            <option value="{{$i}}" {{$i == $coupon->max_use ? 'selected' : ''}}>{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary">حفظ</button>

                    </form>

                </div>

            </div>
        </div>
    </div>
@endsection