@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <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" 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">
                        @foreach($series as $ser)
                            <option>{{ $ser->series }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col">
                    <label class="form-label " for="price_min">Цена от</label>
                    <input class="form-control form-control-sm" type="number" id="s_price_min" name="price_min">
                </div>
                <div class="col">
                    <label class="form-label " for="price_max">Цена до</label>
                    <input class="form-control form-control-sm" type="number" id="s_price_max" name="price_max">
                </div>

                <div class="col-1">
                    <button id="sb" class="btn btn-primary mt-4" type="submit">Поиск</button>
                </div>
            </div>
        </form>

        <div class="row">
            <div class="col-12">
                <div class="d-flex">
                    {{ $products->links() }}
                </div>
                <table class="table">
                    <thead>
                    <tr class="align-middle">
                        <th>Артикул</th>
                        <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">
                            <td class="text-center">
                                <label>
                                    <input type="checkbox" class="form-check-inline me-0" name="prd_{{ $product->id }}"><br>
                                    {{ $product->article }}
                                </label>
                            </td>
                            <td>{{ $product->series }}</td>
                            <td><strong>Группа:</strong> {{ $product->product_group }}<br>
                                <strong>Наименование:</strong> {{ $product->name }}<br>
                                <strong>Наименование под образец формы:</strong> {{ $product->name_for_form }}</td>
                            <td>{!! number_format($product->price, 2, ',', '&nbsp') !!}</td>
                            <td>{!! nl2br($product->characteristics) !!}</td>
                            <td>{!! Str::words(nl2br($product->tech_description), 50) !!}</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 style="max-width: 400px"
                                         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