@extends('layouts.admin')

@section('content')
<div class="main-content-inner">
    <div class="main-content-wrap">
        <!-- Header -->
        <div class="flex items-center flex-wrap justify-between gap20 mb-27">
            <h3>All Products</h3>
            <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
                <li>
                    <a href="{{ route('admin.index') }}">
                        <div class="text-tiny">Dashboard</div>
                    </a>
                </li>
                <li><i class="icon-chevron-right"></i></li>
                <li><div class="text-tiny">All Products</div></li>
            </ul>
        </div>

        <!-- Content Box -->
        <div class="wg-box">
            <div class="flex items-center justify-between gap10 flex-wrap">
                <div class="wg-filter flex-grow"></div>
                <a class="tf-button style-1 w208" href="{{ route('admin.product.add') }}">
                    <i class="icon-plus"></i>Tambah Produk
                </a>
            </div>

            <!-- Table -->
            <div class="table-responsive mt-4">
                @if(Session::has('status'))
                    <p class="alert alert-success">{{ Session::get('status') }}</p>
                @endif

                <table class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama</th>
                            <th>Harga</th>
                            <th>Harga Jual</th>
                            <th>SKU</th>
                            <th>Kategori</th>
                            <th>Brand</th>
                            <th>Dipilih</th>
                            <th>Stok</th>
                            <th>Quantity</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($products as $product)
                            <tr>
                                <td>{{ $loop->iteration + ($products->currentPage() - 1) * $products->perPage() }}</td>
                                <td class="pname">
                                    <div class="image">
                                        @if($product->image)
                                            <img src="{{ Storage::url('products/' . $product->image) }}" alt="{{ $product->name }}" style="width: 60px;">
                                        @else
                                            <img src="{{ asset('images/no-image.png') }}" alt="No image" style="width: 60px;">
                                        @endif
                                    </div>
                                    <div class="name">
                                        <a href="#" class="body-title-2">{{ $product->name }}</a>
                                        <div class="text-tiny mt-3">{{ $product->slug }}</div>
                                    </div>
                                </td>
                                <td>Rp{{ number_format($product->regular_price, 0, ',', '.') }}</td>
                                <td>Rp{{ number_format($product->sale_price, 0, ',', '.') }}</td>
                                <td>{{ $product->SKU }}</td>
                                <td>{{ $product->category->name ?? '-' }}</td>
                                <td>{{ $product->brand->name ?? '-' }}</td>
                                <td>{{ $product->featured ? 'Yes' : 'No' }}</td>
                                <td>{{ $product->stock_status }}</td>
                                <td>{{ $product->quantity }}</td>
                                <td>
                                    <div class="list-icon-function d-flex gap-2">
                                        <a href="{{ route('admin.product.edit', ['id' => $product->id]) }}">
                                            <div class="item edit" title="Edit">
                                                <i class="icon-edit-3"></i>
                                            </div>
                                        </a>
                                        <form action="{{ route('admin.product.delete', ['id' => $product->id]) }}" method="POST" class="d-inline">
                                            @csrf
                                            @method('DELETE')
                                            <button type="button" class="item delete text-danger" title="Hapus" style="border: none; background: transparent; cursor: pointer;">
                                                <i class="icon-trash-2"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="11" class="text-center">No products found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <!-- Pagination -->
            <div class="divider"></div>
            <div class="flex items-center justify-between flex-wrap gap10 wgp-pagination">
                {{ $products->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $(function(){
        $('.delete').on('click', function(e){
            e.preventDefault();
            let form = $(this).closest('form');

            swal({
                title: "Yakin ingin menghapus produk ini?",
                text: "Produk yang dihapus tidak dapat dikembalikan.",
                icon: "warning",
                buttons: ["Batal", "Hapus"],
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    form.submit();
                }
            });
        });
    });
</script>
@endpush