@extends('admin.layout')
@section('title', 'Site Ayarları')
@section('page-title', 'Site Ayarları')

@section('content')
<div class="content-card">
    <p class="text-muted mb-4">Sitenin logosunu, favicon'unu ve diğer görsellerini buradan güncelleyebilirsiniz. Yeni dosya yüklemediğinizde mevcut görseller korunur.</p>

    <form action="{{ route('admin.site-settings.update') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="row">
            @foreach ($settings as $key => $setting)
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <h6 class="card-title text-primary">{{ $setting['label'] }}</h6>
                        @if ($setting['value'])
                        <p class="mb-2">
                            <small class="text-muted">Mevcut görsel:</small><br>
                            <img src="{{ asset($setting['value']) }}" alt="{{ $key }}" class="img-thumbnail mt-1" style="max-height: 80px; max-width: 200px;">
                        </p>
                        @else
                        <p class="mb-2 text-muted small">Henüz özel görsel yüklenmemiş (varsayılan kullanılıyor).</p>
                        @endif
                        <input type="file" class="form-control form-control-sm" name="{{ $key }}" accept="{{ $setting['accept'] }}">
                        <small class="text-muted">Yeni dosya seçerseniz mevcut görsel değiştirilir.</small>
                    </div>
                </div>
            </div>
            @endforeach
        </div>

        <div class="mt-3">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check2-circle"></i> Kaydet
            </button>
            <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-secondary">İptal</a>
        </div>
    </form>
</div>
@endsection