@extends('admin.layout')

@section('title', 'Tambah Dawuh')
@section('page-title', 'Tambah Dawuh')

@section('content')
<div class="bg-white p-6 rounded shadow">
    <h2 class="text-xl font-bold mb-4">Tambah Dawuh</h2>

    @if ($errors->any())
    <div class="bg-red-100 text-red-700 p-3 rounded mb-4">
        <ul class="list-disc list-inside">
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <form action="{{ route('dawuh.store') }}" method="POST">
        @csrf
        <div class="mb-4">
            <label class="block mb-1 font-medium">Judul</label>
            <input type="text" name="judul" value="{{ old('judul') }}" class="w-full border border-gray-300 p-2 rounded @error('judul') border-red-500 @enderror" required>
            @error('judul')
            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Sumber</label>
            <input type="text" name="sumber" value="{{ old('sumber') }}" class="w-full border border-gray-300 p-2 rounded @error('sumber') border-red-500 @enderror" required>
            @error('sumber')
            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Isi</label>
            <textarea name="isi" id="editor" class="w-full border border-gray-300 p-2 rounded @error('isi') border-red-500 @enderror" rows="5">{{ old('isi') }}</textarea>
            @error('isi')
            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Tanggal</label>
            <input type="date" name="tanggal" value="{{ old('tanggal') }}" class="w-full border border-gray-300 p-2 rounded @error('tanggal') border-red-500 @enderror" required>
            @error('tanggal')
            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Kategori</label>
            <select name="kategori_id" class="w-full border border-gray-300 p-2 rounded @error('kategori_id') border-red-500 @enderror" required>
                <option value="">-- Pilih Kategori --</option>
                @foreach($kategori as $k)
                <option value="{{ $k->id }}" {{ old('kategori_id') == $k->id ? 'selected' : '' }}>{{ $k->nama }}</option>
                @endforeach
            </select>
            @error('kategori_id')
            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Simpan</button>
        <a href="{{ route('dawuh.index') }}" class="ml-2 text-gray-600">Batal</a>
    </form>
</div>

<!-- CKEditor 5 Classic -->
<script src="https://cdn.ckeditor.com/ckeditor5/41.0.0/classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create(document.querySelector('#editor'))
        .catch(error => {
            console.error(error);
        });
</script>
@endsection