@extends('backend.layouts.app')

@section('content')

    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 py-2 d-flex align-items-center">{{translate('Coupon Information Adding')}}</h5>
            </div>
            <div class="card-body">
                <form class="form-horizontal" action="{{ route('coupon.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mt-3">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    {{--                <div class="form-group row">--}}
                    {{--                    <label class="col-lg-4 col-from-label" for="name">{{translate('Coupon Type')}}</label>--}}
                    {{--                    <div class="col-lg-6">--}}
                    {{--                        <select name="type" id="coupon_type" class="form-control aiz-selectpicker" onchange="coupon_form()" required>--}}
                    {{--                            <option value="">{{translate('Select One') }}</option>--}}
                    {{--                            <option value="product_base" @if (old('type') == 'product_base') selected @endif>{{translate('For Products')}}</option>--}}
                    {{--                            <option value="cart_base" @if (old('type') == 'cart_base') selected @endif>{{translate('For Total Orders')}}</option>--}}
                    {{--                        </select>--}}
                    {{--                    </div>--}}
                    {{--                </div>--}}
                    <input name="type" type="hidden" value="cart_base">
                    <div id="coupon_form">
                        <div class="card-header mb-2">
                            <h3 class="h6 d-flex align-items-center">{{translate('Add Your Cart Base Coupon')}}</h3>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-4 col-from-label" for="code">{{translate('Coupon code')}}</label>
                            <div class="col-lg-6">
                                <input type="text" placeholder="{{translate('Coupon code')}}" id="code" name="code" class="form-control" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-4 col-from-label">{{translate('Minimum Shopping')}}</label>
                            <div class="col-lg-6">
                                <input type="number" lang="en" min="0" step="0.01" placeholder="{{translate('Minimum Shopping')}}" name="min_buy" class="form-control" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-4 col-from-label">{{translate('Discount')}}</label>
                            <div class="col-lg-7">
                                <input type="number" lang="en" min="0" step="0.01" placeholder="{{translate('Discount')}}" name="discount" class="form-control" required>
                            </div>
                            <div class="col-lg-2">
                                <select class="form-control aiz-selectpicker" name="discount_type">
                                    <option value="amount">{{translate('Amount')}}</option>
                                    <option value="percent">{{translate('Percent')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-4 col-from-label">{{translate('Maximum Discount Amount')}}</label>
                            <div class="col-lg-6">
                                <input type="number" lang="en" min="0" step="0.01" placeholder="{{translate('Maximum Discount Amount')}}" name="max_discount" class="form-control" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 control-label" for="start_date">{{translate('Date')}}</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control aiz-date-range" name="date_range" placeholder="{{ translate('Select Date') }}">
                            </div>
                        </div>


                    </div>
                    <div class="form-group mb-0 text-right">
                        <button type="submit" class="btn btn-primary">{{translate('Save')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@section('script')

    <script type="text/javascript">

        {{--function coupon_form(){--}}
        {{--    var coupon_type = $('#coupon_type').val();--}}
        {{--	$.post('{{ route('coupon.get_coupon_form') }}',{_token:'{{ csrf_token() }}', coupon_type:coupon_type}, function(data){--}}
        {{--        $('#coupon_form').html(data);--}}
        {{--	});--}}
        {{--}--}}

        {{--@if($errors->any())--}}
        {{--    coupon_form();--}}
        {{--@endif--}}



    </script>
    <script type="text/javascript">

        $(document).ready(function(){

            $('.aiz-date-range').daterangepicker();
        });
    </script>

@endsection