@extends('main-site.layouts.app')

@section('content')
    <div class="content-box rounded-lg def-bg shadow">
        <div class="box-header">
            <!-- Products Filter -->
            {{-- <div class="products-filter">
                <div class="d-flex align-items-center justify-content-between gap-4 flex-wrap">
                    <div class="main-form white">
                        <select name="type" class="form-select toggle-filter" id="servicesFilterToggle">
                            <option value="service" @selected(old('type', request('type')) == 'service')>خدمات</option>
                            <option value="product" @selected(old('type', request('type')) == 'product')>المنتجات</option>
                        </select>
                    </div>
                    <a href="{{ route('products.create') }}"
                        class="main-btn d-inline-flex align-items-center justify-content-center gap-2">
                        <i class="icon-plus"></i> اضافة</a>
                </div>
            </div> --}}

            <!-- Services Filter -->
            <div class="services-filter">
                <div class="d-flex align-items-center justify-content-between gap-4 flex-wrap">
                    <div class="main-form white d-flex flex-wrap gap-3">
                        <form>

                            <select name="type" class="form-select toggle-filter" id="servicesFilterToggle">
                                <option value="" selected>{{ __('messages_301.Type') }}</option>
                                <option value="service" @selected(old('type', request('type')) == 'service')>{{ __('site.Navbar.Services') }}
                                </option>
                                <option value="product" @selected(old('type', request('type')) == 'product')>{{ __('messages_301.Products') }}
                                </option>
                            </select>
                            <div class="form-group d-flex flex-wrap gap-4">
                                <select name="department_id" id="select_department_id"
                                    class="form-select select_department_id">
                                    <option value="" selected>{{ __('site.Buyer.RFQ_1') }}</option>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->id }}" @selected(old('department_id', request('department_id')) == $category->id)>
                                            {{ $category->name }} </option>
                                    @endforeach
                                </select>
                                <select name="sub_department_id" id="select_sub_department_id"
                                    class="form-select select_sub_department_id">
                                    <option value="">{{ __('site.Buyer.RFQ_2') }}</option>

                                </select>
                                <button type="submit"
                                    class="main-btn d-inline-flex align-items-center justify-content-center gap-2">
                                    <i class="icon"></i> {{ __('messages.Search') }}</button>
                            </div>

                        </form>
                    </div>
                    @if (App\Http\Helpers\HelperPermission::check_permission(auth()->user(), 'create_product'))
                        <a href="{{ route('products.create') }}"
                            class="main-btn d-inline-flex align-items-center justify-content-center gap-2">
                            <i class="icon-plus"></i> {{ __('messages.ADD NEW ') }}</a>
                    @endif

                </div>
            </div>
        </div>

        <div class="box-body pb-4">
            <div class="table-responsive">
                <table class="table def-table">
                    <thead>
                        <tr>
                            <th>{{ __('messages_301.Product') }}</th>
                            <th>{{ __('site.Buyer.RFQ_1') }}</th>
                            <th>{{ __('site.Buyer.RFQ_2') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data as $item)
                            <tr>
                                <td class="primary-color">{{ $item->name }}</td>
                                <td>{{ $item->department->name }}</td>
                                <td>{{ $item->sub_department?->name }}</td>
                                <td>
                                    <div class="actions d-flex justify-content-end gap-2">




                                        @if ($item->is_active && App\Http\Helpers\HelperPermission::check_permission(auth()->user(), 'inactive_product'))
                                            <div class="dropdown-center">
                                                <button class="action activate" type="button" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i class="icon-eye"><span class="path1"></span><span
                                                            class="path2"></span></i>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <p class="">{{ __('site.Buyer.RFQ_15') }}</p>
                                                    <form action="{{ route('products.active_and_inactive', $item->id) }}"
                                                        method="post">
                                                        @csrf
                                                        <div class="d-flex align-items-center gap-2">
                                                            <button type="submit"
                                                                class="btn main-btn py-1 px-4">{{ __('site.Buyer.RFQ_16') }}</button>
                                                            <button
                                                                class="btn main-btn outline py-1 px-4">{{ __('site.Buyer.RFQ_17') }}</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        @elseif(!$item->is_active && App\Http\Helpers\HelperPermission::check_permission(auth()->user(), 'active_product'))
                                            <div class="dropdown-center">
                                                <button class="action activate" type="button" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i class="icon-eye-disable"><span class="path1"></span><span
                                                            class="path2"></span><span class="path3"></span></i>

                                                </button>
                                                <div class="dropdown-menu">
                                                    <p class="">{{ __('site.Buyer.RFQ_18') }}</p>
                                                    <form action="{{ route('products.active_and_inactive', $item->id) }}"
                                                        method="post">
                                                        @csrf
                                                        <div class="d-flex align-items-center gap-2">
                                                            <button type="submit"
                                                                class="btn main-btn py-1 px-4">{{ __('site.Buyer.RFQ_16') }}</button>
                                                            <button
                                                                class="btn main-btn outline py-1 px-4">{{ __('site.Buyer.RFQ_17') }}</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        @endif
                                        @if (App\Http\Helpers\HelperPermission::check_permission(auth()->user(), 'edit_product'))
                                            <a href="{{ route('products.edit', $item->id) }}" class="action edit"><i
                                                    class="icon-edit2"><span class="path1"></span><span
                                                        class="path2"></span><span class="path3"></span></i></a>
                                        @endif
                                        @if (!auth()->user()->parent_id)
                                            <div class="dropdown-center">
                                                <button class="action delete" type="button" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i class="icon-trash"><span class="path1"></span><span
                                                            class="path2"></span><span class="path3"></span><span
                                                            class="path4"></span></i>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <p class="">{{ __('site.Buyer.RFQ_19') }}</p>
                                                    <form action="{{ route('products.destroy', $item->id) }}"
                                                        method="post">
                                                        @csrf
                                                        @method('delete')
                                                        <div class="d-flex align-items-center gap-2">
                                                            <button type="submit"
                                                                class="btn main-btn red py-1 px-4">{{ __('messages.Delete') }}</button>
                                                            <button
                                                                class="btn main-btn red outline py-1 px-4">{{ __('messages.Cancel') }}</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6">
                                    <div class="d-flex justify-content-center">
                                        <img src="{{ asset('main-site/assets/img/error.png') }}" width="300"
                                            height="300" class="img-fluid">
                                    </div>
                                </td>
                            </tr>
                        @endforelse



                    </tbody>
                </table>
            </div>
            <div class="next-prev d-flex justify-content-center gap-3 mt-45">
                {{ $data->appends(Request::except(['_token']))->links('main-site.inc.pagination') }}

            </div>
        </div>
    </div>
@endsection
@section('script')
    @include('main-site.supplier.products.inc.get_sub_category_script')
@endsection