@extends('admin.main')

@section('main')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">


            <!--begin::Sitemap-->
            <div class="card mb-12">
                <!--begin::Body-->
                <div class="card-body p-5 px-lg-19 py-lg-16">


                    <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x mb-5 fs-6">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" href="#kt_tab_pane_4">Actives</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#kt_tab_pane_5">Inactives</a>
                        </li>

                    </ul>

                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="kt_tab_pane_4" role="tabpanel">
                            {{-- Itens Ativos --}}
                            <table id="kt_datatable_example_2"
                                class="mydatatable table table-striped table-row-bordered gy-5 gs-7">
                                <thead>
                                    <tr class="fw-bold fs-6 text-gray-800">
                                        <th>Code</th>
                                        <th>To</th>
                                        <th>Value</th>
                                        <th>Active</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($couponsActives as $active)
                                        <tr>
                                            <td>{{ $active->code }}</td>
                                            <td>
                                                @if ($active->parent !== null)
                                                    {{ $active->parent->customer_name }}
                                                @else
                                                    Any Customer
                                                @endif
                                            </td>

                                            <td>
                                                @if ($active->discount_type === 1)
                                                    {{ $active->discount_value }}%
                                                @else
                                                    {{ formatMoney($active->discount_value, true) }}
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <div class="rounded-circle bg-{{ $active->status == 1 ? 'success' : 'danger' }} w-15px h-15px"
                                                    id="kt_ecommerce_add_product_status"></div>
                                            </td>
                                            <td>
                                                <a href="{{ route('admin.coupons.update', $active->id) }}"
                                                    class="btn btn-primary flex-stack px-3">Edit</a>
                                                <a href=" {{ route('admin.coupons.trash', $active->id) }} "
                                                    onclick="return confirm('Are you sure you want to delete this coupon?')"
                                                    class="btn btn-danger flex-stack px-3">Trash</a>
                                            </td>

                                        </tr>
                                    @empty
                                        <div class="alert alert-danger">No active coupon</div>
                                    @endforelse
                                </tbody>
                                <tfoot>
                                    <tr class="fw-bold fs-6 text-gray-800">
                                        <th>Code</th>
                                        <th>To</th>
                                        <th>Value</th>
                                        <th>Active</th>
                                        <th>Actions</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="kt_tab_pane_5" role="tabpanel">
                            {{-- Itens inativos --}}
                            <table id="kt_datatable_example_2"
                                class="mydatatable table table-striped table-row-bordered gy-5 gs-7">
                                <thead>
                                    <tr class="fw-bold fs-6 text-gray-800">
                                        <th>Code</th>
                                        <th>To</th>
                                        <th>Value</th>
                                        <th>Active</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($couponsInactives as $active)
                                        <tr>
                                            <td>{{ $active->code }}</td>
                                            <td>
                                                @if ($active->parent !== null)
                                                    {{ $active->parent->customer_name }}
                                                @else
                                                    Any Customer
                                                @endif
                                            </td>

                                            <td>
                                                @if ($active->discount_type === 1)
                                                    {{ $active->discount_value }}%
                                                @else
                                                    {{ formatMoney($active->discount_value, true) }}
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <div class="rounded-circle bg-{{ $active->status == 1 ? 'success' : 'danger' }} w-15px h-15px"
                                                    id="kt_ecommerce_add_product_status"></div>
                                            </td>
                                            <td>
                                                <a href="{{ route('admin.coupons.update', $active->id) }}"
                                                    class="btn btn-primary flex-stack px-3">Edit</a>
                                                <a href=" {{ route('admin.coupons.trash', $active->id) }} "
                                                    onclick="return confirm('Are you sure you want to delete this coupon?')"
                                                    class="btn btn-danger flex-stack px-3">Trash</a>
                                            </td>
                                        </tr>
                                    @empty
                                        <div class="alert alert-danger">No active coupon</div>
                                    @endforelse
                                </tbody>
                                <tfoot>
                                    <tr class="fw-bold fs-6 text-gray-800">
                                        <th>Code</th>
                                        <th>To</th>
                                        <th>Value</th>
                                        <th>Active</th>
                                        <th>Actions</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ asset('admin/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ asset('admin/js/scripts.bundle.js') }}"></script>
    <script src="{{ asset('admin/plugins/custom/datatables/datatables.bundle.js') }}"></script>
    <script src="{{ asset('admin/js/custom/apps/ecommerce/catalog/products.js') }}"></script>
    <script src="{{ asset('admin/js/widgets.bundle.js') }}"></script>
    <script src="{{ asset('admin/js/custom/widgets.js') }}"></script>
    <script src="{{ asset('admin/js/custom/apps/chat/chat.js') }}"></script>
    <script src="{{ asset('admin/js/custom/utilities/modals/upgrade-plan.js') }}"></script>
    <script src="{{ asset('admin/js/custom/utilities/modals/create-app.js') }}"></script>
    <script src="{{ asset('admin/js/custom/utilities/modals/users-search.js') }}"></script>
@endpush

@push('css')
@endpush