@php
    $layoutFields = [
        'layout' => ['carousel', 'grid', 'grid_slider', 'mosaic', 'featured', 'logos', 'list'],
        'columns' => [1, 2, 3, 4],
        'image_ratio' => ['square', 'portrait', 'landscape', 'wide'],
        'card_style' => ['solid', 'glass', 'outline', 'minimal'],
    ];
    $optionLabels = ['layout' => 'layouts', 'image_ratio' => 'ratios', 'card_style' => 'card_styles'];
@endphp
<div class="col-12">
    <h4 class="my-3">@lang('qr_builder.category_section_settings')</h4>
    <p class="text-muted">@lang('qr_builder.category_section_help')</p>
</div>
@foreach (['enabled', 'show_titles', 'show_categories', 'show_descriptions', 'show_promotions'] as $field)
    <x-dashboard.form.select name="section_settings[{{ $field }}]" :title="__('qr_builder.' . ($field === 'enabled' ? 'section_active' : $field))" :boolean="true" :value="$sectionSettings[$field]" :help="__('qr_builder.choice_help.' . $field . '.' . (int) $sectionSettings[$field])" :data-option-help="json_encode(__('qr_builder.choice_help.' . $field), JSON_UNESCAPED_UNICODE)" />
@endforeach
<div class="col-12"><hr><h4 class="my-3">@lang('qr_builder.section_layout_group')</h4></div>
@foreach ($layoutFields as $field => $options)
    <x-dashboard.form.select name="section_settings[{{ $field }}]" :title="__('qr_builder.' . $field)" :data-array="$options" :name-fn="fn ($value) => isset($optionLabels[$field]) ? __('qr_builder.' . $optionLabels[$field] . '.' . $value) : $value" :value="$sectionSettings[$field]" :ajax="false" :with-search="false" :help="__('qr_builder.choice_help.' . $field . '.' . $sectionSettings[$field])" :data-option-help="json_encode(__('qr_builder.choice_help.' . $field), JSON_UNESCAPED_UNICODE)" />
@endforeach
<x-dashboard.form.input name="section_settings[max_rows]" :title="__('qr_builder.max_rows')" type="number" min="1" max="6" :value="$sectionSettings['max_rows']" :help="__('qr_builder.max_rows_help')" />
<x-dashboard.form.input name="section_settings[visible_limit]" :title="__('qr_builder.visible_limit')" type="number" min="1" max="100" :required="false" :value="$sectionSettings['visible_limit']" :help="__('qr_builder.visible_limit_help')" />
<x-dashboard.form.select name="section_settings[show_eye]" :title="__('qr_builder.show_eye')" :boolean="true" :value="$sectionSettings['show_eye']" />
@foreach (['image_display' => ['auto', 'inset', 'full'], 'image_fit' => ['contain', 'cover'], 'image_shadow' => ['none', 'soft', 'strong']] as $field => $options)
    <x-dashboard.form.select name="section_settings[{{ $field }}]" :title="__('qr_builder.' . $field)" :data-array="$options" :name-fn="fn ($value) => __('qr_builder.image_options.' . $value)" :value="$sectionSettings[$field]" :ajax="false" :with-search="false" :help="__('qr_builder.' . $field . '_help')" />
@endforeach
<x-dashboard.form.input name="section_settings[image_radius]" :title="__('qr_builder.image_radius')" type="number" min="0" max="100" :value="$sectionSettings['image_radius']" :help="__('qr_builder.image_radius_help')" />
<div class="col-12"><hr><h4 class="my-3">@lang('qr_builder.section_colors_group')</h4></div>
<x-dashboard.form.select name="section_settings[background_mode]" :title="__('qr_builder.background_mode')" :data-array="['color', 'transparent']" :name-fn="fn ($value) => __('qr_builder.card_ads_modes.' . $value)" :value="$sectionSettings['background_mode']" :ajax="false" :with-search="false" />
<x-dashboard.form.input name="section_settings[background_color]" :title="__('qr_builder.section_background')" type="color" :value="$sectionSettings['background_color']" :help="__('qr_builder.section_background_help')" />
<x-dashboard.form.input name="section_settings[text_color]" :title="__('qr_builder.section_text_color')" type="color" :value="$sectionSettings['text_color']" :help="__('qr_builder.section_text_help')" />
<x-dashboard.form.select name="section_settings[inherit_text_color]" :title="__('qr_builder.inherit_text_color')" :boolean="true" :value="$sectionSettings['inherit_text_color']" :help="__('qr_builder.choice_help.inherit_text_color.' . (int) $sectionSettings['inherit_text_color'])" :data-option-help="json_encode(__('qr_builder.choice_help.inherit_text_color'), JSON_UNESCAPED_UNICODE)" />
<x-dashboard.form.file name="section_background" :title="__('qr_builder.section_background_image')" :required="false" :value="$sectionSettings['background_image']" :tooltip="__('qr_builder.section_background_image_help')" />
<div class="col-12"><hr><h4 class="my-3">@lang('qr_builder.view_all_settings')</h4></div>
@foreach (['show_view_all', 'view_all_background', 'view_all_border_style'] as $field)
    <x-dashboard.form.select name="section_settings[{{ $field }}]" :title="__('qr_builder.' . $field)" :boolean="$field === 'show_view_all'" :data-array="$field === 'view_all_background' ? ['transparent', 'color'] : ['none', 'solid', 'dashed', 'dotted']" :name-fn="fn ($value) => $field === 'show_view_all' ? __('global.' . $value) : __('qr_builder.choice_labels.' . $field . '.' . $value)" :value="$sectionSettings[$field]" :ajax="false" :with-search="false" :help="__('qr_builder.choice_help.' . $field . '.' . ($field === 'show_view_all' ? (int) $sectionSettings[$field] : $sectionSettings[$field]))" :data-option-help="json_encode(__('qr_builder.choice_help.' . $field), JSON_UNESCAPED_UNICODE)" />
@endforeach
<x-dashboard.form.input name="section_settings[view_all_border_width]" :title="__('qr_builder.view_all_border_width')" type="number" min="0" max="8" :value="$sectionSettings['view_all_border_width']" :help="__('qr_builder.view_all_border_width_help')" />
<x-dashboard.form.input name="section_settings[view_all_radius]" :title="__('qr_builder.view_all_radius')" type="number" min="0" max="50" :value="$sectionSettings['view_all_radius']" :help="__('qr_builder.view_all_radius_help')" />
<div class="col-12"><h5 class="my-3">@lang('qr_builder.view_all_colors')</h5></div>
@foreach (['view_all_background_color', 'view_all_text_color', 'view_all_border_color'] as $field)
    <x-dashboard.form.input name="section_settings[{{ $field }}]" :title="__('qr_builder.' . $field)" type="color" :value="$sectionSettings[$field]" container-classes="col-lg-4 col-12" :help="__('qr_builder.' . $field . '_help')" />
@endforeach