@extends('back_office.layouts.app')

@section('content')
    <div>
        <div class="container-fluid">
            <div class="p-4 bg-white row">
                <h5>Edit discount coupon</h5>
                <form style="margin-top: 2%" class="form-horizontal" action="{{ route('coupons.update', $coupon->id) }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Code</label>
                                <input type="text" id="code" name="code" value="{{$coupon->code}}" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Customer type</label>
                                <select name="customer_type" id="customer_type" class="form-control">
                                    <option value="wise_customer" @if($coupon->customer_type == 'wise_customer') selected @endif>Wise customer</option>
                                    <option value="all_customers" @if($coupon->customer_type == 'all_customers') selected @endif>All customers</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Discount</label>
                                <div class="row form-group">
                                    <div class="col-3">
                                        <select name="type" id="type" class="form-control">
                                            <option class="form-control" value="percent" @if($coupon->type == 'percent') selected @endif>Percent <small>(%)</small></option>
                                            <option class="form-control" value="amount" @if($coupon->type == 'amount') selected @endif>Flat</option>
                                        </select>
                                    </div>
                                    <div class="col-9">
                                        <input type="number" id="amount" value="{{$coupon->amount}}" name="amount" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Expiration date</label>
                                <input type="datetime-local" value="{{$expiry_date}}" id="expire" name="expire" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-12" style="margin-top: 5%; margin-bottom: 2%">
                            <div class="form-group">
                                <div class="col-lg-12 text-right">
                                    <button type="submit" class="btn btn-info">Update Coupon</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

<script  type="text/javascript">
    function checkType() {
    }
</script>