@extends('layouts.app')

@section('stitle',  __('messages.editDiscounts'))
@section('title',  __('messages.Discounts'))

@section('content')
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">

        @if(session()->get('title') == "success")
            <div class="alert alert-success" role="alert">
                <h4 class="alert-heading">Success</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @elseif (session()->get('title') == "error")
            <div class="alert alert-danger" role="alert">
                <h4 class="alert-heading">Error</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @elseif($errors->any())
            <div class="alert alert-danger" role="alert">
                <h4 class="alert-heading">Error</h4>
                @foreach ($errors->all() as $error)
                    <div class="alert-danger">{{ $error }}</div>
                @endforeach
            </div>
        @else
        @endif

        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <!-- Basic Horizontal form layout section start -->
            <section id="basic-horizontal-layouts">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">@yield('stitle')</h4>
                            </div>
                            <div class="card-body">
                            <form class="form" action="{{ route('discount.update',$discount->id) }}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="name" data-toggle="tooltip" data-placement="top" data-original-title="The discount name.">{{__('messages.name')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <input type="text" id="name" class="form-control" placeholder="Enter Name" name="name" value="{{$discount->name}}" />
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="tax_group">Discount Type</label>
                                                    <select class="select2 form-control form-control-lg" name="discount_type" >
                                                        @foreach ($discountType as $type)
                                                        <option value="{{$type->id}}" {{$type->id == $discount->discount_type_id ? 'selected': ''}}>{{$type->name}}</option>
                                                        @endforeach
                                                    </select>
                                            </div>
                                        </div> --}}
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="discount_type" data-toggle="tooltip" data-placement="top" data-original-title="Choose whether the discount can be applied on an order level, a product level or both.">{{__('messages.discountType')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <select class="select2 form-control form-control-lg" required name="discount_type">
                                                    @foreach ($discountType as $type)
                                                        <option value="{{$type->id}}" {{$type->id == $discount->discount_type_id ? 'selected' : ''}}  >{{$type->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="discount_option" data-toggle="tooltip" data-placement="top" data-original-title="Choose whether the discount can be applied on an order level, a product level or both.">{{__('messages.discountOption')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <select class="select2 form-control form-control-lg" name="discount_option" id="discount_option" class="" onclick="discount_option">
                                                        @foreach ($discountOption as $option)
                                                            <option value="{{$option->id}}"{{$option->id == $discount->discount_option_id ? 'selected' : ''}}>{{$option->name}}</option>
                                                        @endforeach
                                                    </select>
                                            </div>
                                        </div>
                                        <div id="fixed" class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="discount_amount" data-toggle="tooltip" data-placement="top" data-original-title="Amount of the discount that will be applied on orders or products.">{{__('messages.discountAmount')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <input type="text" id="discount_amount" class="form-control"  name="discount_amount" value="{{$discount->discount_amount}}" />
                                            </div>
                                        </div>
                                        <div id="percentage" class="col-md-4 col-12" >
                                            <div  class="form-group">
                                                <label class="asterisk" for="maximum_discount_amount" data-toggle="tooltip" data-placement="top" data-original-title="The Maximum value of the discount can be applied on.">{{__('messages.maximumDiscount')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <input type="number" id="maximum_discount_amount"  class="form-control" value="{{$discount->maximum_discount}}" name="maximum_discount_amount" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="minimum_product_price" data-toggle="tooltip" data-placement="top" data-original-title="The minimum price of the product this discount can be applied on.">{{__('messages.minimum_order_price')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <input type="number" id="minimum_order_price" class="form-control" value="{{$discount->minimum_order_price}}" name="minimum_order_price" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="asterisk" for="order_type_id" data-toggle="tooltip" data-placement="top" data-original-title="Choose the types of orders this discount can be applied on.">{{__('messages.appliesOnOrderTypes')}} <span></span><i data-feather='alert-circle' class=""> </i></label>
                                                <select class="select2 form-control form-control-lg" multiple name="order_type_id[]" required>
{{--                                                    <option value="" disabled>Order Types</option>--}}
                                                    @foreach ($orderType as $order_type)
                                                        <option value="{{$order_type->id}}" @php if(in_array($order_type->id, $selectedOrd)) { echo "selected";}  @endphp>{{$order_type->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="demo-inline-spacing col-md-4 col-12 mt-3">
                                            <div class="custom-control custom-checkbox">
                                                <input type="hidden" value="0" {{$discount->taxable == 1 ? 'unchecked' :''}} name="taxable" />
                                                <input type="checkbox" class="custom-control-input" value="1" {{$discount->taxable == 1 ? 'checked' :''}} name="taxable" id="inlineCheckbox2"  />
                                                <label class="custom-control-label asterisk" for="inlineCheckbox2"  data-toggle="tooltip" data-placement="top" data-original-title="Check this if you want the customer to pay the full amount of taxes of the order before applying the discount. If you leave it unchecked, the customer will not pay the full amount of taxes of the order. For example, if the full amount of the order including tax is 105 and 100% discount applied on the order, there are two scenarios: Checked: the client should pay tax amount 5 SAR only. Unchecked: no need to pay any amount.">{{__('messages.taxAble')}} <i data-feather='alert-circle' class=""> </i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12  mt-3">
                                            <div class="custom-control custom-switch custom-switch-success">
                                                <p class="mb-50">{{__('messages.STATUS')}}</p>
                                                <input type="checkbox" value="1" {{$discount->active ?'checked':''}} class="custom-control-input" name="status" id="customSwitch111"  />
                                                <label class="custom-control-label" for="customSwitch111">
                                                    <span class="switch-icon-left"><i data-feather="check"></i></span>
                                                    <span class="switch-icon-right"><i data-feather="x"></i></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-12 text-right">
{{--                                            <button  id="{{ $discount->id }}" class="btn btn-danger mr-1  del_btn">{{__('messages.Delete')}}</button>--}}
                                            <button class="btn btn-secondary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('discount.list') }}'"><i data-feather='chevron-left' class="mr-1"></i>{{__('messages.Back')}}</button>
                                            <button type="submit" class="btn btn-primary">{{__('messages.Submit')}}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Basic Horizontal form layout section end -->
        </div>

    </div>
</div>

@endsection
@push('my_scripts')
<script>

    if($("#discount_option").val() =='2')
    {
        document.getElementById("maximum_discount_amount").disabled = false;
    }
    else
    {
        document.getElementById("maximum_discount_amount").disabled = true;
    }
    $('#discount_option').on('change', function() {
            if(this.value =='1')
            {
                document.getElementById("maximum_discount_amount").disabled = true;
                $('#maximum_discount_amount').val('');
            }
            else
            {
                document.getElementById("maximum_discount_amount").disabled = false;
                $('#maximum_discount_amount').val({{$discount->maximum_discount}});
            }

     });



     $("#basic-horizontal-layouts").on("click", ".del_btn", function(e) {
        e.preventDefault();
        let id =this.id
            let selectedTr = $(this).closest('tr');
            Swal.fire({
        title: "Are you sure?",
        text: "You won't be able to revert this!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonText: "Yes, remove it!",
        customClass: {
            confirmButton: 'btn btn-primary',
            cancelButton: 'btn btn-outline-danger ml-1'

        },
        buttonsStyling: false

    }).then(function(result) {
        if (result.value) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
            console.log(id);
            $.ajax({
                type:'POST',
                url: "{{route('discount.delete')}}",
                data:{id:id},
                success:function(data)
                {
                    if(data.status == 'error'){
                        Swal.fire({
                            icon: 'warning',
                            title: 'Not Deleted!',
                            text: `${data.message}`,
                            customClass: {
                                confirmButton: 'btn btn-success'
                            }
                        });
                    }else {
                        Swal.fire({
                            icon: 'success',
                            title: 'Removed!',
                            text: 'Your record removed.',
                            customClass: {
                                confirmButton: 'btn btn-success'
                            }
                        }).then(function(result) {
                            if (result.value) {
                                location.href = "{{ route('discount.list') }}";
                            }

                        });
                    }


                }
            });

        }

    });
            // confirmationDelete(id, '{{ route('taxes.tax_delete') }}', selectedTr);

        // alert('Hello');
    });


    </script>




@endpush