@extends(tt('layout.blade.php'))

@push('header')
    @at(tt('assets/styles/pages/auth.scss'))
@endpush

@section('title')
    {{ !empty(page()->title) ? page()->title : t('auth.auth.title') }}
@endsection

@push('auth_socials')
    @foreach ($social as $key => $item)
        <a href="{{ url('social/' . $key) }}" class="auth_social_item">
            {!! $item !!}

            <p>{{ $key }}</p>
        </a>
    @endforeach
@endpush

@push('content')
    @navbar
    <div class="container">
        @navigation
        @breadcrumb
        @editor

        @stack('container')

        <div class="row justify-content-md-center">
            <div class="col-md-5">
                <h1 class="auth-title mb-4 mt-3">{{ t('auth.auth.title') }}</h1>
                <div class="auth_container mb-4">
                    <div class="auth_socials mb-4">
                        @stack('auth_socials')
                    </div>
                    @if (sizeof($social) > 0 && !config('auth.only_social', false))
                        <div class="container_auth_line">
                            <span class="line"></span>
                            <p class="text">@t('auth.auth.via_login')</p>
                            <span class="line"></span>
                        </div>
                    @endif
                </div>
                @flash
                @if (!config('auth.only_social', false) || (config('auth.only_social') && social()->isEmpty()))
                    <div class="card">
                        {!! $form !!}
                        <div class="auth_footer mt-3">
                            <p>@t('auth.do_not_have_account')</p>
                            <a href="{{ url('register') }}">@t('auth.registration.title')</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endpush

@footer