@extends('corporative.layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection

@section('content')

@include('corporative.layouts.header')

<div class="shop-area corporative">
    <div class="container-fluid custom-container">
        <div class="row">
            @if (Request::query('menu') !== null ||Request::query('categoria') !== null || Request::query('qcategoria') !== null || Request::query('qsearch') !== null)
                <div class="col-md-12 mb-5">
                    <h3 class="font-weight-bold">{{ $qmenu[0]->name2 ?? '' }}</h3>
                        <div>{!! $qmenu[0]->description2 ?? '' !!}</div>
                </div>
            @endif


            <div class="shop-sidebar">
                <div class="shop-sidebar-widget">
                    <div class="card">
                        <div class="card-header box-header">
                            <h5>Categorias</h5>
                            <span title="Mostrar/Ocultar"><i class="fas fa-angle-down"></i></span>
                        </div>
                        <div class="card-body">
                            @if (Request::query('menu') !== null ||Request::query('categoria') !== null || Request::query('qcategoria') !== null || Request::query('qsearch') !== null)
                                @foreach ($qmenu as $qm)
                                    @php
                                        $collapse = 'clp'.$qm->id_web_menu;
                                    @endphp
                                    <div class="accordion">
                                        <div class="card">
                                            <div class="card-header">
                                                <a href="{{ route('c.shop', ['categoria' => $qm->name2, 'c' => $qm->id_web_menu]) }}" class="font-weight-bold">
                                                    {{ $qm->name2 }}
                                                </a>
                                            </div>
                                            <div id="{{ $collapse }}" class="collapse show" data-parent="#accordionCategory">
                                                <div class="card-body">
                                                    <ul class="category-list">
                                                        @foreach ($qm->categories as $cat)
                                                            <li class="ml-4 d-block text-dark">
                                                                <a class="{{ (Request::query('qcategoria') == $cat->name2 ) ? 'font-weight-bold': '' }}"
                                                                    href="{{ route('c.shop',['qcategoria' => $cat->name2, 'sc' => $cat->id_categories ] ) }}">
                                                                    {{ $cat->name2 }}
                                                                </a>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                            @foreach ($menu as $m)
                                @php
                                    $collapse = 'clp'.$m->id_web_menu;
                                @endphp
                                <div class="accordion">
                                    <div class="card">
                                        <div class="card-header">
                                            <a href="{{ route('c.shop', ['categoria' => $m->name2, 'c' => $m->id_web_menu]) }}">{{ $m->name2 }}</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                @foreach ($fdynamic as $fd)
                    <div class="shop-sidebar-widget">
                        <div class="card">
                            <div class="card-header box-header">
                                <h5>{{ $fd->title ?? '' }}</h5>
                                <span title="Mostrar/Ocultar"><i class="fas fa-angle-down"></i></span>
                            </div>
                            <div class="card-body">
                                <ul class="compositions-list brands">
                                    @php
                                        $list = explode(',', $fd->description);
                                    @endphp
                                    @for ($i = 0; $i < count($list); $i++)
                                        <a href="{{ Request::fullUrlWithQuery(['dq' => trim($list[$i]), 'page' => 1 ]) }}">
                                            @if (Request::query('dq') == trim($list[$i]))
                                                <b>{{ $list[$i] }}  </b>
                                            @else
                                                {{ $list[$i] }}
                                            @endif
                                        </a>
                                    @endfor
                                </ul>
                            </div>
                        </div>
                    </div>
                @endforeach

                <div class="shop-sidebar-widget">
                    <div class="card">
                        <div class="card-header box-header">
                            <h5>Marcas</h5>
                            <span title="Mostrar/Ocultar"><i class="fas fa-angle-down"></i></span>
                        </div>
                        <div class="card-body">
                            <ul class="compositions-list brands" id="listBrandCatalogo">
                                @foreach ($brandsFilter as $br)
                                    <a href="{{ Request::fullUrlWithQuery(['marca' => $br->b_description, 'page' => 1 ]) }}">
                                        @if (Request::query('marca') == $br->b_description)
                                            <b>{{ $br->b_description }}  </b>
                                        @else
                                            {{ $br->b_description }}
                                        @endif
                                    </a>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shop-container">
                <div class="shop-header">
                    <div class="row">
                        <div class="col-md-6">
                            <p>Mostrando {{$productsCatalogo->firstItem()}} al
                                {{$productsCatalogo->lastItem()}} de
                                {{$productsCatalogo->total()}}
                                ({{intval($productsCatalogo->total() / 20)}} Páginas)
                            </p>
                        </div>
                        <div class="col-md-6 hide-mobile">
                            <div class="float-right">
                                <label for="">Ordenar: </label>
                                <div class="btn-group">
                                    <a href="{{ route('c.shop') }}" class="btn btn-light border">Por defecto</a>
                                    <a href="{{ Request::fullUrlWithQuery(['orn' => 'ASC', 'orp' => null, 'page' => 1 ]) }}" class="btn btn-light border">A-z</a>
                                    <a href="{{ Request::fullUrlWithQuery(['orn' => 'DESC', 'orp' => null, 'page' => 1 ]) }}" class="btn btn-light border">z-A</a>
                                    <a href="{{ Request::fullUrlWithQuery(['orp' => 'DESC', 'orn' => null, 'page' => 1 ]) }}" class="btn btn-light border">Max-Min</a>
                                    <a href="{{ Request::fullUrlWithQuery(['orp' => 'ASC', 'orn' => null, 'page' => 1 ]) }}" class="btn btn-light border">Min-Max</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="shop-container">
                    <div class="row">
                        @forelse ($productsCatalogo as $prod)
                            <div class="col-g-2-5">
                                @include('corporative.components.product_item_list', ['product' => $prod])
                            </div>
                        @empty
                            <div class="col-md-12">
                                <p>No se han encontrados productos relacionados a tu búsqueda.</p>
                            </div>
                        @endforelse
                    </div>
                </div>
                <div class="d-flex justify-content-center">
                    <div>{{ $productsCatalogo->withQueryString('pagination::custom') }}</div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.newsletter')

<div class="navigation--list">
    <div class="navigation__content">
        <a class="navigation__item ps-toggle--sidebar" href="#filters-sidebar">
            <i class="fas fa-solid fa-filter"></i><span> Filtrar</span>
        </a>
        <a class="navigation__item ps-toggle--sidebar" href="#order-sidebar">
            <i class="fas fa-arrow-up"></i><i class="fas fa-arrow-down"></i><span> Ordenar</span>
        </a>
    </div>
</div>
<div class="ps-panel--sidebar" id="filters-sidebar">
    <div class="ps-panel__header">
        <h3>Filtrar por</h3>
    </div>
    <div class="ps-panel-content">
        <ul>
            @foreach ($qmenu as $qm)
                <li class="active">
                    <a class="font-weight-bold" href="{{ route('c.shop', ['categoria' => $qm->name, 'c' => $qm->id_web_menu]) }}">{{ $qm->name }}</a>
                    <ul>
                        @foreach ($qm->categories as $cat)
                            <li>
                                <a class="{{ (Request::query('qcategoria') == $cat->cat_description ) ? 'font-weight-bold': '' }}"
                                    href="{{ route('c.shop',['qcategoria' => $cat->cat_description, 'sc' => $cat->id_categories ] ) }}">
                                    {{ $cat->cat_description }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </li>
            @endforeach
        </ul>
        <ul>
            @foreach ($fdynamic as $fd)
                <li class="active"><span class="bg-impacto rounded px-2 mb-2">{{ $fd->title ?? '' }}</span>
                    @php
                        $list = explode(',', $fd->description);
                    @endphp
                    <ul>
                        @for ($i = 0; $i < count($list); $i++)
                            <li>
                                <a href="{{ Request::fullUrlWithQuery(['dq' => trim($list[$i]), 'page' => 1 ]) }}">
                                    @if (Request::query('dq') == trim($list[$i]))
                                        <b>{{ $list[$i] }}  </b>
                                    @else
                                        {{ $list[$i] }}
                                    @endif
                                </a>
                            </li>
                        @endfor
                    </ul>
                </li>
            @endforeach
        </ul>
        <ul>
            @foreach ($menu as $m)
                <li><a href="{{ route('c.shop', ['categoria' => $m->name, 'c' => $m->id_web_menu]) }}">{{ $m->name }}</a></li>
            @endforeach
        </ul>
    </div>
</div>
<div class="ps-panel--sidebar" id="order-sidebar">
    <div class="ps-panel__header">
        <h3>Ordenar por</h3>
    </div>
    <div class="ps-panel-content">
        <ul>
            <li class="active">
                <a class="{{ (Request::query('orp') == 'ASC' ) ? 'font-weight-bold': '' }}"
                    href="{{ Request::fullUrlWithQuery(['orp' => 'ASC', 'orn' => null, 'page' => 1 ]) }}">Precio de menor a mayor</a>
            </li>
            <li class="active">
                <a class="{{ (Request::query('orp') == 'DESC' ) ? 'font-weight-bold': '' }}"
                href="{{ Request::fullUrlWithQuery(['orp' => 'DESC', 'orn' => null, 'page' => 1 ]) }}">Precio de mayor a menor</a>
            </li>
            <li class="active">
                <a class="{{ (Request::query('orn') == 'ASC' ) ? 'font-weight-bold': '' }}"
                href="{{ Request::fullUrlWithQuery(['orn' => 'ASC', 'orp' => null, 'page' => 1 ]) }}">Nombre de A-z</a>
            </li>
            <li class="active">
                <a class="{{ (Request::query('orn') == 'DESC' ) ? 'font-weight-bold': '' }}"
                href="{{ Request::fullUrlWithQuery(['orn' => 'DESC', 'orp' => null, 'page' => 1 ]) }}">Nombre de z-A</a>
            </li>
            <li class="active">
                <a href="{{ Request::fullUrlWithQuery(['orp' => null, 'orn' => null, 'page' => 1 ]) }}">Mostrar catalogo por defecto</a>
            </li>
        </ul>
    </div>
</div>

<div class="overlay"></div>

@include('layouts.footer')

@include('corporative.utils.backtop')

@endsection