@extends('web.layouts.app')

@section('title', 'تعديل العنوان')
@section('page_heading', 'تعديل العنوان')

@section('content')
    <div class="content">
        <div class="user-info-page">
            <div class="container">
                <div class="row">

                        @include('web.layouts.inc.user_sidebar')

                    <div class="col-lg-9">
                        <div class="user-info-content">
                            <div class="section-header">
                                <div class="section-header-info">
                                    <h3>تعديل العنوان</h3>
                                    <p>قم بتعديل تفاصيل عنوانك الحالي</p>
                                </div>
                            </div>

                            <div class="user-info-content-inputs">
                                {{-- نموذج تعديل عنوان --}}
                                <form action="{{ route('addresses.update', $address->id) }}" method="POST"
                                    id="address-edit-form">
                                    @csrf
                                    @method('PUT')

                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="type">نوع العنوان</label>
                                                <select name="type" id="type" class="form-control" required>
                                                    <option value="">اختر نوع العنوان</option>
                                                    <option value="home"
                                                        {{ old('type', $address->type) == 'home' ? 'selected' : '' }}>
                                                        منزل</option>
                                                    <option value="work"
                                                        {{ old('type', $address->type) == 'work' ? 'selected' : '' }}>
                                                        عمل</option>
                                                </select>
                                                @error('type')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="address">العنوان</label>
                                                <input class="form-control" id="address" type="text" name="address"
                                                    placeholder="العنوان"
                                                    value="{{ old('address', $address->address) }}" required>
                                                @error('address')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="city">المدينة</label>
                                                <input class="form-control" id="city" type="text" name="city"
                                                    placeholder="المدينة" value="{{ old('city', $address->city) }}"
                                                    required>
                                                @error('city')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="governorate_id">المحافظة</label>
                                                <select name="governorate_id" id="governorate_id" class="form-control" required>
                                                    <option value="">اختر المحافظة</option>
                                                    @foreach($governorates as $governorate)
                                                        <option value="{{ $governorate->id }}" {{ old('governorate_id', $address->governorate_id) == $governorate->id ? 'selected' : '' }}>
                                                            {{ $governorate->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('governorate_id')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label for="postal_code">الرمز البريدي</label>
                                                <input class="form-control" id="postal_code" type="text"
                                                    name="postal_code" placeholder="الرمز البريدي"
                                                    value="{{ old('postal_code', $address->postal_code) }}" required>
                                                @error('postal_code')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label for="phone_1">رقم الهاتف الأول</label>
                                                <input class="form-control" id="phone_1" type="text" name="phone_1"
                                                    placeholder="رقم الهاتف الأول"
                                                    value="{{ old('phone_1', $address->phone_1) }}" required>
                                                @error('phone_1')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label for="phone_2">رقم الهاتف الثاني (اختياري)</label>
                                                <input class="form-control" id="phone_2" type="text" name="phone_2"
                                                    placeholder="رقم الهاتف الثاني"
                                                    value="{{ old('phone_2', $address->phone_2) }}">
                                                @error('phone_2')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <input type="checkbox" name="is_default" value="1" id="is_default"
                                                    {{ old('is_default', $address->is_default) ? 'checked' : '' }}>
                                                <label for="is_default">تعيين كعنوان افتراضي</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="save-btn">
                                        <button type="submit" id="update-address-btn">تحديث</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection