@extends('layouts.1_column')
@section('centralContent')
    <form method="POST">
        {{ csrf_field() }}
        @foreach ($groupedConfigs as $group)
            <div class="row mb-4">
                <div class="col-12">
                    <div class="card d-flex h-100">
                        <div class="card-header">
                            <div class="card-header-title">
                                <h4 class="mb-0">{{ $group->label }}</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                @foreach ($group->configs as $config)
                                    <div class="col-12 col-xl-6 mb-3">
                                        <div class="mb-3">
                                            <label for="{{ $config->slug }}"
                                                class="form-label ms-3">{{ $config->label }}</label>
                                            <input type="text"
                                                value="{{ old($config->slug, isset($config) ? $config->value : null) }}"
                                                name="{{ $config->slug }}" class="form-control form-control-medium"
                                                id="{{ $config->slug }}">
                                            @if ($errors->has($config->slug))
                                                <span class="form-error">{{ $errors->first($config->slug) }}</span>
                                            @endif
                                            @if ($config->help_text != '')
                                                <small class="form-text d-block text-muted text-end">
                                                    {{ $config->help_text }}
                                                </small>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
        <div class="row mb-4">
            <div class="col-12">
                <div class="card d-flex h-100">
                    <div class="card-header">
                        <div class="card-header-title">
                            <h4 class="mb-0">Lista nazioni per import websites (non modificabile)</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <table class="table table-bordered table-hover">
                                    <tr>
                                        <th style="padding-left: 30px;">
                                            Nazione
                                        </th>
                                    </tr>
                                    @foreach ($nations as $nation)
                                        <tr>
                                            <td>{{ $nation->nation }}</td>
                                        </tr>
                                    @endforeach
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-end mt-2">
            <button type="submit" name="save" value="save" class="btn btn-primary">{{ __('custom.save') }}</button>
        </div>
    </form>
@endsection