{{--
    Partial: карточка «Логотипы» — шапка и подвал
    Переменные из родителя: $settings
--}}
<div class="card card-secondary card-outline">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-image mr-2"></i>Логотипы</h3>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                <i class="fas fa-minus"></i>
            </button>
        </div>
    </div>
    <div class="card-body">
        <div class="row">

            <div class="col-md-6">
                <div class="form-group mb-0">
                    <label>Логотип в шапке</label>
                    @if(!empty($settings['logo_header']))
                        <div class="mb-2 p-2" style="background:#1c1c1c;border-radius:6px;display:inline-block">
                            <img src="{{ asset($settings['logo_header']) }}" alt="Логотип шапки" style="height:36px;display:block">
                        </div>
                    @endif
                    <div class="custom-file">
                        <input type="file" class="custom-file-input @error('logo_header') is-invalid @enderror"
                               id="logo_header" name="logo_header" accept="image/*">
                        <label class="custom-file-label" for="logo_header">Выбрать файл (PNG/SVG)</label>
                    </div>
                    <small class="text-muted">Рекомендуется: прозрачный фон, высота ~36px</small>
                    @error('logo_header')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group mb-0">
                    <label>Логотип в подвале</label>
                    @if(!empty($settings['logo_footer']))
                        <div class="mb-2 p-2" style="background:#1c1c1c;border-radius:6px;display:inline-block">
                            <img src="{{ asset($settings['logo_footer']) }}" alt="Логотип подвала" style="height:40px;display:block">
                        </div>
                    @endif
                    <div class="custom-file">
                        <input type="file" class="custom-file-input @error('logo_footer') is-invalid @enderror"
                               id="logo_footer" name="logo_footer" accept="image/*">
                        <label class="custom-file-label" for="logo_footer">Выбрать файл (PNG/SVG)</label>
                    </div>
                    <small class="text-muted">Рекомендуется: светлый/прозрачный фон, высота ~40px</small>
                    @error('logo_footer')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                </div>
            </div>

        </div>
    </div>
</div>