@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can("add coupon"))
        <div class="card card-outline card-primary">
            <form action="{{ route('coupon.update',['id' => $coupon->id]) }}" method="post">
                @csrf
                @method('put')
                <div class="card-body">
                    <div class="row">
                        <div class="col">

                            {{--CODE name--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="code">CODE Coupon</label>
                                <div class="col-md-8 row mb-0 form-group">
                                    <div class="col-md-8">
                                        <input type="text" id="code" name="code" placeholder="CODE Coupon"
                                               value="{{ $coupon->code }}" class="form-control">
                                    </div>
                                    <div class="col-md-4">
                                        <button type="button" class="btn btn-general__code btn-outline-secondary">
                                            <i class="fas fa-random"></i> General Coupon CODE</button>
                                    </div>
                                </div>
                            </div>

                            {{--Start Day--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="coupon_start">Start Date</label>
                                <div class="col-md-8">
                                    <input type="text" id="coupon_start" name="start" placeholder="dd/mm/yy"
                                           value="{{ \Illuminate\Support\Carbon::parse($coupon->start)->format('d/m/Y') }}" class="form-control datetime-picker">
                                </div>
                            </div>

                            {{--End Day--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="coupon_end">Expire Date</label>
                                <div class="col-md-8">
                                    <input type="text" id="coupon_end" name="end" placeholder="dd/mm/yy"
                                           value="{{ \Illuminate\Support\Carbon::parse($coupon->end)->format('d/m/Y') }}" class="form-control datetime-picker">
                                </div>
                            </div>

                            {{--Limit Coupon--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="coupon_limit">Number of Coupons</label>
                                <div class="col-md-8">
                                    <input type="text" id="coupon_limit" name="count" placeholder="10"
                                           value="{{ $coupon->count }}" class="form-control">
                                </div>
                            </div>

                            {{--Type Counpon--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="type">Type Coupon</label>
                                <div class="col-md-8">
                                    <select class="custom-select" name="type" id="type">
                                        <option value="1" @selected((int) $coupon->type === 1)>Percentage</option>
                                        <option value="2" @selected((int) $coupon->type === 2)>Fixed Amount</option>
                                    </select>
                                </div>
                            </div>
                            {{--Value Counpon--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="discount">Coupon Value</label>
                                <div class="col-md-8">
                                    <input type="text" id="discount" name="discount" placeholder="100000 ..."
                                           value="{{ $coupon->discount }}" class="form-control">
                                </div>
                            </div>

                            {{--Status--}}
                            <div class="form-group row">
                                <label class="col-md-4" for="status">Status</label>
                                <div class="col-md-8">
                                    <select class="custom-select" name="status" id="status">
                                        <option value="1" @selected((int) $coupon->status === 1)>Active</option>
                                        <option value="0" @selected((int) $coupon->status === 0)>No Active</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('product.index') }}" class="btn btn-outline-secondary">Back</a>
                    <button type="submit" class="btn btn-outline-primary">Save</button>
                </div>
            </form>
        </div>

    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Coupon management department</h5>
        </div>
    @endif
    @push('style')
        <link rel="stylesheet" href="{{ asset('lib/jquery-ui/jquery-ui.min.css') }}">
    @endpush
    @push('scripts')
        <script src="{{ asset('lib/jquery-ui/jquery-ui.min.js') }}"></script>
        <script type="text/javascript">
            //Date picker
            $('.datetime-picker').datepicker({
                dateFormat: 'dd/mm/yy'
            });
        </script>
    @endpush
@endsection