@extends('layouts.master', ['view' => 'travel-show'])

@section('meta')
    <title>{{ $travel->translation->name }} | {{ $page->translation->meta_title }}</title>
    <meta name="description" content="{{ $travel->translation->meta_description }}">

@endsection

@section('editable_content')

    <div class="after-menu">

        @include('layouts.partials.travels.header')

        <section class="post-content">

            @if(isset($travel->translation->description) && $travel->translation->description != '[]')
                @include('layouts.partials.dynamic.dynamicBlocks', ['dynamicContent' => $travel->translation->description])
            @endif
            <div class="return-to-travel-overview">
                <div class="wrapper">
                    <a href="/{{$page->translation->route->route}}?s=1">
                        <div class="icon">
                            <div class="placeholder items1">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="placeholder items2">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                        <p>
                            @lang('translations.returnToCategory') {{ strtolower($page->translation->name) }}
                        </p>
                    </a>
                </div>
            </div>

        </section>


        @include('layouts.partials.becomeMemberOrFriend')

    </div>

@endsection

@section('extra-js')
    <script src="/js/form.js"></script>
    <script>

        //Define form
        var travelForm = new Form('travelForm', ['name', 'phone', 'email']);

        // Submit button
        document.querySelector('#travelForm .submit').addEventListener('click', function () {

            travelForm.validate();
            if (travelForm.valid) travelForm.send();

        });

    </script>
@endsection