@php
    $mu = $music ?? null;
    $cover = $mu && $mu->img
        ? (str_starts_with($mu->img, '/') ? $mu->img : 'https://' . $serverData->name . '/contents/' . session('siteID') . '/top/' . $mu->img)
        : null;
    $videoUrl = $mu && $mu->video ? 'https://www.youtube.com/watch?v=' . $mu->video : '';
@endphp

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

    <div class="sec__body">
        <div class="tpform__grid">
            <div class="tpform__cover">
                <img src="{{ $cover }}" alt="" {{ $cover ? '' : 'hidden' }}>
                <i class="fa-solid fa-music tpform__ph"></i>
            </div>

            <div class="tpform__fields">
                <label class="field">
                    <span class="field__label">{{ __('site.page_top_field_artist') }}</span>
                    <input class="input" type="text" name="artist" value="{{ old('artist', $mu->artist ?? '') }}"
                           maxlength="255" autocomplete="off" required>
                    @if(session('error_artist'))
                        <span class="field__err">{{ session('error_artist') }}</span>
                    @else
                        <span class="field__help">{{ __('site.page_top_field_artist_help') }}</span>
                    @endif
                </label>

                <label class="field">
                    <span class="field__label">{{ __('site.page_top_field_name') }}</span>
                    <input class="input" type="text" name="name" value="{{ old('name', $mu->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_top_field_url') }}</span>
                    <input class="input" type="url" name="url" value="{{ old('url', $videoUrl) }}"
                           autocomplete="off" placeholder="https://www.youtube.com/watch?v=">
                    @if(session('error_url'))
                        <span class="field__err">{{ session('error_url') }}</span>
                    @else
                        <span class="field__help">{{ __('site.page_top_field_url_help') }}</span>
                    @endif
                </label>

                @if($mu)
                    <label class="row">
                        <span class="row__text">
                            <strong>{{ __('site.page_top_refresh_cover') }}</strong>
                            <small>{{ __('site.page_top_refresh_cover_help') }}</small>
                        </span>
                        <span class="switch">
                            <input type="checkbox" name="refresh_cover" value="1">
                            <span class="switch__track"><span class="switch__knob"></span></span>
                        </span>
                    </label>
                @endif
            </div>
        </div>
    </div>
</section>