@extends('layouts.siteResourceheader')


@section('body')
    <header class="headerOutside">
        <div class="logoLanguage">
            <img src="{{ $path }}" alt="">
            <div class="custom-dropdown">
                <button class="dropdown-toggle">
                    <img src="{{ asset('images/flags/' . app()->getLocale() . '.png') }}" alt="{{ app()->getLocale() == 'en' ? 'English' : 'Deutsch' }}" class="flag-icon">
                    {{ app()->getLocale() == 'en'? 'English' : 'Deutsch' }}
                </button>
                <div class="dropdown-menu">
                    <a href="{{ route('switch.language', 'en') }}" class="dropdown-item">
                        <img src="{{ asset('images/flags/en.png') }}" alt="English" class="flag-icon"> English
                    </a>
                    <a href="{{ route('switch.language', 'de') }}" class="dropdown-item">
                        <img src="{{ asset('images/flags/de.png') }}" alt="Deutsch" class="flag-icon"> Deutsch
                    </a>
                </div>
            </div>
        </div>
    </header>

    <div class="alertContainer">
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <div class="alertIcon">
                    <i class="far fa-exclamation-circle"></i>
                </div>
                <div>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif

        @if (Session::has('status'))

            <div class="alert alert-info">
                <div class="alertIcon">
                    <i class="far fa-info-circle"></i>
                </div>
                <div>
                    {{ Session::get('status') }}
                </div>
            </div>
        @endif
    </div>

    <div class="baseContainer">
        @yield('content')
    </div>
@endsection