@extends('dashboard.layouts.main')
@section('content')

@php
    $items = [
        [
            'category' => 'school_activity',
        ],
        [
            'category' => 'achievement',
        ],
        [
            'category' => 'school',
        ],
        [
            'category' => 'teacher',
        ],
        [
            'category' => 'student',
        ],
    ];
@endphp

<div>
    <h2 class="font-bold text-xl mb-8 mt-6">Misi Section</h2>

    <form action="/gallery/store" method="POST">
        @csrf
        <p>Image URL</p>
        <div class="flex items-center gap-8">
            <input name="image_url" class="w-full border border-[#DADCE0] rounded-lg p-2 mt-2" />
        </div>

        <p>Category</p>
        <div class="flex items-center gap-8">
            <select name="category" id="category" class="w-full border border-[#DADCE0] rounded-lg p-2 mt-2">
                @foreach ($items as $item)
                    <option value="{{ $item['category'] }}">{{$item['category']}}</option>
                @endforeach
            </select>
        </div>

        <div class="flex justify-end mt-4">
            <button type="submit" class="bg-[#26335D] rounded-2xl w-36 h-10 text-white">
                Submit
            </button>
        </div>
    </form>
</div>

@endsection