@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Product stock report') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Product stock report') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        <div class="box">

            @if (Session::get('tenant_subscribtion_data')['sellers']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['sellers'] == 1)
                <div class="box-header">
                    @include('admin.Seller.nav', ['seller_id' => $seller_id , 'active' => 'product_stock'])
                </div>
                <div class="box-body">
                    <i class="fa fa-filter" style="font-size: 2em;cursor: pointer;" aria-hidden="true"
                        onclick="toggleFilter()"></i>
                    <div class="row">
                        <div class="col-md-2 col-lg-2 col-12 thumbnail p-20 filter-section">
                            <form action="{{ route('Report.productStockReportForEverySeller', encrypt($seller_id)) }}"
                                method="GET">
                                <div class="form-group">
                                    <select class="form-control select2" style="width: 100%" name="category_id"
                                        id="category_id">
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}" @if ($category->id == $sort_by) selected @endif>
                                                {{ $category->{'title_' . App::getLocale()} }}
                                            </option>
                                            @foreach ($category->childrenCategories as $childCategory)
                                                @include('categories.child_category', ['child_category' => $childCategory ,
                                                'category_id' => $sort_by])
                                            @endforeach
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="search" name="search" @isset($sort_search)
                                        value="{{ $sort_search }}" @endisset
                                        placeholder="{{ translate('Product name') }}">
                                </div>

                                <div class="form-group">
                                    <button class="btn btn-primary form-control"
                                        type="submit">{{ translate('Search') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-md col-lg col-12">
                            <div class="table-responsive">
                                <table id="complex_header" class="table table-striped table-bordered display"
                                    style="width:100%">
                                    <thead>
                                        <tr>

                                            <th># </th>
                                            <th> {{ translate('Product name') }}</th>
                                            <th> {{ translate('Stock') }}</th>


                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($products as $key => $product)
                                            @php
                                                $qty = 0;
                                                if ($product->variant_product) {
                                                    foreach ($product->stocks as $key => $stock) {
                                                        $qty += $stock->qty;
                                                    }
                                                } else {
                                                    $qty = $product->current_stock;
                                                }
                                            @endphp
                                            <tr>
                                                <td>{{ $key + 1 + ($products->currentPage() - 1) * $products->perPage() }}
                                                </td>
                                                <td>{{ $product->{'title_' . App::getLocale()} }}</td>
                                                <td>{{ $qty }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                            {{ $products->links() }}
                        </div>
                    </div>

                </div>
            @else
                <div class="row" style="padding: 2em">
                    <div class="col-8 mx-auto text-center">
                        <br>
                        <img style="width: 12em;margin-bottom: 1em;" src="{{ url('/images/upgrad_limit.png') }}" alt="">
                        <h4>
                            {{ translate('You need to upgrade to use this feature.') }}
                        </h4>
                        <h4 style="color: chocolate">
                            {{ translate('Please Upgrade to use this feature.') }}
                        </h4>
                        <br>
                        <a class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                            href="#">{{ translate('Upgrade now') }}</a>
                    </div>
                </div>

            @endif
        </div>


    </section>
@endsection

@section('script')

    <script type="text/javascript">
        $('.filter-section').hide()

        @isset($sort_search)
            $('.filter-section').show()
        
        @endisset
        $('.select2').select2()

        function toggleFilter() {
            $('.filter-section').slideToggle();
        }
    </script>
@endsection