@extends('layouts.app')

@section('title', __('master::lang.master') . ' | ' . __('master::lang.coupons'))

@section('content')
@include('master::layouts.nav')

<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('master::lang.all_coupon')</h1>
</section>

<section class="content">
    <div class="tw-transition-all lg:tw-col-span-1 tw-duration-200 tw-bg-white tw-shadow-sm tw-rounded-xl tw-ring-1 hover:tw-shadow-md tw-ring-gray-200">
        <div class="tw-p-4 sm:tw-p-5">
            <div class="tw-flex tw-justify-end tw-gap-2.5">
                <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                   style="background-color: {{ session('business.theme_color') ?? '#3498db' }};"
                   href="{{ action([\Modules\Master\Http\Controllers\CouponController::class, 'create']) }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                         class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <path d="M12 5l0 14"/>
                        <path d="M5 12l14 0"/>
                    </svg> @lang('messages.add')
                </a>
            </div>

            <div class="tw-flow-root tw-mt-5 tw-border-b tw-border-gray-200">
                <div class="tw-mx-4 tw--my-2 tw-overflow-x-auto sm:tw--mx-5">
                    <div class="tw-inline-block tw-min-w-full tw-py-2 tw-align-middle sm:tw-px-5">
                        @can('superadmin')
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped" id="superadmin_Coupons_table">
                                <thead>
                                    <tr>
                                        <th>@lang('master::lang.coupon_code')</th>
                                        <th>@lang('master::lang.discount')(%)</th>
                                        <th>@lang('master::lang.usage_limit')</th>
                                        <th>@lang('master::lang.used_count')</th>
                                        <th>@lang('master::lang.start_date')</th>
                                        <th>@lang('master::lang.end_date')</th>
                                        <th>@lang('master::lang.status')</th>
                                        <th>@lang('master::lang.action')</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        @endcan
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    superadmin_business_table = $('#superadmin_Coupons_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ action([\Modules\Master\Http\Controllers\CouponController::class, 'index']) }}",
        aaSorting: [[4, 'desc']],
        columns: [
            { data: 'code', name: 'code' },
            { 
                data: 'discount_percent', 
                name: 'discount_percent',
                render: function(data) {
                    return parseInt(data) + '%'; 
                }
            },
            { data: 'usage_limit', name: 'usage_limit' },
            { data: 'used_count', name: 'used_count' },
            { data: 'start_date', name: 'start_date' },
            { data: 'end_date', name: 'end_date' },
            { data: 'status', name: 'status', orderable: false, searchable: false },
            { data: 'action', name: 'action', orderable: false, searchable: false },
        ]
    });

    $(document).on('click', 'a.delete_coupon_confirmation', function(e) {
        e.preventDefault();
        swal({
            title: LANG.sure,
            text: "Once deleted, you will not be able to recover this Coupon !",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((confirmed) => {
            if (confirmed) {
                window.location.href = $(this).attr('href');
            }
        });
    });
});
</script>
@endsection