@section('title', __('site.page_sche_user_title'))

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

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_site')],
        ['label' => __('site.menu_item_4')],
        ['label' => __('site.menu_item_4_sub_2')],
    ];

    $avatarBase = 'https://' . $serverData->name . '/contents/' . session('siteID') . '/avatar/';
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_sche_user_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_bcast_sub') }}</p>
        </div>

        <div class="page-head__acts">
            <a class="btn btn--soft-blue" href="{{ route('site.programs.r') }}">
                <i class="fa-solid fa-microphone-lines"></i> {{ __('site.menu_item_4_sub_3') }}
            </a>
            <a class="btn btn--primary" href="{{ route('site.broadcasters.c') }}">
                <i class="fa-solid fa-plus"></i> {{ __('site.page_bcast_new') }}
            </a>
        </div>
    </header>

    @include('includes.flash')

    <div class="pplist"
         data-msg-delete-title="{{ __('site.page_sche_user_alert_title') }}"
         data-msg-delete-text="{{ __('site.page_bcast_alert_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}">

        <div class="ltools">
            <form class="ltools__search" method="GET" action="{{ route('site.broadcasters.r') }}">
                <i class="fa-solid fa-magnifying-glass"></i>
                <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                       placeholder="{{ __('site.page_sche_user_search') }}">
            </form>
        </div>

        @if($s)
            <div class="pfilter">
                <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
                <a href="{{ route('site.broadcasters.r') }}" title="{{ __('site.page_post_search_clear') }}">
                    <i class="fa-solid fa-xmark"></i>
                </a>
            </div>
        @endif

        @if($apiError)
            <div class="apierr">
                <span class="apierr__ico"><i class="fa-solid fa-plug-circle-xmark"></i></span>
                <p class="apierr__text">{{ $apiError }}</p>
            </div>
        @elseif($allBroadcaster->count() == 0)
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-user-tie"></i></span>
                <p class="apierr__text">
                    {{ $s ? __('site.page_sche_user_search_norec') : __('site.page_bcast_empty') }}
                </p>
            </div>
        @else
            <div class="ppgrid">
                @foreach($allBroadcaster as $person)
                    @php
                        $socials = collect([
                            'instagram' => ['fa-brands fa-instagram', $person->social_instagram],
                            'facebook' => ['fa-brands fa-facebook-f', $person->social_facebook],
                            'youtube' => ['fa-brands fa-youtube', $person->social_youtube],
                            'whatsapp' => ['fa-brands fa-whatsapp', $person->social_whatsapp],
                            'twitter' => ['fa-brands fa-x-twitter', $person->social_twitter],
                            'tiktok' => ['fa-brands fa-tiktok', $person->social_tiktok],
                            'telegram' => ['fa-brands fa-telegram', $person->social_telegram],
                            'linkedin' => ['fa-brands fa-linkedin-in', $person->social_linkedin],
                        ])->filter(fn ($item) => trim((string) $item[1]) !== '');
                    @endphp

                    <article class="ppcard" data-id="{{ $person->id }}" data-name="{{ $person->name }}">
                        <a class="ppcard__pic" href="{{ route('site.broadcasters.u', $person->id) }}">
                            @if($person->avatar)
                                <img src="{{ str_starts_with($person->avatar, 'http') ? $person->avatar : $avatarBase . $person->avatar }}"
                                     alt="" loading="lazy">
                            @endif
                            <i class="fa-solid fa-user ppcard__ph"></i>
                        </a>

                        <div class="ppcard__body">
                            <strong class="ppcard__name" title="{{ $person->name }}">{{ $person->name }}</strong>

                            @if($person->about)
                                <span class="ppcard__about">{{ $person->about }}</span>
                            @endif

                            <span class="ppmeta">
                                <i class="fa-solid fa-microphone-lines"></i>
                                {{ trans_choice('site.page_bcast_program_count', $person->programs, ['n' => $person->programs]) }}
                            </span>

                            @if($socials->count())
                                <span class="ppsocials">
                                    @foreach($socials as $network => $item)
                                        <i class="{{ $item[0] }}" title="{{ $item[1] }}"></i>
                                    @endforeach
                                </span>
                            @endif
                        </div>

                        <div class="cardacts">
                            <a class="cardact" href="{{ route('site.broadcasters.u', $person->id) }}">
                                <i class="fa-solid fa-pen"></i> {{ __('site.action_edit') }}
                            </a>
                            <button class="cardact cardact--del ppcard__del" type="button">
                                <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                            </button>
                        </div>

                        <form class="ppcard__form" method="POST" action="{{ route('site.broadcasters.d', $person->id) }}">@method('DELETE')</form>
                    </article>
                @endforeach
            </div>

            {{ $allBroadcaster->links('vendor.pagination.painel') }}
        @endif
    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-people.js') }}"></script>
@endsection

@include('includes/footer-novo')