@extends('layouts.seller.app')
@section('title', 'Store Product | Chemical Wholesale')
@php $categories = Common::allCategory(); @endphp
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title">All Products</h3>
                                <div class="cw-block-des text-soft">
                                    <p>Manage all your Products.</p>
                                </div>
                            </div>
                            <div>
                                <div class="d-lg-flex d-none align-items-center">
                                    <form action="{{ route('seller.products.search') }}" method="POST">
                                        @csrf
                                        <div class="d-flex">
                                            <select class="form-control form-select select select-small me-2 cw-select"
                                                name="category" onchange="this.form.submit()" id="category">
                                                <option value="">Filter By Category</option>
                                                @foreach ($categories as $category)
                                                    <option value="{{ @$category->id }}"
                                                        {{ @$search['category'] == $category->id ? 'selected="selected"' : '' }}>
                                                        {{ $category->name }}</option>
                                                    @if (count($category->childs) > 0)
                                                        @include('admin.category.subcategories', [
                                                            'subcategories' => $category->childs,
                                                            'parent' => $category->name,
                                                            'product' => @$search,
                                                        ])
                                                    @endif
                                                @endforeach
                                            </select>
                                            <input type="text" name="search" placeholder="Search  Products By Name, SKU, CAS Number" class="form-control cw-search-input" value="{{ @$search['search'] }}">
                                        </div>
                                    </form>
                                    <a href="{{ route('seller.products') }}" class="btn-cw-cancel ms-2">
                                        <i class="bi bi-bootstrap-reboot me-2"></i>Reset
                                    </a>
                                    @if (Common::getPermission('7'))
                                        <a href="{{ route('seller.product.create') }}" class="btn-cw ms-2">
                                            <i class="bi bi-plus"></i> Add New
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    @include('layouts.seller.flash')
                    <div class="card">
                        <div class="table-responsive">
                            <table class="table table-hover table-nowrap">
                                <thead>
                                    <tr>
                                        <th scope="col">Name</th>
                                        <th scope="col">Category</th>
                                        <th scope="col">Price</th>
                                        <th scope="col">Added by</th>
                                        <th scope="col">Status</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($products) > 0)
                                        @foreach ($products as $product)
                                            @php
                                                $status = (!$product->draft) ? 'Draft' : (($product->status) ? 'Published' : 'Draft');
                                                $images = @$product->getimages
                                                    ? @$product->getimages->groupby('section')
                                                    : '';
                                                $assignedCategory = !empty(@$product->assignedCategory())
                                                    ? @$product->assignedCategory()->pluck('category_id')->toArray()
                                                    : [];
                                                $categoryName = !empty($assignedCategory) ? $category->whereIn('id', $assignedCategory)->pluck('name')->implode(',') : '--';
                                            @endphp
                                            <tr>
                                                <td data-label="Job Title">
                                                    <div class="d-flex align-items-center">
                                                        <img alt="ProductImg"
                                                            src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                                            class="product-tableimg me-3"
                                                            onerror="src='/assets/img/noimg.jpg'">
                                                        <a class="text-heading font-semibold" href="javascript:void(0);">
                                                            {{ ucfirst(@$product['name']) }} <br>
                                                            <span class="text-secondary">Product SKU:
                                                                {{ @$product['product_sku'] }} </span>
                                                        </a>
                                                    </div>
                                                </td>
                                                <td data-label="category">
                                                    <span>{{ @$categoryName }}</span>
                                                </td>
                                                <td data-label="price">
                                                    <span class="badge bg-soft-success text-success">
                                                        ${{ number_format(@$product->getpackage[0]->price, 2) }}
                                                    </span>
                                                </td>
                                                <td data-label="">
                                                    <a class="text-current"
                                                        href="javascript:void(0);">{{ @$product['getCreatedBy']['first_name'] }}</a>
                                                </td>
                                                <td data-label="">
                                                    <a class="text-current"
                                                        href="javascript:void(0);">{{ @$status }}</a>
                                                </td>
                                                <td data-label="" class="text-end">
                                                    <div class="dropdown table">
                                                        <a class="text-muted" href="javascript:void(0);" role="button"
                                                            data-bs-toggle="dropdown" aria-haspopup="true"
                                                            aria-expanded="false">
                                                            <i class="bi bi-three-dots-vertical"></i>
                                                        </a>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            @if (Auth::user()->trade_role != 4)
                                                                @if (Common::getPermission('8') || Common::getPermission('10', @$product['created_by']))
                                                                    <a href="{{ route('seller.product.create', ['id' => @$product->uuid]) }}"
                                                                        class="dropdown-item">
                                                                        Edit
                                                                    </a>
                                                                @endif
                                                                @if (Common::getPermission('9') || Common::getPermission('11', @$product['created_by']))
                                                                    <a href="{{ route('seller.product.destroy', ['id' => $product->uuid]) }}"
                                                                        class="dropdown-item recdelete">
                                                                        Delete
                                                                    </a>
                                                                @endif
                                                            @else
                                                                {{--
                                                                <a href="{{ route('seller.product.viewdetail', ['id' => @$product->uuid]) }}"
                                                                    class="dropdown-item">
                                                                    View
                                                                </a>
                                                                --}}
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="7" class="text-center">
                                                No products to show.
                                                @if (Common::getPermission('7'))
                                                    <a href="{{ route('seller.product.create') }}" class="text-primary">
                                                        Add your first product
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endif

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="mt-4">
                    <nav class="d-flex align-items-center justify-content-between">
                        <div class="small">Showing {{ $products->appends(['search' => @$search['search']])->count() }} out
                            of {{ $products->appends(['search' => @$search['search']])->total() }}</div>
                        <ul class="pagination justify-content-end">
                            <li class="page-item {{ $products->previousPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $products->toArray()['first_page_url'] }}">First</a>
                            </li>
                            <li class="page-item {{ $products->previousPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $products->previousPageUrl() }}">Previous</a>
                            </li>
                            <li class="page-item {{ $products->nextPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $products->nextPageUrl() }}">Next</a>
                            </li>
                            <li class="page-item {{ $products->nextPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $products->toArray()['last_page_url'] }}">Last</a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
        </div>
    </div>
@endsection
@push('css')
@endpush
@push('js')
<script>
    $(document).ready(function() {
        $('#category').select2({
            placeholder: 'Filter By Category',
        });
    });
</script>
@endpush