@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">
                {{-- Sidebar إن وجد --}}
                @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.store') }}" method="POST" id="address-form">
                                @csrf

                                <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') == 'home' ? 'selected' : '' }}>منزل</option>
                                                <option value="work" {{ old('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') }}" 
                                                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') }}" 
                                                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') == $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="مثال: 12345"
                                                value="{{ old('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="مثال: 01012345678"
                                                value="{{ old('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="مثال: 01112345678"
                                                value="{{ old('phone_2') }}"
                                            >
                                            @error('phone_2')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            {{-- لاحظ إضافة value="1" --}}
                                            <input 
                                                type="checkbox" 
                                                name="is_default" 
                                                value="1" 
                                                id="is_default"
                                                {{ old('is_default') ? 'checked' : '' }}
                                            >
                                            <label for="is_default">تعيين كعنوان افتراضي</label>
                                            @error('is_default')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="save-btn">
                                    <button type="submit" id="save-address-btn">حفظ</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div> {{-- col-lg-9 --}}
            </div>{{-- row --}}
        </div>{{-- container --}}
    </div>{{-- user-info-page --}}
</div>{{-- content --}}
@endsection