@extends('layouts.admin')
@section('content')
<section class="pc-container">
    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item" aria-current="page">Coupons Management</li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('coupons') }}">Coupons</a>
                            </li>
                            <li class="breadcrumb-item" aria-current="page">New</li>
                        </ul>
                    </div>
                    <div class="col-md-12">
                        <div class="page-header-title">
                            <h3 class="mb-0">Coupon</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row pt-0">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body pt-2">
                        @include('include.errors')

                        @if(isset($coupon))
                        <form action="{{ route('update-coupon') }}" method="post">
                            <input type="hidden" name="id" value="{{ $coupon->id }}" />
                        @else
                        <form action="{{ route('store-coupon') }}" method="post">
                            @endif
                            @csrf

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6 form-group">
                                            <label class="form-label">Title <span class="text-danger">*</span></label>
                                            <input required name="title" type="text" class="form-control" placeholder="Item name" value="{{ old('title', $coupon->title) }}" autofocus>
                                        </div>

                                        <div class="col-md-6 form-group">
                                            <label class="form-label">Code <span class="text-danger">*</span></label>
                                            <div class="row">
                                                <div class="col-10">
                                                    <input required name="code" type="text" class="form-control code" placeholder="Item code" value="{{ old('code', $coupon->code) }}">
                                                </div>
                                                <div class="col-2 m-auto">
                                                    <i data-feather="refresh-cw" id="generateCode" class="cursor-p" style="font-size: 18px;" data-bs-toggle="tooltip" data-bs-original-title="Refresh code"></i>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="typeSelect">Type <span class="text-danger">*</span></label>
                                            <select required name="discount_type" class="form-select" id="typeSelect">
                                                <option value="flat">Flat</option>
                                                <option value="percent">Percent</option>
                                                <option value="b1g1">Buy One Get One</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label class="form-label">Amount <span class="text-danger">*</span></label>
                                            <input required name="amount" type="number" class="form-control" value="{{ old('amount', $coupon->amount) }}">
                                        </div>

                                        <div class="form-group col-md-3">
                                            <div>
                                                <label class="form-label">Limit</label>
                                                <input name="limit" type="number" class="form-control" value="{{ old('limit', $coupon->limit) }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="startDate">Start Date</label>
                                                <input name="start_date" type="date" class="form-control" id="startDate" value="{{ old('start_date', substr($coupon->start_date, 0, 10)) }}">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="endDate">End Date</label>
                                                <input name="end_date" type="date" class="form-control" id="endDate" value="{{ old('end_date', substr($coupon->end_date, 0, 10)) }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            @if(isset($coupon))
                                                <label class="form-label">Description</label>
                                                <textarea id="content" name="description" class="form-control">{{ old('description', $coupon->description) }}</textarea>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-check form-switch custom-switch-v1">
                                        <input name="active" type="checkbox" class="form-check-input input-primary" id="activeCheckbox" value='1' @checked(old('active', $coupon->active))>
                                        <label class="form-check-label" for="activeCheckbox">Active</label>
                                    </div>
                                    <input type="submit" value="Save" class="btn btn-primary m-t-20 m-b-20" data-bs-toggle="tooltip" data-bs-original-title="Save changes">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
</section>

@endsection

@push('scripts')

<script src="{{ asset('assets/ckeditor/ckeditor.js') }}"></script>

<script>
    CKEDITOR.replace('content', {
        filebrowserUploadUrl: "{{ route('ck-upload', ['_token' => csrf_token()]) }}",
        filebrowserUploadMethod: 'form'
    });

    $(document).on('click', '#generateCode', function() {
        $.ajax({
            type: 'GET',
            url: "{{ route('generateRandomCoupon') }}",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                $('.code').val(data);
            }
        });
    });

    $(document).ready(function() {
        $('#typeSelect').val('{{ $coupon->discount_type }}');
    });
</script>
@endpush