prod-catalog/resources/views/products/index.blade.php

@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-5">
                <div class="">Всего найдено: {{ $products->total() }}</div>
                {{ $products->links() }}
            </div>
            <div class="col-7">
                <form class="" action="" method="get">
                    <div class="row my-2 justify-content-center">
                        <div class="col">
                            <label class="form-label" for="s">Поиск</label>
                            <input class="form-control form-control-sm"
                                   value="{{ $s ?? '' }}"
                                   type="text" id="s" name="s" placeholder="Поиск">
                        </div>
                        <div class="col">
                            <label class="form-label " for="series">Серия</label>
                            <select class="form-select form-select-sm" name="s_series" id="series">
                                <option value="">Все</option>
                                @foreach($series as $ser)
                                    <option {{ (isset($s_series) && ($ser->series == $s_series)) ? 'selected' : '' }} >{{ $ser->series }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col">
                            <label class="form-label " for="price_min">Цена от</label>
                            <input class="form-control form-control-sm"
                                   value="{{ $s_price_min ?? '' }}"
                                   type="number" id="price_min" name="s_price_min">
                        </div>
                        <div class="col">
                            <label class="form-label " for="price_max">Цена до</label>
                            <input class="form-control form-control-sm"
                                   value="{{ $s_price_max ?? '' }}"
                                   type="number" id="price_max" name="s_price_max">
                        </div>
                        <div class="col-auto">
                            <label class="form-label" for="perpage">На странице</label>
                            <select class="form-select form-select-sm" id="perpage" name="perpage">
                                <option {{ (isset($perpage) && ($perpage == 20)) ? 'selected' : '' }} value="20">20
                                </option>
                                <option {{ (isset($perpage) && ($perpage == 100)) ? 'selected' : '' }} value="100">100
                                </option>
                                <option {{ (isset($perpage) && ($perpage == 10000)) ? 'selected' : '' }} value="10000">
                                    Все
                                </option>
                            </select>
                        </div>
                        <div class="col-1">
                            <button id="sb" class="btn btn-primary mt-4" type="submit">Поиск</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <table class="table">
                    <thead>
                    <tr class="align-middle">
                        <th>Артикул, Серия</th>

                        <th>Группа <br> Наименование <br> Наименование под образец формы</th>
                        <th>Цена</th>
                        <th>Характеристики</th>
                        <th>Техническое описание</th>
                        <th>Создан / Изменён</th>
                        <th>Изображение</th>
                    </thead>
                    </tr>
                    <tbody>
                    @foreach($products as $product)
                        <tr class="align-middle prod-tr">
                            <td class="text-center">
                                <label>
                                    <input type="checkbox" class="form-check-inline me-0" name="prd_{{ $product->id }}"><br>
                                    {{ $product->article }}<br>
                                    {{ $product->series }}
                                </label>
                            </td>

                            <td>
                                <a href="{{ route('view_product', $product->id) }}">
                                    <strong>Группа:</strong> {{ $product->product_group }}<br>
                                    <strong>Наименование:</strong> {{ $product->name }}<br>
                                    <strong>Наименование под образец формы:</strong> {{ $product->name_for_form }}
                                </a>
                            </td>
                            <td>{!! number_format($product->price, 2, ',', '&nbsp') !!}</td>
                            <td>{!! nl2br($product->characteristics) !!}</td>
                            <td>{!! Str::words(nl2br($product->tech_description), 70) !!}</td>
                            <td>{!! date('d.m.Y_H:i', strtotime($product->created_at)) . '<br>' .date('d.m.Y_H:i', strtotime($product->updated_at)) !!}</td>
                            <td class="text-center align-middle">
                                @empty($product->image_path)
                                    Нет изображения
                                @else
                                    <img class="img-fluid"
                                         src="{{ '/' . env('IMAGES_PATH', '/fill_images_path_in_env') . '/' . $product->image_path }}"
                                         alt="{{ $product->article }}">
                                @endempty
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="d-flex">
                    {{ $products->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection