@extends('layouts.master')

@section('title', '404')

@section('content')

<div class="products bg-white">
    
    <section class="container-custom">
        <div class="row pt-size-xxl pb-size-md">
            <div class="offset-lg-1 col-lg-10">
                <div class="text-center mb-size-lg">
                    <h2 class="title-md">Error 404</h2>
                    <h3 class="text-uppercase mb-size-md">Ocurreu um erro ao carregar a página!</h3>
                    <a href="{{ Helper::route('/') }}" class="btn btn-solid-black btn-fit-content">Voltar ao Início</a> 
                </div> 

                <p>Categoria#2 | <b>Curabitur</b> (9 artigos) <span class="d-none d-xl-inline">| Vista <span id="toggleGridView" class="js-cursor"><b>3</b> 4</span></span></p>
            </div>
        </div>
        
        <div class="row">           

            <div class="offset-lg-1 col-lg-10">               

                <div class="grid w-33 products-list">
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_10.jpg') }}" alt="Image">
                            <div class="item-discount">10%</div>
                            <div class="item-add-to-favorites active"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            {{-- <p class="text-light">€000.00</p> --}}
                            {{-- Promoção --}}
                            <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p>
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_13.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_14.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_15.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_16.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_17.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_18.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_19.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                    <a href="{{ Helper::route('product') }}" class="products-list-item">
                        <div class="item-image">
                            <img src="{{ asset('img/Clothes/women_20.jpg') }}" alt="Image">
                            <div class="item-add-to-favorites"></div>
                            <button class="item-add-to-cart btn-black">Adicionar ao Carrinho</button>
                        </div>
                        <div class="item-content">
                            <p class="text-semibold">Item X</p>
                            <p class="text-light">€000.00</p>
                            {{-- Promoção --}}
                            {{-- <p class="text-light"><strike>€000.00</strike> &nbsp; | &nbsp; <b>€000.00</b></p> --}}
                        </div>
                    </a>                    
                </div>
            </div>
        </div>
    </section>

</div>

@endsection