@extends('layouts.banking')

@section('title', 'استلام حوالة جديدة')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">استلام حوالة جديدة</h5>
                </div>
                <div class="card-body">
                    @if (session('error'))
                        <div class="alert alert-danger" role="alert">
                            {{ session('error') }}
                        </div>
                    @endif
                    
                    <form method="POST" action="{{ route('transactions.remittance.store_receive') }}">
                        @csrf
                        
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="branch_id" class="form-label">الفرع</label>
                                    <select id="branch_id" class="form-select @error('branch_id') is-invalid @enderror" name="branch_id" required>
                                        <option value="">اختر الفرع</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" {{ old('branch_id') == $branch->id ? 'selected' : '' }}>
                                                {{ $branch->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('branch_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="customer_id" class="form-label">العميل المستلم</label>
                                    <select id="customer_id" class="form-select @error('customer_id') is-invalid @enderror" name="customer_id" required>
                                        <option value="">اختر العميل</option>
                                        @foreach($customers as $customer)
                                            <option value="{{ $customer->id }}" {{ old('customer_id') == $customer->id ? 'selected' : '' }}>
                                                {{ $customer->name }} - {{ $customer->phone }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('customer_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="card border-primary">
                                    <div class="card-header bg-primary text-white">
                                        <h6 class="mb-0">معلومات الإرسال</h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <label for="agent_id" class="form-label">الوكيل المرسل</label>
                                            <select id="agent_id" class="form-select @error('agent_id') is-invalid @enderror" name="agent_id" required>
                                                <option value="">اختر الوكيل</option>
                                                @foreach($agents as $agent)
                                                    <option value="{{ $agent->id }}" {{ old('agent_id') == $agent->id ? 'selected' : '' }}>
                                                        {{ $agent->name }} - {{ $agent->country }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('agent_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="source_currency_id" class="form-label">العملة المرسلة</label>
                                            <select id="source_currency_id" class="form-select @error('source_currency_id') is-invalid @enderror" name="source_currency_id" required>
                                                <option value="">اختر العملة</option>
                                                @foreach($currencies as $currency)
                                                    <option value="{{ $currency->id }}" data-symbol="{{ $currency->symbol }}" {{ old('source_currency_id') == $currency->id ? 'selected' : '' }}>
                                                        {{ $currency->code }} - {{ $currency->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('source_currency_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="source_amount" class="form-label">المبلغ المرسل</label>
                                            <div class="input-group">
                                                <input id="source_amount" type="number" step="0.0001" min="0.01" class="form-control @error('source_amount') is-invalid @enderror" name="source_amount" value="{{ old('source_amount') }}" required>
                                                <span class="input-group-text source-currency-symbol">؟</span>
                                            </div>
                                            @error('source_amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="remittance_code" class="form-label">رمز الحوالة</label>
                                            <input id="remittance_code" type="text" class="form-control @error('remittance_code') is-invalid @enderror" name="remittance_code" value="{{ old('remittance_code') }}" required>
                                            @error('remittance_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="card border-success">
                                    <div class="card-header bg-success text-white">
                                        <h6 class="mb-0">معلومات الاستلام</h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <label for="target_currency_id" class="form-label">العملة المستلمة</label>
                                            <select id="target_currency_id" class="form-select @error('target_currency_id') is-invalid @enderror" name="target_currency_id" required>
                                                <option value="">اختر العملة</option>
                                                @foreach($currencies as $currency)
                                                    <option value="{{ $currency->id }}" data-symbol="{{ $currency->symbol }}" {{ old('target_currency_id') == $currency->id ? 'selected' : '' }}>
                                                        {{ $currency->code }} - {{ $currency->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('target_currency_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="exchange_rate" class="form-label">سعر الصرف</label>
                                            <div class="input-group">
                                                <span class="input-group-text">1</span>
                                                <span class="input-group-text source-currency-symbol">؟</span>
                                                <span class="input-group-text">=</span>
                                                <input id="exchange_rate" type="number" step="0.000001" min="0.000001" class="form-control @error('exchange_rate') is-invalid @enderror" name="exchange_rate" value="{{ old('exchange_rate') }}" required>
                                                <span class="input-group-text target-currency-symbol">؟</span>
                                            </div>
                                            @error('exchange_rate')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="target_amount" class="form-label">المبلغ المستلم (تقديري)</label>
                                            <div class="input-group">
                                                <input id="target_amount" type="number" step="0.0001" class="form-control" readonly>
                                                <span class="input-group-text target-currency-symbol">؟</span>
                                            </div>
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="fee_amount" class="form-label">رسوم الاستلام</label>
                                            <div class="input-group">
                                                <input id="fee_amount" type="number" step="0.0001" min="0" class="form-control @error('fee_amount') is-invalid @enderror" name="fee_amount" value="{{ old('fee_amount', 0) }}">
                                                <span class="input-group-text target-currency-symbol">؟</span>
                                            </div>
                                            @error('fee_amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="total_target_amount" class="form-label">المبلغ الصافي المستلم</label>
                                            <div class="input-group">
                                                <input id="total_target_amount" type="number" step="0.0001" class="form-control" readonly>
                                                <span class="input-group-text target-currency-symbol">؟</span>
                                            </div>
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="target_cashbox_id" class="form-label">الصندوق المستلم</label>
                                            <select id="target_cashbox_id" class="form-select @error('target_cashbox_id') is-invalid @enderror" name="target_cashbox_id" required>
                                                <option value="">اختر الصندوق</option>
                                                @foreach($cashboxes as $cashbox)
                                                    <option value="{{ $cashbox->id }}" data-currency-id="{{ $cashbox->currency_id }}" {{ old('target_cashbox_id') == $cashbox->id ? 'selected' : '' }}>
                                                        {{ $cashbox->name }} ({{ $cashbox->currency->code }}) - الرصيد: {{ number_format($cashbox->current_balance, $cashbox->currency->decimal_places) }} {{ $cashbox->currency->symbol }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('target_cashbox_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h6 class="mb-0">معلومات المرسل</h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="sender_name" class="form-label">اسم المرسل</label>
                                                    <input id="sender_name" type="text" class="form-control @error('sender_name') is-invalid @enderror" name="sender_name" value="{{ old('sender_name') }}" required>
                                                    @error('sender_name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="sender_phone" class="form-label">رقم هاتف المرسل</label>
                                                    <input id="sender_phone" type="text" class="form-control @error('sender_phone') is-invalid @enderror" name="sender_phone" value="{{ old('sender_phone') }}">
                                                    @error('sender_phone')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label for="sender_address" class="form-label">عنوان المرسل</label>
                                                    <input id="sender_address" type="text" class="form-control @error('sender_address') is-invalid @enderror" name="sender_address" value="{{ old('sender_address') }}">
                                                    @error('sender_address')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label for="purpose" class="form-label">الغرض من الحوالة</label>
                                                    <select id="purpose" class="form-select @error('purpose') is-invalid @enderror" name="purpose" required>
                                                        <option value="">اختر الغرض</option>
                                                        <option value="family_support" {{ old('purpose') == 'family_support' ? 'selected' : '' }}>دعم عائلي</option>
                                                        <option value="education" {{ old('purpose') == 'education' ? 'selected' : '' }}>تعليم</option>
                                                        <option value="medical" {{ old('purpose') == 'medical' ? 'selected' : '' }}>علاج طبي</option>
                                                        <option value="business" {{ old('purpose') == 'business' ? 'selected' : '' }}>أعمال تجارية</option>
                                                        <option value="travel" {{ old('purpose') == 'travel' ? 'selected' : '' }}>سفر</option>
                                                        <option value="other" {{ old('purpose') == 'other' ? 'selected' : '' }}>أخرى</option>
                                                    </select>
                                                    @error('purpose')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="notes" class="form-label">ملاحظات</label>
                            <textarea id="notes" class="form-control @error('notes') is-invalid @enderror" name="notes" rows="3">{{ old('notes') }}</textarea>
                            @error('notes')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        
                        <div class="mb-3">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-hand-holding-usd me-1"></i> استلام الحوالة
                            </button>
                            <a href="{{ route('transactions.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times me-1"></i> إلغاء
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const sourceCurrencySelect = document.getElementById('source_currency_id');
        const targetCurrencySelect = document.getElementById('target_currency_id');
        const sourceCurrencySymbols = document.querySelectorAll('.source-currency-symbol');
        const targetCurrencySymbols = document.querySelectorAll('.target-currency-symbol');
        const sourceAmountInput = document.getElementById('source_amount');
        const targetAmountInput = document.getElementById('target_amount');
        const totalTargetAmountInput = document.getElementById('total_target_amount');
        const exchangeRateInput = document.getElementById('exchange_rate');
        const feeAmountInput = document.getElementById('fee_amount');
        const targetCashboxSelect = document.getElementById('target_cashbox_id');
        
        // تحديث رموز العملات
        function updateCurrencySymbols() {
            const sourceOption = sourceCurrencySelect.options[sourceCurrencySelect.selectedIndex];
            const targetOption = targetCurrencySelect.options[targetCurrencySelect.selectedIndex];
            
            if (sourceOption && sourceOption.value) {
                const sourceSymbol = sourceOption.dataset.symbol;
                sourceCurrencySymbols.forEach(el => el.textContent = sourceSymbol);
            }
            
            if (targetOption && targetOption.value) {
                const targetSymbol = targetOption.dataset.symbol;
                targetCurrencySymbols.forEach(el => el.textContent = targetSymbol);
            }
        }
        
        // حساب المبلغ الهدف
        function calculateTargetAmount() {
            const sourceAmount = parseFloat(sourceAmountInput.value) || 0;
            const exchangeRate = parseFloat(exchangeRateInput.value) || 0;
            const targetAmount = sourceAmount * exchangeRate;
            
            targetAmountInput.value = targetAmount.toFixed(4);
            calculateTotalTargetAmount();
        }
        
        // حساب المبلغ الصافي المستلم
        function calculateTotalTargetAmount() {
            const targetAmount = parseFloat(targetAmountInput.value) || 0;
            const feeAmount = parseFloat(feeAmountInput.value) || 0;
            const totalTargetAmount = targetAmount - feeAmount;
            
            totalTargetAmountInput.value = totalTargetAmount.toFixed(4);
        }
        
        // تحديث الصناديق المتاحة بناءً على العملة المحددة
        function updateCashboxes() {
            const targetCurrencyId = targetCurrencySelect.value;
            
            // تحديث الصناديق الهدف
            Array.from(targetCashboxSelect.options).forEach(option => {
                if (option.value) {
                    if (option.dataset.currencyId == targetCurrencyId) {
                        option.style.display = '';
                    } else {
                        option.style.display = 'none';
                        if (option.selected) {
                            targetCashboxSelect.value = '';
                        }
                    }
                }
            });
        }
        
        // ربط الأحداث
        sourceCurrencySelect.addEventListener('change', function() {
            updateCurrencySymbols();
            calculateTargetAmount();
        });
        
        targetCurrencySelect.addEventListener('change', function() {
            updateCurrencySymbols();
            updateCashboxes();
            calculateTargetAmount();
        });
        
        sourceAmountInput.addEventListener('input', calculateTargetAmount);
        exchangeRateInput.addEventListener('input', calculateTargetAmount);
        feeAmountInput.addEventListener('input', calculateTotalTargetAmount);
        
        // تهيئة الحالة الأولية
        updateCurrencySymbols();
        updateCashboxes();
        calculateTargetAmount();
        calculateTotalTargetAmount();
    });
</script>
@endsection