@extends('admin.main')

@section('main')

<!--begin::Products-->
<div class="card card-flush">
    <!--begin::Card body-->
    <div class="card-body pt-0">
        <!--begin::Table-->
        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_products_table">
            <!--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-70px"></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">
                            {{-- <div class="badge badge-light-success">Published</div> --}}
                            <a onclick="return confirm('Are you sure you want to delete the product?')" href="{{ route('admin.products.trash', $product->id) }}" class=""><i class="fa-solid fa-trash"></i></a>
                        </td>
                        {{-- <td class="text-end">

                        </td> --}}
                    </tr>
                @empty

                @endforelse

            </tbody>
            <!--end::Table body-->
        </table>
        <!--end::Table-->
    </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/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')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endpush