@extends('backend.layouts.form')
@section('title', __('Create coupon'))
@section('back', route('admin.coupons.index'))
@section('container', 'container-max-lg')
@section('content')
    <form id="vironeer-submited-form" action="{{ route('admin.coupons.store') }}" method="POST">
        @csrf
        <div class="card mb-3 custom-card">
            <div class="card-body">
                <h5 class="card-title">{{ __('Coupon code') }}</h5>
                <p class="text-secondary">
                    {{ __('Enter or generate a coupon code, only characters and numbers are allowed in min 3 and max 20 characters') }}
                </p>
                <div class="input-group mb-2">
                    <button id="copy-btn" class="btn btn-secondary" type="button" data-clipboard-target="#couponCodeInput"><i
                            class="far fa-clone"></i></button>
                    <input id="couponCodeInput" type="text" name="code" class="form-control form-control-lg"
                        placeholder="{{ __('Coupon code') }}" maxlength="20" required>

                    <button id="generateCouponBtn" class="btn btn-primary" type="button"><i
                            class="fas fa-sync me-2"></i>{{ __('Generate') }}</button>
                </div>
            </div>
        </div>
        <div class="card mb-3 custom-card">
            <div class="card-body">
                <h5 class="card-title">{{ __('Discount details') }}</h5>
                <p class="text-secondary">
                    {{ __('Enter discount percentage in minimum 1% and max 100%, and set limit for each user starting from 1 minimum') }}
                </p>
                <div class="row g-3 mb-2">
                    <div class="col-lg-6">
                        <label class="form-label">{{ __('Discount percentage') }} : <span
                                class="red">*</span></label>
                        <div class="input-group">
                            <input type="number" name="percentage" class="form-control form-control-lg" min="1" max="100"
                                placeholder="0" value="{{ old('percentage') }}" required>
                            <span class="input-group-text bg-secondary-gradient pe-4 ps-4"><i
                                    class="fas fa-percent"></i></span>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <label class="form-label">{{ __('Limit for each user') }} : <span
                                class="red">*</span></label>
                        <input type="number" name="limit" class="form-control form-control-lg" min="1" placeholder="0"
                            value="{{ old('limit') }}" required>
                    </div>
                </div>
            </div>
        </div>
        <div class="card custom-card">
            <div class="card-body">
                <h5 class="card-title">{{ __('Usage details') }}</h5>
                <p class="text-secondary">
                    {{ __('Set the usage details of the coupon, and set expiry date in minimum 5 minutes') }}
                </p>
                <div class="row g-3 mb-2">
                    <div class="col-lg-6">
                        <label class="form-label">{{ __('Plan') }} : <span class="red">*</span></label>
                        <select name="plan" class="form-select form-control-lg" required>
                            <option value="" disabled selected>{{ __('Choose') }}</option>
                            <option value="0">{{ __('All plans') }}</option>
                            @foreach ($plans as $plan)
                                <option value="{{ $plan->id }}">
                                    {{ $plan->name }}
                                    @if ($plan->interval == 0)
                                        ({{ __('Monthly') }})
                                    @elseif($plan->interval == 1)
                                        ({{ __('Yearly') }})
                                    @elseif($plan->interval == 2)
                                        ({{ __('Lifetime') }})
                                    @endif
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-6">
                        <label class="form-label">{{ __('Action type') }} : <span
                                class="red">*</span></label>
                        <select name="action_type" class="form-select form-control-lg" required>
                            <option value="" disabled selected>{{ __('Choose') }}</option>
                            <option value="0">{{ __('All actions') }}
                            </option>
                            <option value="1">{{ __('Subscribing') }}
                            </option>
                            <option value="2">{{ __('Renewal') }}
                            </option>
                            <option value="3">{{ __('Upgrade') }}
                            </option>
                        </select>
                    </div>
                    <div class="col-lg-12">
                        <label class="form-label">{{ __('Expiry at') }} : <span
                                class="red">*</span></label>
                        <input type="datetime-local" name="expiry_at" class="form-control form-control-lg"
                            value="{{ old('expiry_at') }}" required>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @push('scripts_libs')
        <script src="{{ asset('assets/vendor/libs/clipboard/clipboard.min.js') }}"></script>
    @endpush
@endsection