@php
    $type = old('type', $video->type ?? '1');
    $catId = old('category_id', $video->category_id ?? '');
@endphp

<div class="vform__grid">
    <label class="field">
        <span class="field__label">{{ __('site.page_videos_add_select') }}</span>
        <select class="input vform__type" name="type">
            <option value="1" @selected($type === '1')>YouTube</option>
            <option value="2" @selected($type === '2')>Vimeo</option>
            <option value="0" @selected($type === '0')>Embed</option>
        </select>
        <span class="field__help">{{ __('site.page_videos_hint_auto') }}</span>
    </label>

    <label class="field">
        <span class="field__label">{{ __('site.page_videos_add_input_2') }}</span>
        <input class="input" type="url" name="url" value="{{ old('url', $video->url ?? '') }}"
               placeholder="https://" autocomplete="off" required>
        @if(session('error_url'))
            <span class="field__err">{{ session('error_url') }}</span>
        @endif
    </label>

    {{-- YouTube e Vimeo trazem o titulo pela oembed, so o embed precisa digitar --}}
    <label class="field vform__title" {{ $type === '0' ? '' : 'hidden' }}>
        <span class="field__label">{{ __('site.page_videos_add_input_1') }}</span>
        <input class="input" type="text" name="title" value="{{ old('title', $video->title ?? '') }}"
               maxlength="255" autocomplete="off">
        @if(session('error_title'))
            <span class="field__err">{{ session('error_title') }}</span>
        @endif
    </label>

    <div class="field">
        <span class="field__label">{{ __('site.page_video_cat_field') }}</span>
        <div class="vcat">
            <select class="input vcat__select" name="category_id">
                <option value="">{{ __('site.page_video_cat_optional') }}</option>
                @foreach($allCats as $c)
                    <option value="{{ $c->id }}" @selected((string) $catId === (string) $c->id)>{{ $c->name }}</option>
                @endforeach
            </select>
            <button class="btn btn--ghost vcat__new" type="button" title="{{ __('site.page_video_cat_modal_title') }}">
                <i class="fa-solid fa-plus"></i>
            </button>
        </div>
        <span class="field__help">{{ __('site.page_video_cat_help') }}</span>
    </div>

    <label class="field field--full">
        <span class="field__label">{{ __('site.page_videos_add_textarea') }}</span>
        <textarea class="input" name="description" rows="4" maxlength="1000">{{ old('description', $video->description ?? '') }}</textarea>
    </label>
</div>