@extends('layout.app')

@section('title')
{{ $product->title }}
@endsection

@section('css')
<link rel="stylesheet" href="/front/dist/files/css/swiper-bundle.min.css" />
@stop
@section('content')
<div class="wrapper">
    <main>
        @include('parts.header-panel')
        @include('parts.header')

        @php
            $currentLocale = LaravelLocalization::getCurrentLocale();
        @endphp

        <div class="breadcrumbs">
            <div class="container">
                <div class="breadcrumbs__inner">
                    <ul class="breadcrumbs__list">
                        <li><a href="/">{!! Translation::trans('breadcrumbs.home', 'Home') !!}</a></li>
                        <li><span>{!! Translation::trans('faq.breadcrumbs.order', 'Order') !!}</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <section class="catalog-detail">
            <div class="container">
                <div class="catalog-detail__inner">
                    <div>
                        <h1>
                            {!! Translation::transText('order.completed.tnx', 'Dziękujemy! Zgłoszenie') !!} #{{ $order->id }} {!! Translation::transText('order.completed.sent', ' zostało pomyślnie wysłane.') !!}
                            <br>
                            <br>
                            {{ !empty($product->h1) ? $product->h1 : $product->title }}
                        </h1>
                        <br>
                        <div class="catalog-detail__inner-info-order">
                            <a href="{{ route('order.index') }}" class="btn button golden-btn arrow">{!! Translation::transText('menu.order', 'Order now') !!}</a>
                        </div>

                    </div>
                </div>
            </div>
        </section>
    </main>
</div>
@endsection
@section('javascript')
<script src="/front/dist/files/js/swiper-bundle.min.js"></script>
<script src="/front/dist/files/js/catalog-detail.js"></script>

@stop