@extends('admin.layouts.app')

@section('breadcrumbs')
    <a href="{{ route('admin.dashboard') }}" class="hover:underline">Dashboard</a>
    <span class="mx-2">/</span>
    <a href="{{ route('admin.static-pages') }}" class="hover:underline">Sabit Sayfalar</a>
    <span class="mx-2">/</span>
    <span class="text-slate-700">Düzenle</span>
@endsection
@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex justify-between items-center">
        <div>
            <h1 class="text-2xl font-bold text-gray-900">Sabit Sayfa Düzenle</h1>
            <p class="text-gray-600">Sabit sayfa bilgilerini güncelleyin</p>
        </div>
        <a href="{{ route('admin.static-pages') }}" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-medium py-2 px-4 rounded-lg">
            Geri Dön
        </a>
    </div>

    <!-- Form -->
    <div class="bg-white shadow-sm rounded-lg">
        <form action="{{ route('admin.static-pages.update', $staticPage->haberID) }}" method="POST" class="space-y-6">
            @csrf
            @method('PUT')
            <div class="px-4 py-5 sm:p-6 space-y-6">
                <!-- Title Field -->
                <div>
                    <label for="hBaslik" class="block text-sm font-medium text-gray-700">
                        Sayfa Başlığı
                    </label>
                    <input type="text" name="hBaslik" id="hBaslik" value="{{ old('hBaslik', $staticPage->hBaslik) }}" required
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:border-gray-500 focus:ring-gray-500">
                    @error('hBaslik')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Summary Field -->
                <div>
                    <label for="hKisa" class="block text-sm font-medium text-gray-700">
                        Sayfa Özeti
                    </label>
                    <textarea name="hKisa" id="hKisa" rows="3"
                              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:border-gray-500 focus:ring-gray-500">{{ old('hKisa', $staticPage->hKisa) }}</textarea>
                    @error('hKisa')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Content Field -->
                <div>
                    <label for="haber" class="block text-sm font-medium text-gray-700">
                        Sayfa İçeriği
                    </label>
                    <textarea name="haber" id="haber" rows="10" required
                              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:border-gray-500 focus:ring-gray-500">{{ old('haber', $staticPage->haber) }}</textarea>
                    @error('haber')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Image Field -->
                <div>
                    <label for="resim" class="block textsm font-medium text-gray-700">
                        Resim URL
                    </label>
                    <input type="text" name="resim" id="resim" value="{{ old('resim', $staticPage->resim) }}"
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:border-gray-500 focus:ring-gray-500"
                           placeholder="https://example.com/image.jpg">
                    @error('resim')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Status Field -->
                <div class="flex items-center">
                    <input type="checkbox" name="durum" id="durum" value="1" {{ old('durum', $staticPage->durum) ? 'checked' : '' }}
                           class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
                    <label for="durum" class="ml-2 block text-sm text-gray-900">
                        Aktif Sayfa
                    </label>
                </div>
            </div>

            <!-- Form Actions -->
            <div class="flex justify-end space-x-3 pt-6">
                <a href="{{ route('admin.static-pages') }}"
                   class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-medium py-2 px-4 rounded-lg">
                    İptal
                </a>
                <button type="submit"
                        class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg">
                    Güncelle
                </button>
            </div>
        </form>
    </div>
</div>
@endsection