@section('title', __('general.page_stations_h1'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/stations.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_general')],
        ['label' => __('general.page_stations_h1')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('general.page_stations_h1') }}</h1>
            <p class="page-sub">{{ __('general.stations_intro') }}</p>
        </div>
    </header>

    <div class="stlist">
        <section class="stcard stcard--current">
            <span class="stcard__logo">
                <img src="{{ $siteData->avatar ? asset($siteData->avatar) : '/assets/media/avatars/noimage.jpg' }}" alt="">
            </span>

            <div class="stcard__text">
                <strong class="stcard__name">{{ $siteData->name }}</strong>
                <span class="stcard__domain">{{ $siteData->domain }}</span>
            </div>

            <div class="stcard__tags">
                <span class="pill pill--here">
                    <i class="fa-solid fa-circle-check"></i> {{ __('general.stations_current_session') }}
                </span>
            </div>
        </section>

        @forelse($allAdmSites as $station)
            @php $active = $station->status == '1'; @endphp
            <section class="stcard {{ $active ? '' : 'is-off' }}">
                <span class="stcard__logo">
                    <img src="{{ $station->avatar ? asset($station->avatar) : '/assets/media/avatars/noimage.jpg' }}" alt="">
                </span>

                <div class="stcard__text">
                    <strong class="stcard__name">{{ $station->name }}</strong>
                    <span class="stcard__domain">{{ $station->domain }}</span>
                </div>

                <div class="stcard__tags">
                    <span class="pill {{ $station->role === 'owner' ? 'pill--owner' : 'pill--admin' }}">
                        <i class="fa-solid {{ $station->role === 'owner' ? 'fa-crown' : 'fa-user-tie' }}"></i>
                        {{ $station->role === 'owner' ? __('general.role_owner') : __('general.role_admin') }}
                    </span>

                    @unless($active)
                        <span class="pill pill--off">
                            <i class="fa-solid fa-ban"></i> {{ __('general.status_suspended') }}
                        </span>
                    @endunless
                </div>

                <div class="stcard__go">
                    @if($active)
                        <a class="btn btn--primary" href="{{ route('stations.s', [$station->site_id, $station->server_id]) }}">
                            {{ __('general.action_manage') }} <i class="fa-solid fa-arrow-right"></i>
                        </a>
                    @else
                        <button class="btn btn--ghost" type="button" disabled>{{ __('general.action_manage') }}</button>
                    @endif
                </div>
            </section>
        @empty
            <div class="stempty">
                <span class="apierr__ico"><i class="fa-solid fa-satellite-dish"></i></span>
                <p class="apierr__text">{{ __('general.stations_empty') }}</p>
            </div>
        @endforelse
    </div>

</main>

@include('includes/footer-novo')