@extends('layouts.app')

@section('content')

<h1 class="text-center"><span  onclick="location.href='{{ route('dashboard.feedback', app()->getLocale()) }}'" style="cursor: pointer;">{{ __('dashboard.profile.title') }}</span></h1>

<hr class="my-4" />

<div class="templates d-flex justify-content-sm-around justify-content-md-center flex-wrap">

    <a id="profile" class="d-inline-block template mb-4 scroll-to-content mx-3 @if( $sub_menu == 'profile' ) active @endif" href="{{ route('dashboard.profile', app()->getLocale()) }}">
        <img src="{{ asset('img/template_06.png') }}" width="55" height="55" alt="devices" style="margin-top: 15px;">
        <div class="title font-size-17">{{ __('dashboard.profile.tilePersonalDataTitle') }}</div>
    </a>
    <a class="d-inline-block template mb-4 scroll-to-content mx-3 @if( $sub_menu == 'email' ) active @endif" href="{{ route('dashboard.emails', app()->getLocale()) }}">
        <img src="{{ asset('img/template_07.png') }}" width="55" height="55" alt="devices" style="margin-top: 15px;">
        <div class="title font-size-17">{{ __('dashboard.profile.tileNotificationsTitle') }}</div>
    </a>
    <a class="d-inline-block template mb-4 scroll-to-content mx-3 @if( $sub_menu == 'history' ) active @endif" href="{{ route('dashboard.history', app()->getLocale()) }}">
        <img src="{{ asset('img/template_09.png') }}" width="55" height="55" alt="devices" style="margin-top: 15px;">
        <div class="title font-size-17">{{ __('dashboard.profile.tileHistoryTitle') }}</div>
    </a>
    <a class="d-inline-block template mb-4 scroll-to-content mx-3 @if( $sub_menu == 'account' ) active @endif" href="{{ route('dashboard.account', app()->getLocale()) }}">
        <img src="{{ asset('img/template_10.png') }}" width="55" height="55" alt="devices" style="margin-top: 15px;">
        <div class="title font-size-17">{{ __('dashboard.profile.tileAccountDataTitle') }}</div>
    </a>

</div>
<hr class="mb-4 mt-0" />

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-9">
            @yield('profile_content')
        </div>
    </div>
</div>
@endsection