@extends('layouts.main')

@section('title', 'Товары')

@section('title_button')
    <div class="col-md-1">
        <a href="{{ route('site.menu.products.create')  }}" class="btn btn-danger">Добавить</a>
    </div>
@endsection

@section('content')
    <div class="container mt-3 ms-2">
        <div class="row">
            <div class="col-md-11">
                @foreach($productCategories as $category)
                    <table class="table table-hover">
                        <thead class="bg-light">
                        <tr>
                            <th colspan="6" class="fs-5">{{ $category->name }}</th>
                        </tr>
                        <tr>
                            <th scope="col">Картинка</th>
                            <th scope="col">Название</th>
                            <th scope="col">Характеристики</th>
                            <th scope="col">Описание</th>
                            <th scope="col">Только в кофебоне</th>
                            <th scope="col">Действия</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($category->products as $product)
                            <tr data-id="{{ $product->id }}">
                                <td>
                                    @if($product->img)
                                        <img src="{{ $product->img_url }}" alt="Фото товара" class="rounded" style="max-width: 60px; max-height: 60px;">
                                    @else
                                        <span class="text-muted">Нет фото</span>
                                    @endif
                                </td>
                                <td>{{ $product->title }}</td>
                                <td>
                                    @if($product->has_volumes)
                                        <ul class="list-unstyled mb-0 small">
                                            @foreach ($product->volumes as $volume)
                                                <li class="mb-2">
                                                    <div>
                                                        <span class="text-muted">Объём:</span>
                                                        {{ $volume->title ?? '–' }}
                                                    </div>
                                                    <div>
                                                        <span class="text-muted">Цена:</span>
                                                        {{ number_format($volume->pivot->price, 0, ',', ' ') }} ₽
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <div class="small">
                                            <div class="mb-1">
                                                <span class="text-muted">Размер:</span>
                                                {{ $product->size ?? '–' }}
                                            </div>
                                            <div>
                                                <span class="text-muted">Цена:</span>
                                                {{ $product->price ? number_format($product->price, 0, ',', ' ') . ' ₽' : '–' }}
                                            </div>
                                        </div>
                                    @endif
                                </td>
                                <td>{{ $product->description }}</td>
                                <td>{{ $product->is_only_here ? 'Да' : 'Нет' }}</td>
                                <td>
                                    <div class="d-flex">
                                        <a href="{{ route('site.menu.products.edit', $product->id) }}"
                                           class="btn btn-outline-danger btn-sm me-2">Редактировать</a>
                                        <form action="{{ route('site.menu.products.destroy', $product->id) }}"
                                              method="POST" class="d-inline">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-outline-secondary btn-sm"
                                                    onclick="return confirm('Вы уверены, что хотите безвозвратно удалить товар?')">
                                                Удалить
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endforeach

            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        window.Laravel = {
            csrfToken: '{{ csrf_token() }}'
        };
    </script>
    <script src="{{ asset('adminLTE/dist/js/products.js') }}"></script>
@endsection