@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">إضافة سعر صرف جديد</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('exchange_rates.store') }}">
                        @csrf
                        
                        <div class="mb-3 row">
                            <label for="from_currency_id" class="col-md-3 col-form-label text-md-end">من العملة</label>
                            <div class="col-md-9">
                                <select id="from_currency_id" class="form-select @error('from_currency_id') is-invalid @enderror" name="from_currency_id" required>
                                    <option value="">اختر العملة المصدر</option>
                                    @foreach($currencies as $currency)
                                        <option value="{{ $currency->id }}" {{ old('from_currency_id') == $currency->id ? 'selected' : '' }}>
                                            {{ $currency->code }} - {{ $currency->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('from_currency_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <label for="to_currency_id" class="col-md-3 col-form-label text-md-end">إلى العملة</label>
                            <div class="col-md-9">
                                <select id="to_currency_id" class="form-select @error('to_currency_id') is-invalid @enderror" name="to_currency_id" required>
                                    <option value="">اختر العملة الهدف</option>
                                    @foreach($currencies as $currency)
                                        <option value="{{ $currency->id }}" {{ old('to_currency_id') == $currency->id ? 'selected' : '' }}>
                                            {{ $currency->code }} - {{ $currency->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('to_currency_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </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') }}" 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') }}" 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') }}" 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', date('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') == 'active' ? 'selected' : '' }}>نشط</option>
                                    <option value="inactive" {{ old('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