Viewing file:  create.blade.php (27.94 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('vendor.layouts.app')
@section('page_title', __('Create Coupon'))
@section('css')
<link rel="stylesheet" href="{{ asset('public/dist/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}">
@endsection
@section('content')
<div id="vendor-coupon-add-container">
<div class="card">
<div class="card-body row" id="theme-container">
<div class="col-lg-3 col-12 z-index-10 {{ languageDirection() == 'ltr' ? 'ps-md-3 pe-0 ps-0' : 'pe-md-3 ps-0 pe-0' }}"
aria-labelledby="navbarDropdown">
<div class="card card-info shadow-none" id="nav">
<div class="card-header pt-4 border-bottom text-nowrap">
<h5 id="general-settings">{{ __('Coupon Create') }}</h5>
</div>
<ul class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<li><a class="nav-link text-left tab-name active" id="v-pills-general-tab" data-bs-toggle="pill"
href="#v-pills-general" role="tab" aria-controls="v-pills-general"
aria-selected="true" data-id="{{ __('General') }}">{{ __('General') }}</a></li>
<li><a class="nav-link text-left tab-name" id="v-pills-restriction-tab" data-bs-toggle="pill"
href="#v-pills-restriction" role="tab" aria-controls="v-pills-restriction"
aria-selected="true"
data-id="{{ __('Usage Restriction') }}">{{ __('Usage Restriction') }}</a></li>
<li><a class="nav-link text-left tab-name" id="v-pills-limit-tab" data-bs-toggle="pill"
href="#v-pills-limit" role="tab" aria-controls="v-pills-limit" aria-selected="true"
data-id="{{ __('Usage Limit') }}">{{ __('Usage Limit') }}</a></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-12 {{ languageDirection() == 'ltr' ? 'ps-0' : 'pe-0' }}">
<div class="card card-info shadow-none">
<div class="card-header pt-4 border-bottom">
<h5><span id="theme-title"></span></h5>
</div>
<div class="card-body">
<form action="{{ route('vendor.couponStore') }}" method="post" class="form-horizontal">
@csrf
<div class="tab-content p-0 box-shadow-unset" id="topNav-v-pills-tabContent">
{{-- General --}}
<div class="tab-pane fade" id="v-pills-general" role="tabpanel"
aria-labelledby="v-pills-general-tab">
<div class="row">
<div class="col-sm-12">
<div class="form-group row">
<label class="col-sm-2 control-label require"
for="name">{{ __('Name') }}</label>
<div class="col-sm-6">
<input type="text" placeholder="{{ __('Name') }}"
class="form-control inputFieldDesign" id="name"
name="name" required maxlength="120"
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')"
value="{{ old('name') }}">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label require"
for="code">{{ __('Code') }}</label>
<div class="col-sm-6">
<input type="text" placeholder="{{ __('Code') }}"
class="form-control inputFieldDesign" id="code"
name="code" required maxlength="100"
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')"
value="{{ old('code') }}">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label text-left"
for="discount_type">{{ __('Discount Type') }}</label>
<div class="col-sm-6">
<select class="form-control select2-hide-search sl_common_bx"
id="discount_type" name="discount_type" required
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')">
<option value="Flat"
{{ old('discount_type') == 'Flat' ? 'selected' : '' }}>
{{ __('Flat') }}</option>
<option value="Percentage"
{{ old('discount_type') == 'Percentage' ? 'selected' : '' }}>
{{ __('Percentage') }}</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-2">
<label
class="control-label text-left require d-inline discount_amount_label"
for="discount_amount">{{ __('Discount Amount') }}</label>
</div>
<div class="col-sm-6">
<input type="number" step="any"
placeholder="{{ __('Discount Amount') }}"
class="form-control inputFieldDesign" id="discount_amount"
max="99999999" name="discount_amount" required
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')"
data-max="{{ __('The value must be :x than or equal to :y.', ['x' => __('less'), 'y' => 99999999]) }}"
value="{{ old('discount_amount') }}">
</div>
</div>
<div class="form-group row" id="max_discount">
<label class="col-sm-2 control-label text-left"
for="maximum_discount_amount">{{ __('Maximum Discount') }}</label>
<div class="col-sm-6">
<input type="number" step="any"
placeholder="{{ __('Maximum Discount') }}"
class="form-control" id="maximum_discount_amount"
max="99999999" name="maximum_discount_amount"
data-max="{{ __('The value must be :x than or equal to :y.', ['x' => __('less'), 'y' => 99999999]) }}"
value="{{ old('maximum_discount_amount') }}">
</div>
</div>
<div class="form-group row -mt-6">
<label class="col-sm-2 control-label text-left"
for="">{{ __('Allow free shipping') }}</label>
<div class="col-md-6 col-12">
<div class="switch switch-bg d-inline m-r-10">
<input class="is_default" name="allow_free_shipping"
value="" type="checkbox" id="free_shipping">
<label for="free_shipping" class="cr"></label>
</div>
<small class="line-height-25"
for="">{{ __('Check this box if the coupon grants free shipping.') }}
{{ __('A free shipping method must be enabled in your shipping zone and require a valid free shipping coupon') }}
({{ __(' see the Free Shipping Requires setting.') }}).</small>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label require text-left"
for="start_date">{{ __('Start Date') }}</label>
<div class="d-flex date col-sm-6">
<div class="input-group-prepend">
<i
class="fas fa-calendar-alt input-group-text bg-white h-40 rounded-0 rounded-0 {{ languageDirection() == 'ltr' ? 'rounded-start border-end-0' : 'rounded-end border-start-0' }}"></i>
</div>
<input
class="form-control inputFieldDesign rounded-0{{ languageDirection() == 'ltr' ? 'rounded-end' : 'rounded-start' }}"
id="start_date" type="text" name="start_date" required
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')">
</div>
<small
class="line-height-25">{{ __('Check this box if the coupon grants free shipping.') }}
{{ __('A free shipping method must be enabled in your shipping zone and require a valid free shipping coupon') }}
({{ __('see the Free Shipping Requires setting.') }}).</small>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label require"
for="end_date">{{ __('End Date') }}</label>
<div class="d-flex date col-sm-6">
<div class="input-group-prepend">
<i
class="bg-white fas fa-calendar-alt input-group-text h-40 rounded-0 rounded-0 {{ languageDirection() == 'ltr' ? 'rounded-start border-end-0' : 'rounded-end border-start-0' }}"></i>
</div>
<input
class="form-control rounded-0 inputFieldDesign {{ languageDirection() == 'ltr' ? 'rounded-end' : 'rounded-start' }}"
id="end_date" type="text" name="end_date" required
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label require"
for="status">{{ __('Status') }}</label>
<div class="col-sm-6">
<select class="form-control select2-hide-search sl_common_bx"
id="status" name="status" required
oninvalid="this.setCustomValidity('{{ __('This field is required.') }}')">
<option value="">{{ __('Select One') }}</option>
<option value="Active"
{{ old('status') == 'Active' ? 'selected' : '' }}>
{{ __('Active') }}</option>
<option value="Inactive"
{{ old('status') == 'Inactive' ? 'selected' : '' }}>
{{ __('Inactive') }}</option>
<option value="Expired"
{{ old('status') == 'Expired' ? 'selected' : '' }}>
{{ __('Expired') }}</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer py-0">
<div class="form-group row">
<label for="btn_save" class="col-sm-3 control-label"></label>
<div class="col-sm-12">
<button data-id="v-pills-restriction-tab" type="button"
class="btn form-submit custom-btn-submit {{ languageDirection() == 'ltr' ? 'float-right' : 'float-left' }} switch-tab">{{ __('Next') }}</button>
<button type="button"
class="btn form-submit custom-btn-submit {{ languageDirection() == 'ltr' ? 'float-right' : 'float-left' }}"
disabled>{{ __('Previous') }}</button>
</div>
</div>
</div>
</div>
{{-- Usage restriction --}}
<div class="tab-pane fade" id="v-pills-restriction" role="tabpanel"
aria-labelledby="v-pills-restriction-tab">
@if (isActive('Shop') ? false : false)
<div class="form-group row">
<label class="col-sm-2 control-label"
for="shop_id">{{ __('Shop') }}</label>
<div class="col-sm-6">
<select class="form-control select2 sl_common_bx" id="shop_id"
name="shop_id">
<option disabled selected value="">{{ __('Select One') }}
</option>
@foreach ($shops as $shop)
<option value="{{ $shop->id }}">{{ $shop->name }}
</option>
@endforeach
</select>
</div>
</div>
@endif
<div class="form-group row">
<label class="col-sm-2 control-label"
for="product_id">{{ __('Products') }}</label>
<div class="col-sm-6">
<select class="form-control select-products select2 sl_common_bx"
id="product_id" name="product_ids[]" multiple>
{{-- Product will be load here --}}
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 control-label text-left" for="minimum_spend">
{{ __('Minimum Spend') }}
<div
class="tooltips cursor-pointer neg-transition-scale {{ languageDirection() == 'ltr' ? 'ms-2' : 'me-2' }}">
<svg width="12" height="12" viewBox="0 0 12 12"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM6.66667 10C6.66667 10.3682 6.36819 10.6667 6 10.6667C5.63181 10.6667 5.33333 10.3682 5.33333 10C5.33333 9.63181 5.63181 9.33333 6 9.33333C6.36819 9.33333 6.66667 9.63181 6.66667 10ZM6 1.33333C4.52724 1.33333 3.33333 2.52724 3.33333 4H4.66667C4.66667 3.26362 5.26362 2.66667 6 2.66667H6.06287C6.76453 2.66667 7.33333 3.23547 7.33333 3.93713V4.27924C7.33333 4.62178 7.11414 4.92589 6.78918 5.03421C5.91976 5.32402 5.33333 6.13765 5.33333 7.05409V8.66667H6.66667V7.05409C6.66667 6.71155 6.88586 6.40744 7.21082 6.29912C8.08024 6.00932 8.66667 5.19569 8.66667 4.27924V3.93713C8.66667 2.49909 7.50091 1.33333 6.06287 1.33333H6Z"
fill="#898989" />
</svg>
<span
class="tooltiptexts">{{ __('You must spend more than or equal this amount to get coupon discount.') }}</span>
</div>
</label>
<div class="col-sm-6">
<input type="text" placeholder="{{ __('Minimum Spend') }}"
class="form-control positive-float-number inputFieldDesign"
id="minimum_spend" name="minimum_spend"
value="{{ old('minimum_spend') }}">
</div>
</div>
<div class="modal-footer py-0">
<div class="form-group row">
<label for="btn_save" class="col-sm-3 control-label"></label>
<div class="col-sm-12">
<button data-id="v-pills-limit-tab" type="button"
class="btn form-submit custom-btn-submit {{ languageDirection() == 'ltr' ? 'float-right' : 'float-left' }} switch-tab">{{ __('Next') }}</button>
<button data-id="v-pills-general-tab" type="button"
class="btn form-submit custom-btn-submit {{ languageDirection() == 'ltr' ? 'float-right' : 'float-left' }} switch-tab">{{ __('Previous') }}</button>
</div>
</div>
</div>
</div>
{{-- Usage limitation --}}
<div class="tab-pane fade" id="v-pills-limit" role="tabpanel"
aria-labelledby="v-pills-limit-tab">
<div class="form-group row">
<label class="col-sm-2 control-label" for="usage_limit">
{{ __('Usage Limit') }}
<div
class="tooltips cursor-pointer neg-transition-scale {{ languageDirection() == 'ltr' ? 'ms-2' : 'me-2' }}">
<svg width="12" height="12" viewBox="0 0 12 12"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM6.66667 10C6.66667 10.3682 6.36819 10.6667 6 10.6667C5.63181 10.6667 5.33333 10.3682 5.33333 10C5.33333 9.63181 5.63181 9.33333 6 9.33333C6.36819 9.33333 6.66667 9.63181 6.66667 10ZM6 1.33333C4.52724 1.33333 3.33333 2.52724 3.33333 4H4.66667C4.66667 3.26362 5.26362 2.66667 6 2.66667H6.06287C6.76453 2.66667 7.33333 3.23547 7.33333 3.93713V4.27924C7.33333 4.62178 7.11414 4.92589 6.78918 5.03421C5.91976 5.32402 5.33333 6.13765 5.33333 7.05409V8.66667H6.66667V7.05409C6.66667 6.71155 6.88586 6.40744 7.21082 6.29912C8.08024 6.00932 8.66667 5.19569 8.66667 4.27924V3.93713C8.66667 2.49909 7.50091 1.33333 6.06287 1.33333H6Z"
fill="#898989" />
</svg>
<span
class="tooltiptexts">{{ __('How many times this coupon can be used.') }}</span>
</div>
</label>
<div class="col-sm-6">
<input type="text" placeholder="{{ __('Usage Limit') }}"
class="form-control positive-int-number inputFieldDesign"
id="usage_limit" name="usage_limit"
value="{{ old('usage_limit') }}">
</div>
</div>
<div class="modal-footer py-0">
<div class="form-group row">
<label for="btn_save" class="col-sm-3 control-label"></label>
<div class="col-sm-12">
<button type="submit"
class="btn form-submit custom-btn-submit {{ languageDirection() == 'ltr' ? 'float-right' : 'float-left' }} coupon-submit-button"
id="footer-btn">{{ __('Save') }}</button>
<a href="{{ route('vendor.coupons') }}"
class="py-2 form-submit custom-btn-cancel {{ languageDirection() == 'ltr' ? 'float-right me-2' : 'float-left ms-2' }} coupon-submit-button">{{ __('Cancel') }}</a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
'use strict';
var is_active = "{{ isActive('Shop') }}";
var old_item = @json(old('product_ids'));
var oldProductUrl = "{{ route('coupon.oldProducts') }}";
</script>
<script src="{{ asset('public/dist/js/custom/validation.min.js') }}"></script>
<script src="{{ asset('public/dist/js/condition.min.js') }}"></script>
<!-- date range picker Js -->
<script src="{{ asset('public/dist/js/moment.min.js') }}"></script>
<script src="{{ asset('public/dist/plugins/bootstrap-daterangepicker/daterangepicker.min.js') }}"></script>
<script src="{{ asset('public/dist/js/custom/coupon.min.js') }}"></script>
@endsection
|