@extends("admin.layout.index")
@section("title", "Anasayfa Düzeni")
@section("content")
    <section class="content-body">
        <form action="" class="form-container"  enctype="multipart/form-data" method="POST">
            <h3 class="text-black text-xl font-semibold">Temel Bilgiler</h3>
            <div class="form-item">
                <label for="categories">Ürünleri Öne Çıkan Kategoriler</label>
                <select id="categories" data-select multiple name="popular_categories_with_products[]">
                    @foreach($categories as $category)
                        <option value="{{ $category["data"]->id }}"{{ in_array($category["data"]->id, $db_data->popular_categories_with_products) ? " selected" : "" }}> {{ $category["name"] }}</option>
                    @endforeach
                </select>
                @isset($errors['popular_categories_with_products'][0])
                    <small>{{ $errors['popular_categories_with_products'][0] }}</small>
                @else
                    <div class="text-sm text-gray-500 mt-2 font-light">
                        Anasayfa ürünlerinin listelenmesini istediğiniz kategorileri seçiniz.
                    </div>
                @endisset
            </div>

            <div class="form-item">
                <label for="categories0">Öne Çıkan Kategoriler</label>
                <select id="categories0" data-select multiple name="popular_categories[]">
                    @foreach($categories as $category)
                        <option value="{{ $category["data"]->id }}"{{ in_array($category["data"]->id, $db_data->popular_categories) ? " selected" : "" }}> {{ $category["name"] }}</option>
                    @endforeach
                </select>
                @isset($errors['popular_categories'][0])
                    <small>{{ $errors['popular_categories'][0] }}</small>
                @else
                    <div class="text-sm text-gray-500 mt-2 font-light">
                        Anasayfa ürünlerinin listelenmesini istediğiniz kategorileri seçiniz.
                    </div>
                @endisset
            </div>

            <div class="form-item">
                <label for="products">Öne Çıkan Ürünler</label>
                <select id="products" data-select multiple name="products[]">
                    @foreach($products as $product)
                        <option value="{{ $product->id }}"{{ in_array($product->id, $db_data->products) ? " selected" : "" }}> {{ $product->name }}</option>
                    @endforeach
                </select>
                @isset($errors['products'][0])
                    <small>{{ $errors['products'][0] }}</small>
                @else
                    <div class="text-sm text-gray-500 mt-2 font-light">
                        Anasayfada öne çıkarmak istediğiniz ürünleri seçiniz.
                    </div>
                @endisset
            </div>

            <div class="flex items-center justify-end gap-2">
                <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
            </div>
        </form>
    </section>
@endsection