@php
    $ad = $ad ?? null;
    $type = old('type', $ad->type ?? '0');
    /* Pelo painel, e nao pelo caminho /ads/ do servidor de sites: bloqueador
       de anuncio recusa a imagem e o cliente acha que perdeu o banner. Linha
       antiga que guardou o caminho inteiro continua como estava. */
    $cover = $ad && $ad->img
        ? (str_contains((string) $ad->img, '/') ? $ad->img : route('site.ads.r.pic', $ad->img))
        : null;
@endphp

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

    <div class="sec__body">
        <div class="kinds">
            <label class="kind">
                <input type="radio" name="type" value="0" @checked((string) $type === '0')>
                <span class="kind__ico"><i class="fa-solid fa-image"></i></span>
                <span class="kind__text">
                    <strong>{{ __('site.page_ads_type_image') }}</strong>
                    <small>{{ __('site.page_ads_kind_image') }}</small>
                </span>
                <span class="kind__tick"><i class="fa-solid fa-check"></i></span>
            </label>

            <label class="kind">
                <input type="radio" name="type" value="1" @checked((string) $type === '1')>
                <span class="kind__ico"><i class="fa-solid fa-code"></i></span>
                <span class="kind__text">
                    <strong>{{ __('site.page_ads_type_code') }}</strong>
                    <small>{{ __('site.page_ads_kind_code') }}</small>
                </span>
                <span class="kind__tick"><i class="fa-solid fa-check"></i></span>
            </label>
        </div>

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

{{-- banner de imagem --}}
<section class="sec spotimage" {{ (string) $type === '0' ? '' : 'hidden' }}>
    <div class="sec__head">
        <h2 class="sec__title"><i class="fa-solid fa-image"></i> {{ __('site.page_ads_block_image') }}</h2>
    </div>

    <div class="sec__body">
        <div class="spotform__grid">
            {{-- div e não form: form aninhado é descartado pelo parser --}}
            <div class="spotform__drop spotdrop" data-url="{{ route('site.ads.r.upload') }}">
                <img class="spotform__img" src="{{ $cover }}" alt="" {{ $cover ? '' : 'hidden' }}>

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

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

            <div class="spotform__fields">
                <label class="field">
                    <span class="field__label">{{ __('site.page_ads_field_url') }}</span>
                    <input class="input" type="text" name="url" value="{{ old('url', $ad->url ?? '') }}"
                           maxlength="255" autocomplete="off" placeholder="{{ __('site.page_slider_url_place') }}">
                    @if(session('error_url'))
                        <span class="field__err">{{ session('error_url') }}</span>
                    @else
                        <span class="field__help">{{ __('site.page_ads_field_url_help') }}</span>
                    @endif
                </label>

                <label class="row">
                    <span class="row__text">
                        <strong>{{ __('site.page_ads_new_tab') }}</strong>
                        <small>{{ __('site.page_slider_new_tab_help') }}</small>
                    </span>
                    <span class="switch">
                        <input type="checkbox" name="target" value="1" @checked(old('target', $ad->target ?? '0') == '1')>
                        <span class="switch__track"><span class="switch__knob"></span></span>
                    </span>
                </label>
            </div>
        </div>

        <input type="hidden" name="feature_image" class="spotform__file" value="{{ old('feature_image') }}">

        @if(session('error_img'))
            <p class="field__err spotform__imgerr">{{ session('error_img') }}</p>
        @endif
    </div>
</section>

{{-- código de terceiros --}}
<section class="sec spotcode" {{ (string) $type === '1' ? '' : 'hidden' }}>
    <div class="sec__head">
        <h2 class="sec__title"><i class="fa-solid fa-code"></i> {{ __('site.page_ads_block_code') }}</h2>
    </div>

    <div class="sec__body">
        <label class="field">
            <span class="field__label">{{ __('site.page_ads_field_code') }}</span>
            <textarea class="input input--mono spotform__code" name="code" rows="10"
                      spellcheck="false" placeholder="&lt;script&gt;...&lt;/script&gt;">{{ old('code', $ad->code ?? '') }}</textarea>
            @if(session('error_code'))
                <span class="field__err">{{ session('error_code') }}</span>
            @else
                <span class="field__help">{{ __('site.page_ads_field_code_help') }}</span>
            @endif
        </label>
    </div>
</section>