@extends('main.layouts.app')
@section('content')
{{-- @include('ckfinder::setup') --}}

<style>
    /* Add your CSS styles here */
</style>

<div class="main-content">
    <section class="section">
        <div class="section-header d-block bg_blue_color mb-0">
            <div class="row">
                <div class="col-12">
                    <div class="d-flex align-items-center justify-content-between">
                        <div>
                            <div class="dash-text">
                                <h5 class="text-white depo mb-0">
                                    <a href="/"><img src="/img/homepage.png" alt="image"> </a>
                                    Edit Coupon
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a class="" href="/admin/coupons">Coupons</a></li>
            <li class="breadcrumb-item"><a class="" href="{{ route('coupons.edit', $coupon->id) }}">Edit Coupon</a></li>
        </ol>

        <div class="section-body">
            <div class="wrapper wrapper-content card">
                <div class="animated fadeInUp">
                    <form role="form" class="form-edit-add" action="{{ route('coupons.update', $coupon->id) }}" method="POST">
                        @csrf

                        <div class="panel-body card-body">
                            @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                            @endif

                            <input hidden name="coupon_id" value="{{ $coupon->id }}" />

                            <div class="form-group col-md-12">
                                <label class="control-label">Selct Service for Coupon</label>
                                <select class="form-control" name="visibility" id="service-select" required>
                                    <option value="" >Select Service</option>
                                    <option value="product" {{ $coupon->service == 'product' ? 'selected' : ''}}>Product</option>
                                    <option value="gold" {{ $coupon->service == 'gold' ? 'selected' : ''}}>Gold</option>
                                    <option value="sip" {{ $coupon->service == 'sip' ? 'selected' : ''}}>Sip</option>
                                    <option value="game" {{ $coupon->service == 'game' ? 'selected' : ''}}>Game</option>
                                    <option value="member" {{ $coupon->service == 'member' ? 'selected' : ''}}>Membership</option>
                                </select>
                                @error('visibility')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Coupon Code</label>
                                <input class="form-control" type="text" name="code" value="{{ $coupon->code }}" required />
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Percent Off</label>
                                <input class="form-control" type="number" name="percent_off" value="{{ $coupon->percent_off }}" required />
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Number of Users</label>
                                <input class="form-control" type="number" name="no_of_users" value="{{ $coupon->no_of_users }}" required />
                            </div>

                            <div class="form-group col-md-12">
                                <input class="form-control" type="date" name="start_date" onchange="editStartDate()" id="start_date" value="{{ $coupon->start_date }}"  />
                                <input type="hidden" name="start_date" id="hidden_start_date" value="{{$coupon->start_date}}">
                                Start Date:-<span> {{ $coupon->start_date }}</span>
                            </div>

                            <div class="form-group col-md-12">
                                <input class="form-control" type="date" name="end_date" onchange="editEndDate()" id="end_date" value="{{ $coupon->end_date }}" />
                                <input type="hidden" value="{{$coupon->end_date}}" id="hidden_end_date" name="end_date">
                                End Date:-<span> {{ $coupon->end_date }}</span> 
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Number of Times Usable</label>
                                <input class="form-control" type="number" name="no_of_times" value="{{ $coupon->no_of_times }}" required />
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Level</label>
                                <input class="form-control" type="number" name="level" value="{{ $coupon->level }}" required />
                            </div>

                            <div class="form-group col-md-12">
                                <label class="control-label">Visibility</label>
                                <select class="form-control" name="visibility" required>
                                    <option value="1" {{ $coupon->visibility == 1 ? 'selected' : '' }}>Visible</option>
                                    <option value="0" {{ $coupon->visibility == 0 ? 'selected' : '' }}>Not Visible</option>
                                </select>
                            </div>
                        </div>

                        <div class="panel-footer">
                            <button type="submit" class="btn btn-primary save mt-3">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<script>
    function editStartDate(){
        var start_date = document.getElementById('start_date').value;
        document.getElementById('hidden_start_date').value = start_date;
    }
    function editEndDate(){
        var end_date = document.getElementById('end_date').value;
        document.getElementById('hidden_end_date').value = end_date;
    }
</script>
@endsection