@include('includes.auth-head', ['pageTitle' => __('general.page_selectsite_title')])

<main class="auth">
    <div class="auth__box auth__box--wide">
        <div class="auth__brand">
            <img src="/assets/img/logo-color.svg" alt="BRASCAST">
        </div>

        <div class="auth__card">
            <div class="auth__head">
                <h1 class="auth__title">{{ __('general.page_selectsite_h1') }}</h1>
                <p class="auth__sub">{{ __('general.selectsite_sub') }}</p>
            </div>

            @if($stations)
                <div class="auth__list">
                    @foreach($stations as $station)
                        <div class="auth__item">
                            <span class="auth__avatar">{{ mb_strtoupper(mb_substr($station['name'], 0, 1)) }}</span>

                            <span class="auth__item-info">
                                <span class="auth__item-name">{{ $station['name'] }}</span>

                                @if($station['domain'])
                                    <span class="auth__item-domain">{{ $station['domain'] }}</span>
                                @endif
                            </span>

                            <a class="btn btn--primary"
                               href="{{ route('selectAs', [$station['site_id'], $station['server_id']]) }}">
                                {{ __('general.action_manage') }} <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="auth__empty">{{ __('general.selectsite_empty') }}</p>
            @endif
        </div>

        <p class="auth__foot">
            <a class="auth__link" href="/logout">{{ __('general.nopermission_logout') }}</a>
        </p>
    </div>
</main>

</body>
</html>