@php($to = $tool->preset['to'] ?? 'webp')
<x-site.file-shell :tool="$tool" :accept="$tool->preset['from'] ?? 'image/*'" :hint="__('files.hint_images')">
    <div>
        <label class="label" for="ic-format">{{ __('files.output_format') }}</label>
        <select id="ic-format" name="format" class="field">
            @foreach (['webp' => 'WebP', 'avif' => 'AVIF', 'jpeg' => 'JPG', 'png' => 'PNG'] as $value => $label)
                <option value="{{ $value }}" @selected($value === $to)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="label" for="ic-quality">{{ __('files.quality') }} : <output data-out="quality">82</output> %</label>
        <input id="ic-quality" name="quality" type="range" min="10" max="100" value="82" class="w-full accent-[var(--brand)]">
        <p class="mt-1 text-xs text-slate-500">{{ __('files.quality_help') }}</p>
    </div>
</x-site.file-shell>