@extends('layouts.layout')
@section('content')
    <div class="page-body">
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="page-header-left">
                            <h3>{{ $title }}
                                <small>Diamond Admin panel</small>
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ol class="breadcrumb pull-right">
                            <li class="breadcrumb-item">
                                <a href="index.html">
                                    <i data-feather="home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ $backtrack }}">Referral Coupon List</a></li>
                            <li class="breadcrumb-item active">{{ $title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->

        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <form class="needs-validation " novalidate action="{{ $action_url }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="form-group row">
                                    <label for="coupon_title" class="col-xl-3 col-md-4"><span>*</span> Coupon title</label>
                                    <div class="col-md-8">
                                        <input class="form-control  @error('coupon_title') is-invalid @enderror"
                                            id="coupon_title" type="text" required name="coupon_title"
                                            value="{{ old('coupon_title', isset($obj) ? $obj->coupon_title : '') }}">
                                        @error('coupon_title')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="coupon_code" class="col-xl-3 col-md-4"><span>*</span> Coupon code</label>
                                    <div class="col-md-8">
                                        <input class="form-control @error('coupon_code') is-invalid @enderror" id="coupon_code" type="text" name="coupon_code"
                                            value="{{ old('coupon_code', isset($obj) ? $obj->coupon_code : '') }}">
                                        @error('coupon_code')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="image" class="col-xl-3 col-md-4">Start date</label>
                                    <div class="col-md-8">
                                        <input class="datepicker-here-new form-control digits " type="text"
                                            data-language="en" name="start_date"
                                            value="{{ old('start_date', isset($obj) ? $obj->start_date : '') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="image" class="col-xl-3 col-md-4">End date</label>
                                    <div class="col-md-8">
                                        <input class="datepicker-here-new form-control digits" type="text"
                                            data-language="en" name="end_date"
                                            value="{{ old('end_date', isset($obj) ? $obj->end_date : '') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="quantity" class="col-xl-3 col-md-4"><span>*</span> Quantity</label>
                                    <div class="col-md-8">
                                        <input class="form-control @error('quantity') is-invalid @enderror" id="quantity" type="number" name="quantity"
                                            value="{{ old('quantity', isset($obj) ? $obj->quantity : '') }}">
                                        @error('quantity')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4"><span>*</span> Discount Type</label>
                                    <div class="col-md-8">
                                        <select class="custom-select w-100 form-control  @error('discount_type') is-invalid @enderror" name="discount_type">
                                            <option selected disabled>--Select--</option>
                                            <option value="percent"
                                                {{ old('discount_type', isset($obj) ? $obj->discount_type : '') == 'percent' ? 'selected' : '' }}>
                                                Percent</option>
                                            <option value="fixed"
                                                {{ old('discount_type', isset($obj) ? $obj->discount_type : '') == 'fixed' ? 'selected' : '' }}>
                                                Fixed</option>
                                        </select>
                                        @error('discount_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4"><span>*</span> Discount Value <a
                                            href="javascript:void(0)"><i
                                                class="fa fa-info-circle text-info"></i></a></label>
                                    <div class="col-md-8">
                                        <input type="number" name="discount_value" class="form-control  @error('discount_value') is-invalid @enderror"
                                            value="{{ old('discount_value', isset($obj) ? $obj->discount_value : '') }}">
                                    </div>
                                </div>
                                {{-- <div class="form-group row">
                                    <label for="customers" class="col-xl-3 col-md-4"><span>*</span>Customers</label>
                                    <div class="col-md-8">
                                        <select name="customers[]" id="customers" class="form-control  @error('customers') is-invalid @enderror" multiple>
                                            @if (isset($obj))
                                            @php
                                                $customers = explode(',',$obj->customers);
                                            @endphp
                                                <option value="all_customers" {{ in_array('all_customers',$customers)?'selected':'' }}>All customers</option>
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}" {{ in_array($user->id,$customers)?'selected':'' }}>{{ ucfirst($user->first_name) }}
                                                        {{ $user->last_name }}</option>
                                                @endforeach
                                            @else
                                                <option value="all_customers" {{ old('customers') == 'all_customers'?'selected':'' }} selected>All customers</option>
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}"  {{ old('customers') == $user->id?'selected':'' }}>{{ ucfirst($user->first_name) }}
                                                        {{ $user->last_name }}</option>
                                                @endforeach
                                            @endif



                                        </select>
                                        @error('customers')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div> --}}
                                <div class="form-group row">
                                    <label for="per_customer_limit" class="col-xl-3 col-md-4"><span>*</span>Per customer
                                        limit</label>
                                    <div class="col-md-8">
                                        <input class="form-control  @error('per_customer_limit') is-invalid @enderror" id="per_customer_limit" type="number"
                                            name="per_customer_limit"
                                            value="{{ old('per_customer_limit', isset($obj) ? $obj->per_customer_limit : '') }}">
                                        @error('per_customer_limit')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4">Status</label>
                                    <div class="col-xl-9 col-md-8">
                                        <div class="checkbox checkbox-primary">
                                            <input id="status" type="checkbox" data-original-title="" name="status"
                                                checked value="true" title="">
                                            <label for="status">Enable the Coupon</label>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary d-block">Save</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>
    @push('scripts')
        <script>
            $(document).ready(function() {
                $('.datepicker-here-new').datepicker({
                    dateFormat: 'yyyy-mm-dd'
                });
                $('#customers').select2();
            })
        </script>
    @endpush
@endsection