@php
    $person = $broadcaster ?? null;
    $photo = $person && $person->avatar
        ? (str_starts_with($person->avatar, 'http')
            ? $person->avatar
            : 'https://' . $serverData->name . '/contents/' . session('siteID') . '/avatar/' . $person->avatar)
        : null;

    $socials = [
        ['social_instagram', 'fa-brands fa-instagram', 'Instagram', '@perfil'],
        ['social_facebook', 'fa-brands fa-facebook-f', 'Facebook', 'https://facebook.com/pagina'],
        ['social_youtube', 'fa-brands fa-youtube', 'YouTube', 'https://youtube.com/@canal'],
        ['social_whatsapp', 'fa-brands fa-whatsapp', 'WhatsApp', '(00) 00000-0000'],
        ['social_twitter', 'fa-brands fa-x-twitter', 'X', '@perfil'],
        ['social_tiktok', 'fa-brands fa-tiktok', 'TikTok', 'https://tiktok.com/@perfil'],
        ['social_telegram', 'fa-brands fa-telegram', 'Telegram', 'https://t.me/perfil'],
        ['social_linkedin', 'fa-brands fa-linkedin-in', 'LinkedIn', 'https://linkedin.com/in/perfil'],
    ];
@endphp

<section class="sec">
    <div class="sec__head">
        <h2 class="sec__title"><i class="fa-solid fa-user-tie"></i> {{ __('site.page_bcast_block') }}</h2>
    </div>

    <div class="sec__body">
        <div class="ppform__grid">
            {{-- div e não form: form aninhado é descartado pelo parser --}}
            <div class="ppform__pic ppdrop" data-url="{{ route('site.broadcasters.uploadThumb') }}">
                <img class="ppform__img" src="{{ $photo }}" alt="" {{ $photo ? '' : 'hidden' }}>

                <span class="ppform__empty">
                    <i class="fa-solid fa-cloud-arrow-up"></i>
                    <span>{{ __('site.page_bcast_drop_here') }}</span>
                </span>

                <span class="ppform__change">{{ __('site.page_bcast_change_image') }}</span>
            </div>

            <div class="ppform__fields">
                <label class="field">
                    <span class="field__label">{{ __('site.page_bcast_field_name') }}</span>
                    <input class="input" type="text" name="name" value="{{ old('name', $person->name ?? '') }}"
                           maxlength="255" autocomplete="off" required>
                    @if(session('error_name'))
                        <span class="field__err">{{ session('error_name') }}</span>
                    @endif
                </label>

                <label class="field">
                    <span class="field__label">{{ __('site.page_bcast_field_about') }}</span>
                    <textarea class="input" name="about" rows="5">{{ old('about', $person->about ?? '') }}</textarea>
                    <span class="field__help">{{ __('site.page_bcast_field_about_help') }}</span>
                </label>
            </div>
        </div>

        <input type="hidden" name="feature_image" class="ppform__imgname" value="{{ old('feature_image') }}">
    </div>
</section>

<section class="sec">
    <div class="sec__head">
        <h2 class="sec__title"><i class="fa-solid fa-share-nodes"></i> {{ __('site.page_bcast_socials') }}</h2>
        <p class="sec__desc">{{ __('site.page_bcast_socials_help') }}</p>
    </div>

    <div class="sec__body">
        <div class="ppsoc">
            @foreach($socials as [$column, $icon, $label, $hint])
                <label class="field ppsoc__item">
                    <span class="field__label"><i class="{{ $icon }}"></i> {{ $label }}</span>
                    <input class="input" type="text" name="{{ $column }}" autocomplete="off"
                           maxlength="255" placeholder="{{ $hint }}"
                           value="{{ old($column, $person->{$column} ?? '') }}">
                </label>
            @endforeach
        </div>
    </div>
</section>