@extends('layouts.app')

@section('title', __('Магазин - WoW Rebirth'))

@php
    $breadcrumbs = [
        ['title' => __('Главная'), 'url' => route('welcome')],
        ['title' => __('Магазин'), 'url' => route('shop.index')],
    ];
@endphp

@section('content')
<div class="container-fluid">
    {{-- Top User Panel --}}
    <div class="shop-user-panel theme-card mb-4">
        <div class="d-flex justify-content-end align-items-center">
            @auth
                <strong class="me-3">{{ __('Ваш баланс:') }}</strong>
                <div class="balance-display">
                    <div class="balance-item" title="{{ __('Coal') }}">
                        <img src="{{ asset('images/icons/currency_coal.png') }}" alt="{{ __('Coal') }}" class="price-currency-icon">
                        <span class="price-value">{{ $currencies['Coal']->amount ?? 0 }}</span>
                    </div>
                    <div class="balance-item" title="{{ __('Feather') }}">
                        <img src="{{ asset('images/icons/currency_feather.png') }}" alt="{{ __('Feather') }}" class="price-currency-icon">
                        <span class="price-value">{{ $currencies['Feather']->amount ?? 0 }}</span>
                    </div>
                    <div class="balance-item" title="{{ __('Ashes') }}">
                        <img src="{{ asset('images/icons/currency_ashes.png') }}" alt="{{ __('Ashes') }}" class="price-currency-icon">
                        <span class="price-value">{{ $currencies['Ashes']->amount ?? 0 }}</span>
                    </div>
                </div>
                <a href="{{ route('points.index') }}" class="btn btn-sm btn-success ms-4">{{ __('Пополнить') }}</a>
            @else
                <div class="col text-center">
                    <a href="{{ route('login') }}">{{ __('Войдите') }}</a>, {{ __('чтобы увидеть баланс и совершать покупки.') }}
                </div>
            @endauth
        </div>
    </div>

    <div class="row">
        @if(request('realm_id') && request('character_guid'))
            {{-- Left Column: Categories --}}
            <div class="col-lg-3">
                <div class="theme-card">
                    <div class="card-header">
                        <h4>{{ __('Категории') }}</h4>
                    </div>
                    <div class="shop-category-nav nav flex-column nav-pills p-2" role="tablist" aria-orientation="vertical">
                        <a class="nav-link @if(!request('category_slug')) active @endif" href="{{ route('shop.index', array_merge(request()->except('category_slug', 'page'))) }}">{{ __('Все товары') }}</a>
                        @foreach($categories as $category)
                            <a class="nav-link @if(request('category_slug') == $category->slug) active @endif" href="{{ route('shop.index', array_merge(request()->except('category_slug', 'page'), ['category_slug' => $category->slug])) }}">{{ __($category->name) }}</a>
                            @if($category->children->isNotEmpty())
                                @foreach($category->children as $child)
                                    <a class="nav-link sub-category @if(request('category_slug') == $child->slug) active @endif" href="{{ route('shop.index', array_merge(request()->except('category_slug', 'page'), ['category_slug' => $child->slug])) }}">- {{ __($child->name) }}</a>
                                @endforeach
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        {{-- Right Column: Products/Controls --}}
        <div class="{{ request('realm_id') && request('character_guid') ? 'col-lg-9' : 'col-lg-12' }}">
            {{-- Unified Controls Panel --}}
            <div class="shop-controls d-flex align-items-center">
                <form action="{{ route('shop.index') }}" method="GET" id="shop-main-form" class="d-flex flex-grow-1">
                    <input type="hidden" name="category_slug" value="{{ request('category_slug') }}">

                    {{-- Realm Select --}}
                    <div class="control-group">
                        <label for="realm_id">{{ __('Мир:') }}</label>
                        <select class="form-select form-select-sm" name="realm_id" id="realm_id" onchange="this.form.submit()">
                            <option value="">{{ __('Выберите мир') }}</option>
                            @foreach($realms as $realm)
                                <option value="{{ $realm->id }}" @selected($realm->id == request('realm_id'))>{{ $realm->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    {{-- Character Select --}}
                    @if(request('realm_id'))
                        <div class="control-group">
                            <label for="character_guid">{{ __('Персонаж:') }}</label>
                            <select class="form-select form-select-sm" name="character_guid" id="character_guid" onchange="this.form.submit()">
                                <option value="">{{ __('Выберите персонажа') }}</option>
                                @forelse($characters as $char)
                                    <option value="{{ $char->guid }}" @selected(request('character_guid') == $char->guid)>{{ $char->name }}</option>
                                @empty
                                    <option disabled>{{ __('Нет персонажей') }}</option>
                                @endforelse
                            </select>
                        </div>
                    @endif

                    {{-- Search --}}
                    @if(request('realm_id') && request('character_guid'))
                        <div class="control-group ms-auto">
                            <label for="search_product">{{ __('Поиск:') }}</label>
                            <input type="text" class="form-control form-control-sm" name="search_product" id="search_product" value="{{ request('search_product') }}" placeholder="{{ __('Название...') }}">
                            <button type="submit" class="btn btn-primary btn-sm ms-2">{{ __('Искать') }}</button>
                            <a href="{{ route('shop.reset') }}" class="btn btn-secondary btn-sm ms-1">{{ __('Сброс') }}</a>
                        </div>
                    @endif
                </form>
            </div>

            @if(Auth::check() && request('realm_id') && request('character_guid'))
                <div id="mini-cart-container">
                    @include('pages.shop.partials._mini_cart')
                </div>

                <div class="shop-product-list mt-4">
                    @if($categories->flatMap->products->isNotEmpty() || $categories->flatMap->children->flatMap->products->isNotEmpty())
                        @foreach($categories as $category)
                            {{-- Render products for the parent category --}}
                            @if($category->products->isNotEmpty())
                                <h2 class="product-category-title">{{ __($category->name) }}</h2>
                                @foreach($category->products as $product)
                                    @include('pages.shop.partials.product_row', ['product' => $product])
                                @endforeach
                            @endif

                            {{-- Render products for child categories --}}
                            @if($category->children->isNotEmpty())
                                @foreach($category->children as $child)
                                    @if($child->products->isNotEmpty())
                                        <h3 class="product-category-title">{{ __($child->name) }}</h3>
                                        @foreach($child->products as $product)
                                            @include('pages.shop.partials.product_row', ['product' => $product])
                                        @endforeach
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    @else
                        <div class="alert alert-info text-center">
                            {{ __('В данной категории или по вашему запросу ничего не найдено.') }}
                        </div>
                    @endif
                </div>
            @elseif(Auth::check() && request('realm_id'))
                <div class="alert alert-info text-center mt-4">
                    {{ __('Пожалуйста, выберите персонажа, чтобы увидеть доступные товары.') }}
                </div>
            @else
                <div class="alert alert-info text-center mt-4">
                    {{ __('Пожалуйста, выберите мир для начала.') }}
                </div>
            @endauth
        </div>
    </div>
</div>
@endsection