{{--
    Caixa de envio de uma imagem só, usada pelo ícone e pelo compartilhamento.
    Espera: $url, $field, $current, $ratio, $frame, $hint, $accept.
--}}

<div class="assbox {{ $frame ?? '' }}" data-url="{{ $url }}" data-field="{{ $field }}">
    <div class="assbox__drop" style="aspect-ratio: {{ $ratio }}">
        <img class="assbox__img" src="{{ $current }}" alt="" {{ $current ? '' : 'hidden' }}>

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

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

    <p class="assbox__hint"><i class="fa-solid fa-circle-info"></i> {{ $hint }}</p>

    <p class="assbox__error" hidden></p>
</div>