@extends('admin.layout')
@section('title', 'Yeni Astroloji Eğitim Kuralı Ekle')
@section('page-title', 'Teach Me Astrology - Kural Ekle')

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-3 align-items-center">
        <div class="col-md-8">
            <h4 class="mb-1"><i class="bi bi-mortarboard-fill text-primary me-2"></i>Yeni Astroloji Eğitim Kuralı Oluştur</h4>
            <p class="text-muted small mb-0">Astro Bilge AI motorunun manuel olarak eğitilmesi ve zorunlu öncelikli yorum kurallarının tanımlanması.</p>
        </div>
        <div class="col-md-4 text-md-end mt-2 mt-md-0">
            <a href="{{ route('admin.teach.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i> Kurallara Geri Dön
            </a>
        </div>
    </div>

    @if (isset($errors) && $errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h6 class="alert-heading fw-bold mb-1"><i class="bi bi-exclamation-triangle-fill me-1"></i> Formda Hatalar Var:</h6>
            <ul class="mb-0 ps-3">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Kapat"></button>
        </div>
    @endif

    <div class="card shadow-sm border-0 mb-4">
        <div class="card-body p-4">
            <form action="{{ route('admin.teach.store') }}" method="POST" enctype="multipart/form-data" id="teachRuleForm">
                @csrf
                @include('admin.teach.partials.form')
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('admin/js/teach-form.js') }}"></script>
@endpush