@extends('layouts.app')

@section('content')
<div class="max-w-6xl px-5 mb-24">
    @if ($is_admin)
        <div class="flex flex-wrap items-center justify-between gap-3 p-4 mb-5 bg-white border rounded-lg border-stone-200">
            <div>
                <h2 class="font-semibold text-stone-900">Yeni POS fiş tasarımı</h2>
                <p class="text-sm text-stone-600">Fiş alanlarını ve alt notu düzenleyin. Eski POS fişleri değişmez.</p>
            </div>
            <a href="{{ route('settings.receipt-design') }}"
                class="px-4 py-2 text-sm font-medium text-white rounded-md bg-stone-800 hover:bg-stone-900 focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-offset-2">
                Fiş tasarımını düzenle
            </a>
        </div>
    @endif
    <!-- Livewire Component -->
    <livewire:settings />
</div>
@endsection