@extends('admin.layout.index')
@section('title', 'Bölge Düzenle')
@section('content')
    <section class="content-body">
        <form action="" class="form-container" enctype="multipart/form-data" method="POST">
            @csrf
            <div class="form-item">
                <label for="name">Bölge Adı</label>
                <input type="text" id="name" name="name" value="{{ $data->name }}">
            </div>
            <div class="form-item">
                <label for="type">Bölge Türü</label>
                <select name="type" id="type" data-select>
                    <option value="country" {{ ($data->type == 'country') ? 'selected' : '' }}>Ülke</option>
                    <option value="city" {{ ($data->type == 'city') ? 'selected' : '' }}>Şehir</option>
                </select>
            </div>
            <div class="form-item">
                <label for="top"> Üst Bölge </label>
                <select name="top" id="top" data-select>
                    <option value="0" {{ $data->top == '0' ? 'selected' : '' }}> YOK </option>
                    @foreach($regions as $region)
                        @if($region->top == '0')
                            @if($region->id != $slug)
                                <option value="{{ $region->id }}" {{ $data->top == $region->id ? 'selected' : '' }}>{{ $region->name }}</option>
                            @endif
                        @endif
                    @endforeach
                </select>
            </div>
            <div class="form-item">
                <label for="code">Bölge Kodu</label>
                <input type="text" id="code" name="code" value="{{ $region->code }}">
            </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