@extends('admin.layouts.app')

@section('page-title')
Voucher @isset($voucher) Update @else Add @endisset
@endsection

@section('content')
<div class="container-xxl">
    <form action="{{ isset($voucher) ? route('admin.vouchers.update', $voucher) : route('admin.vouchers.store') }}" method="POST">
        @csrf
        @if(isset($voucher))
            @method('PUT')
        @endif
        <div class="row">
            <div class="col-lg-7">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Coupon Information</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="code" class="form-label"><strong class="text-danger">*</strong> Coupons Code</label>
                                    <input type="text" id="code" name="code" class="form-control" value="{{ old('code', $voucher->code ?? '') }}" placeholder="Code enter" required>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="description" class="form-label">Description</label>
                                    <input type="text" id="description" name="description" class="form-control" value="{{ old('code', $voucher->description ?? '') }}" placeholder="Code enter">
                                </div>
                            </div>
                        </div>
                        <h4 class="card-title mb-3 mt-2">Coupons Types</h4>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="discount_type" class="form-label">Discount Type</label>
                                <select class="form-control" id="discount_type" data-choices data-choices-groups data-choices-search-false data-choices-sorting-false data-placeholder="Select Country" name="discount_type" required>
                                    <option value="fixed" {{ (old('discount_type', $voucher->discount_type ?? '') == 'fixed') ? 'selected' : '' }}>Fixed amount</option>
                                    <option value="percentage" {{ (old('discount_type', $voucher->discount_type ?? '') == 'percentage') ? 'selected' : '' }}>Percentage of amount</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <div class="">
                                    <label for="discount_value" class="form-label"><strong class="text-danger">*</strong> Discount Value</label>
                                    <input type="text" id="discount_value" name="discount_value" class="form-control" value="{{ old('code', $voucher->discount_value ?? '') }}" placeholder="Only integer">
                                </div>
                            </div>
                        </div>
                        <div class="row">

                        </div>
                    </div>
                    <div class="card-footer border-top">
                        <button type="submit" class="btn btn-primary">{{ isset($voucher) ? 'Update Voucher' : 'Create Voucher' }}</button>
                        <a href="{{ route('admin.vouchers.index') }}" class="btn btn-outline-secondary">Cancel</a>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Coupon Status <small><strong class="text-danger">* required</strong> </small></h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="status" id="statusActive" value="active" {{ (old('status', $voucher->status ?? '') == 'active') ? 'checked' : '' }} required>
                                    <label class="form-check-label" for="statusActive">
                                        Active
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="status" id="statusInactive2" value="inactive" {{ (old('status', $voucher->status ?? '') == 'inactive') ? 'checked' : '' }} required>
                                    <label class="form-check-label" for="statusInactive2">
                                        Inactive
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Date Schedule</h4>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="valid_from" class="form-label text-dark">Start Date</label>
                            <input type="text" id="valid_from" name="valid_from" value="{{ old('code', $voucher->valid_from ?? '') }}" class="form-control flatpickr-input active" placeholder="dd-mm-yyyy" readonly="readonly">
                        </div>

                        <div class="mb-3">
                            <label for="valid_to" class="form-label text-dark">End Date</label>
                            <input type="text" id="valid_to" name="valid_to" value="{{ old('code', $voucher->valid_to ?? '') }}" class="form-control flatpickr-input active" placeholder="dd-mm-yyyy" readonly="readonly">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

@endsection

@section('scripts')
<!-- <script src="{{ asset('admin/assets/js/pages/voucher.js') }}"></script> -->
<script>
    // document.getElementById("valid_from").flatpickr();
    flatpickr(".flatpickr-input");
    $(function() {
        // datepicker
        // $(".flatpickr-input").flatpickr();

    });
</script>
@endsection