@extends('layouts.banking')

@section('title', 'تعديل سعر الصرف')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">تعديل سعر الصرف: {{ $exchangeRate->fromCurrency->code }} إلى {{ $exchangeRate->toCurrency->code }}</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('exchange_rates.update', $exchangeRate) }}">
                        @csrf
                        @method('PUT')
                        
                        <div class="mb-3 row">
                            <label class="col-md-3 col-form-label text-md-end">من العملة</label>
                            <div class="col-md-9">
                                <input type="text" class="form-control" value="{{ $exchangeRate->fromCurrency->code }} - {{ $exchangeRate->fromCurrency->name }}" readonly>
                                <small class="form-text text-muted">لا يمكن تغيير العملات بعد الإنشاء، يرجى إنشاء سعر صرف جديد إذا لزم الأمر</small>
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label class="col-md-3 col-form-label text-md-end">إلى العملة</label>
                            <div class="col-md-9">
                                <input type="text" class="form-control" value="{{ $exchangeRate->toCurrency->code }} - {{ $exchangeRate->toCurrency->name }}" readonly>
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="rate" class="col-md-3 col-form-label text-md-end">سعر الصرف</label>
                            <div class="col-md-9">
                                <input id="rate" type="number" step="0.0001" min="0.0001" class="form-control @error('rate') is-invalid @enderror" name="rate" value="{{ old('rate', $exchangeRate->rate) }}" required>
                                <small class="form-text text-muted">سعر الصرف الأساسي (المتوسط)</small>
                                @error('rate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="buy_rate" class="col-md-3 col-form-label text-md-end">سعر الشراء</label>
                            <div class="col-md-9">
                                <input id="buy_rate" type="number" step="0.0001" min="0.0001" class="form-control @error('buy_rate') is-invalid @enderror" name="buy_rate" value="{{ old('buy_rate', $exchangeRate->buy_rate) }}" required>
                                <small class="form-text text-muted">سعر شراء العملة الهدف</small>
                                @error('buy_rate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="sell_rate" class="col-md-3 col-form-label text-md-end">سعر البيع</label>
                            <div class="col-md-9">
                                <input id="sell_rate" type="number" step="0.0001" min="0.0001" class="form-control @error('sell_rate') is-invalid @enderror" name="sell_rate" value="{{ old('sell_rate', $exchangeRate->sell_rate) }}" required>
                                <small class="form-text text-muted">سعر بيع العملة الهدف</small>
                                @error('sell_rate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="effective_date" class="col-md-3 col-form-label text-md-end">تاريخ السريان</label>
                            <div class="col-md-9">
                                <input id="effective_date" type="date" class="form-control @error('effective_date') is-invalid @enderror" name="effective_date" value="{{ old('effective_date', $exchangeRate->effective_date->format('Y-m-d')) }}" required>
                                @error('effective_date')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="status" class="col-md-3 col-form-label text-md-end">الحالة</label>
                            <div class="col-md-9">
                                <select id="status" class="form-select @error('status') is-invalid @enderror" name="status" required>
                                    <option value="active" {{ old('status', $exchangeRate->status) == 'active' ? 'selected' : '' }}>نشط</option>
                                    <option value="inactive" {{ old('status', $exchangeRate->status) == 'inactive' ? 'selected' : '' }}>غير نشط</option>
                                </select>
                                @error('status')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <div class="col-md-9 offset-md-3">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-1"></i> حفظ التغييرات
                                </button>
                                <a href="{{ route('exchange_rates.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-times me-1"></i> إلغاء
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // تحديث سعر الشراء والبيع تلقائيًا عند تغيير سعر الصرف الأساسي
        const rateInput = document.getElementById('rate');
        const buyRateInput = document.getElementById('buy_rate');
        const sellRateInput = document.getElementById('sell_rate');
        
        rateInput.addEventListener('change', function() {
            const rate = parseFloat(this.value);
            if (!isNaN(rate)) {
                // سعر الشراء أقل من سعر الصرف الأساسي بنسبة 1%
                buyRateInput.value = (rate * 0.99).toFixed(4);
                // سعر البيع أعلى من سعر الصرف الأساسي بنسبة 1%
                sellRateInput.value = (rate * 1.01).toFixed(4);
            }
        });
    });
</script>
@endsection