@extends('layouts.master')

@section('sideHeader')

    @include('layouts.partials.about.subMenu')

@endsection


@section('editable_content')

    <div class="after-menu">

        @include('layouts.partials.header')

        @include('layouts.partials.subscribe.description')

        {{--@include('forms.subscribe')--}}

        @include('layouts.partials.webshopTextButton', [
            'webshopButtonDescription' => trans('translations.subscribeWebshopDescription'),
            'webshopButtonLink' => \Config::get('business.subscribeWebshopLink')
        ])

        @include('layouts.partials.becomeFriend')

    </div>

@endsection

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

        //Define form
        var subscribeForm = new Form('subscribeForm', ['firstName', 'lastName',  'street',  'houseNumber',  'city', 'zip', 'email', 'phone', 'accountNumber']);

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

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

        });

    </script>
@endsection