@extends('layouts.app')

@section('title', __('offerandpromotion::lang.promotions'))

@section('content')
<section class="content">
    @component('components.widget', ['title' => __('offerandpromotion::lang.promotions'), 'icon' => '<i class="fa fa-percent"></i>', 'class' => 'box-solid'])
        @slot('tool')
            <div class="box-tools">
                <a href="{{ route('promotions.index') }}" class="btn btn-default" style="margin-right: 10px;">
                    <i class="fa fa-arrow-left"></i> {{ __('offerandpromotion::lang.back') }}
                </a>
                <a href="{{ route('promotions.dashboard') }}" class="btn btn-info" style="margin-right: 10px;">
                    <i class="fa fa-chart-line"></i> {{ __('offerandpromotion::lang.dashboard') }}
                </a>
                <button type="button" class="btn btn-primary pull-right btn-modal"
                    data-href="{{url('/offerandpromotion/promotions/create')}}" 
                    data-container="#promotion_modal">
                    <i class="fa fa-plus"></i> {{ __('offerandpromotion::lang.add') }}
                </button>
            </div>
        @endslot
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="promotions_table">
                <thead>
                    <tr>
                        <th>{{ __('offerandpromotion::lang.product') }}</th>
                        <th>{{ __('offerandpromotion::lang.variation') }}</th>
                        <th>{{ __('offerandpromotion::lang.location') }}</th>
                        <th>{{ __('offerandpromotion::lang.discount') }}</th>
                        <th>{{ __('offerandpromotion::lang.start_date') }}</th>
                        <th>{{ __('offerandpromotion::lang.end_date') }}</th>
                        <th>{{ __('offerandpromotion::lang.daily_quantity_limit') }}</th>
                        <th>{{ __('offerandpromotion::lang.daily_invoice_limit') }}</th>
                        <th>{{ __('offerandpromotion::lang.status') }}</th>
                        <th>{{ __('offerandpromotion::lang.action') }}</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent
</section>

<!-- Promotion Modal -->
<div class="modal fade" id="promotion_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel"></div>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function(){
        promotions_table = $('#promotions_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{url("/offerandpromotion/promotions")}}',
                data: function(d) {
                    d.type = 'product_discount';
                }
            },
            columns: [
                {data: 'product_name', name: 'products.name'},
                {data: 'variation_name', name: 'variations.name', orderable: false, searchable: false},
                {data: 'location_name', name: 'business_locations.name', orderable: false, searchable: false},
                {data: 'discount_percentage', name: 'offer_promotions.discount_percentage'},
                {data: 'start_date', name: 'offer_promotions.start_date'},
                {data: 'end_date', name: 'offer_promotions.end_date'},
                {data: 'daily_quantity_limit', name: 'offer_promotions.daily_quantity_limit', orderable: false, searchable: false},
                {data: 'daily_invoice_limit', name: 'offer_promotions.daily_invoice_limit', orderable: false, searchable: false},
                {data: 'is_active', name: 'offer_promotions.is_active', orderable: false, searchable: false},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ],
            fnDrawCallback: function(oSettings) {
                __currency_convert_recursively($('#promotions_table'));
            }
        });

        $(document).on('click', '.delete_promotion', function(e){
            e.preventDefault();
            var url = $(this).attr('href');
            swal({
                title: '{{ __('offerandpromotion::lang.sure') }}',
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((confirmed) => {
                if (confirmed) {
                    $.ajax({
                        method: 'DELETE',
                        url: url,
                        dataType: 'json',
                        success: function(result) {
                            if(result.success == true){
                                toastr.success(result.msg);
                                promotions_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            });
        });
    });
</script>
@endsection