@extends('layouts.app')

@section('title', 'تعديل الطلب')

@if (!Auth::check())
    <script>
        window.location.href = "{{ route('home') }}";
    </script>
@endif

@section('content')
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-header bg-gradient-primary text-white p-3" style="background: linear-gradient(45deg, #4b6cb7, #182848);">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="mb-0">تعديل الطلب #{{ $order->id }}</h3>
                        <a href="{{ route('orders.index') }}" class="btn btn-light btn-sm">
                            عودة للطلبات
                        </a>
                    </div>
                </div>

                <div class="card-body p-4">
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif

                    <form action="{{ route('orders.update', $order->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="customer_name" class="form-label fw-bold">
                                        اسم العميل
                                    </label>
                                    <input type="text" 
                                           class="form-control @error('customer_name') is-invalid @enderror" 
                                           id="customer_name" 
                                           name="customer_name" 
                                           value="{{ old('customer_name', $order->customer_name) }}" 
                                           required>
                                    @error('customer_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="phone_number" class="form-label fw-bold">
                                        رقم الهاتف
                                    </label>
                                    <input type="text" 
                                           class="form-control @error('phone_number') is-invalid @enderror" 
                                           id="phone_number" 
                                           name="phone_number" 
                                           value="{{ old('phone_number', $order->phone_number) }}" 
                                           required>
                                    @error('phone_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="province" class="form-label fw-bold">
                                        المحافظة
                                    </label>
                                    <input type="text" 
                                           class="form-control @error('province') is-invalid @enderror" 
                                           id="province" 
                                           name="province" 
                                           value="{{ old('province', $order->province) }}" 
                                           required>
                                    @error('province')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="area" class="form-label fw-bold">
                                        المنطقة
                                    </label>
                                    <input type="text" 
                                           class="form-control @error('area') is-invalid @enderror" 
                                           id="area" 
                                           name="area" 
                                           value="{{ old('area', $order->area) }}" 
                                           required>
                                    @error('area')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="form-group">
                                    <label for="landmark" class="form-label fw-bold">
                                        اقرب نقطة دالة
                                    </label>
                                    <textarea class="form-control @error('landmark') is-invalid @enderror" 
                                              id="landmark" 
                                              name="landmark" 
                                              rows="2" 
                                              required>{{ old('landmark', $order->landmark) }}</textarea>
                                    @error('landmark')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-12 mt-4">
                                <button type="submit" class="btn btn-primary btn-lg w-100">
                                    حفظ التغييرات
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.bg-gradient-primary {
    background: linear-gradient(45deg, #4b6cb7, #182848);
}
.card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}
.form-control {
    border-radius: 8px;
    padding: 0.6rem 1rem;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}
.form-control:focus {
    border-color: #4b6cb7;
    box-shadow: 0 0 0 0.2rem rgba(75, 108, 183, 0.25);
}
.btn-primary {
    background: linear-gradient(45deg, #4b6cb7, #182848);
    border: none;
    transition: all 0.3s;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(75, 108, 183, 0.3);
}
.form-label {
    margin-bottom: 0.5rem;
    color: #495057;
}
</style>

@endsection