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

<div class="col-12">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center w-100" style="direction: rtl;">
            <h3 class="card-title mb-0">إضافة مدينة</h3>
            <a href="{{ route('dashboard.city.index') }}" class="btn btn-secondary">رجوع</a>
        </div>

        <div class="card-body">
            <form action="{{ route('dashboard.city.store') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label">اسم المدينة (عربي)</label>
                    <input type="text" name="name_ar" class="form-control" value="{{ old('name_ar') }}" required>
                    @error('name_ar') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">اسم المدينة (إنجليزي)</label>
                    <input type="text" name="name_en" class="form-control" value="{{ old('name_en') }}" required>
                    @error('name_en') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">اسم المدينة (أوردو)</label>
                    <input type="text" name="name_ur" class="form-control" value="{{ old('name_ur') }}" required>
                    @error('name_ur') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">الدولة</label>
                    <select name="country_id" class="form-control" required>
    <option value="">-- اختر الدولة --</option>
    @foreach($countries as $country)
        <option value="{{ $country->id }}"
            {{ old('country_id', session('selected_country_id')) == $country->id ? 'selected' : '' }}>
            {{ $country->getTranslation('name','ar') }}
        </option>
    @endforeach
</select>

                    </select>
                    @error('country_id') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <button type="submit" class="btn btn-success">حفظ</button>
            </form>
        </div>
    </div>
</div>

@endsection