@extends('admin.main')

@section('main')

<!--begin::Tabs-->
<ul class="nav nav-tabs mb-5" id="productTabs">
    <li class="nav-item">
        <a class="nav-link @if($status === 'published') active @endif" href="{{ route('admin.products.index', ['status' => 'published']) }}">
            Published <span class="badge bg-success ms-1">{{ $publishedCount }}</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link @if($status === 'archived') active @endif" href="{{ route('admin.products.index', ['status' => 'archived']) }}">
            Archived <span class="badge bg-secondary ms-1">{{ $archivedCount }}</span>
        </a>
    </li>
</ul>
<!--end::Tabs-->

<!--begin::Products-->
<div class="card card-flush">
    <!--begin::Card body-->
    <div class="card-body pt-0">
        <!-- Filters -->
        <form method="GET" action="{{ route('admin.products.index', ['status' => $status]) }}">
            <div class="d-flex flex-wrap align-items-end gap-4 mt-6 mb-6">
                <div class="w-300px">
                    <label for="filter_name" class="form-label fs-7 fw-bold text-muted">Product Name</label>
                    <input id="filter_name" type="text" name="name" value="{{ request('name') }}" class="form-control form-control-solid form-control-sm" placeholder="Product Name">
                </div>
                <div>
                    <button type="submit" class="btn btn-primary btn-sm me-2">Filter</button>
                    <a href="{{ route('admin.products.index', ['status' => $status]) }}" class="btn btn-light btn-sm">Reset</a>
                </div>
            </div>
        </form>
        <!--begin::Table-->
        <table class="table align-middle table-row-dashed fs-6 gy-5">
            <!--begin::Table head-->
            <thead>
                <!--begin::Table row-->
                <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                    <th class="min-w-200px">Product</th>
                    <th class="text-end min-w-100px">ID</th>
                    <th class="text-end min-w-70px">Qty</th>
                    <th class="text-end min-w-100px">Price</th>
                    <th class="text-end min-w-100px">Status</th>
                    <th class="text-end min-w-150px">Actions</th>
                </tr>
                <!--end::Table row-->
            </thead>
            <!--end::Table head-->
            <!--begin::Table body-->
            <tbody class="fw-bold text-gray-600">
                @forelse ($products as $product)
                    <tr>
                        <td>
                            <div class="d-flex align-items-center">
                                <a href="{{ route('admin.products.edit', $product->id) }}" class="symbol symbol-50px">
                                    @if (count($product->images) > 0)
                                        <span class="symbol-label" style="background-image:url({{ Storage::url($product->images[0]->file) }});"></span>
                                    @else
                                        <span class="symbol-label" style="background-image:url({{ asset('shop/images/products/no-image.png') }});"></span>
                                    @endif
                                </a>
                                <div class="ms-5">
                                    <a href="{{ route('admin.products.edit', $product->id) }}" class="text-gray-800 text-hover-primary fs-5 fw-bolder" data-kt-ecommerce-product-filter="product_name">{{ $product->product_title }}</a>
                                </div>
                            </div>
                        </td>
                        <td class="text-end pe-0">
                            <span class="fw-bolder">{{ $product->id }}</span>
                        </td>
                        <td class="text-end pe-0" data-order="49">
                            <span class="fw-bolder ms-3">N/D</span>
                        </td>
                        <td class="text-end pe-0">
                            <span class="fw-bolder text-dark">{{ formatMoney($product->price, true) }}</span>
                        </td>
                        <td class="text-end pe-0" data-order="Published">
                            @if(isset($product->is_archived) && $product->is_archived)
                                <div class="badge badge-light-warning">Archived</div>
                            @else
                                <div class="badge badge-light-success">Published</div>
                            @endif
                        </td>
                        <td class="text-end">
                            <!-- Actions: Delete only -->
                            <button class="btn btn-icon btn-danger btn-sm" title="Delete" onclick="confirmDelete({{ $product->id }})">
                                <i class="bi bi-trash"></i>
                            </button>
                        </td>
                    </tr>
                @empty

                @endforelse

            </tbody>
            <!--end::Table body-->
        </table>
        <!--end::Table-->
        <!-- Custom pagination -->
        @if ($products->hasPages())
            <div class="d-flex justify-content-center mt-4">
                <ul class="pagination pagination-sm mb-0">
                    <li class="page-item {{ $products->onFirstPage() ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $products->previousPageUrl() }}" rel="prev">&lsaquo;</a>
                    </li>
                    @for ($page = 1; $page <= $products->lastPage(); $page++)
                        <li class="page-item {{ $products->currentPage() == $page ? 'active' : '' }}">
                            <a class="page-link" href="{{ $products->url($page) }}">{{ $page }}</a>
                        </li>
                    @endfor
                    <li class="page-item {{ $products->hasMorePages() ? '' : 'disabled' }}">
                        <a class="page-link" href="{{ $products->nextPageUrl() }}" rel="next">&rsaquo;</a>
                    </li>
                </ul>
            </div>
        @endif
        <!-- Summary text -->
        <div class="d-flex justify-content-center mt-2">
            <small class="text-muted">Showing {{ $products->firstItem() }} to {{ $products->lastItem() }} of {{ $products->total() }} results</small>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Products-->

@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/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>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function confirmDelete(id) {
        Swal.fire({
            title: 'Are you sure?',
            text: "This action cannot be undone!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#3085d6',
            confirmButtonText: 'Yes, delete!',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = '/administrativo/produtos/excluir/' + id;
            }
        });
    }
</script>
@endpush

@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush