@extends('layouts.layout')

@section('title', __('ui.nav.chad'))

@section('content')

    <div class="page-header">
        <h1 class="page-title">
            <i class="fas fa-flag me-2" style="color:var(--warning);"></i>
            {{ __('ui.nav.chad') }}
        </h1>
        <div class="d-flex gap-2 flex-wrap">
            <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#dollarModal">
                <i class="fas fa-dollar-sign"></i>
                {{ __('ui.settings.set_dollar') }}
                <span class="badge" style="background:rgba(255,255,255,0.25);margin-left:4px;">
                {{ number_format($dollarRate) }} CFA
            </span>
            </button>
            <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#newTransferModal">
                <i class="fas fa-plus"></i>
                {{ __('ui.transfer.new') }}
            </button>
        </div>
    </div>

    {{-- Filter Bar --}}
    <div class="card mb-3">
        <div class="card-body py-2">
            <form method="GET" action="{{ route('chad.index') }}" id="filterForm">
                <div class="row g-2 align-items-end">
                    <div class="col-12 col-md-3">
                        <input type="text" name="search" class="form-control form-control-sm"
                               placeholder="{{ __('ui.filter.search') }}"
                               value="{{ $filters['search'] ?? '' }}">
                    </div>
                    <div class="col-6 col-md-2">
                        <select name="status" class="form-select form-select-sm">
                            <option value="active"     {{ ($filters['status'] ?? 'active') === 'active'     ? 'selected' : '' }}>{{ __('ui.filter.active') }}</option>
                            <option value="all"        {{ ($filters['status'] ?? '') === 'all'              ? 'selected' : '' }}>{{ __('ui.filter.all') }}</option>
                            <option value="pending"    {{ ($filters['status'] ?? '') === 'pending'          ? 'selected' : '' }}>{{ __('ui.filter.pending') }}</option>
                            <option value="processing" {{ ($filters['status'] ?? '') === 'processing'       ? 'selected' : '' }}>{{ __('ui.filter.processing') }}</option>
                            <option value="completed"  {{ ($filters['status'] ?? '') === 'completed'        ? 'selected' : '' }}>{{ __('ui.filter.completed') }}</option>
                            <option value="cancelled"  {{ ($filters['status'] ?? '') === 'cancelled'        ? 'selected' : '' }}>{{ __('ui.transfer.cancelled') }}</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-4">
                        <div class="d-flex gap-1">
                            <button type="button" onclick="setPeriod('today')"
                                    class="btn btn-sm flex-grow-1 {{ ($filters['period'] ?? '') === 'today'  ? 'btn-primary' : 'btn-secondary' }}">
                                {{ __('ui.filter.today') }}
                            </button>
                            <button type="button" onclick="setPeriod('week')"
                                    class="btn btn-sm flex-grow-1 {{ ($filters['period'] ?? '') === 'week'   ? 'btn-primary' : 'btn-secondary' }}">
                                {{ __('ui.filter.this_week') }}
                            </button>
                            <button type="button" onclick="setPeriod('month')"
                                    class="btn btn-sm flex-grow-1 {{ ($filters['period'] ?? '') === 'month'  ? 'btn-primary' : 'btn-secondary' }}">
                                {{ __('ui.filter.this_month') }}
                            </button>
                            <button type="button" onclick="setPeriod('custom')"
                                    class="btn btn-sm flex-grow-1 {{ ($filters['period'] ?? '') === 'custom' || (!empty($filters['date_from']) || !empty($filters['date_to'])) ? 'btn-primary' : 'btn-secondary' }}">
                                {{ __('ui.filter.custom') }}
                            </button>
                        </div>
                        <input type="hidden" name="period" id="periodInput" value="{{ $filters['period'] ?? '' }}">
                    </div>
                    <div class="col-6 col-md-3 d-flex gap-2">
                        <button type="submit" class="btn btn-primary btn-sm flex-grow-1">
                            <i class="fas fa-search"></i> {{ __('ui.filter.apply') }}
                        </button>
                        <a href="{{ route('chad.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="row g-2 mt-1" id="customDateRow"
                     style="{{ ($filters['period'] ?? '') === 'custom' || !empty($filters['date_from']) || !empty($filters['date_to']) ? '' : 'display:none;' }}">
                    <div class="col-6 col-md-3">
                        <input type="date" name="date_from" class="form-control form-control-sm"
                               value="{{ $filters['date_from'] ?? '' }}">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="date" name="date_to" class="form-control form-control-sm"
                               value="{{ $filters['date_to'] ?? '' }}">
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Transfers Table --}}
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="card-title mb-0">
                <i class="fas fa-list me-2 text-primary"></i>
                {{ __('ui.transfer.list') }}
                <span class="badge bg-primary ms-2">{{ $transfers->total() }}</span>
            </h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>{{ __('ui.transfer.client_name') }}</th>
                        <th>{{ __('ui.transfer.client_phone') }}</th>
                        <th>{{ __('ui.transfer.amount_cfa') }}</th>
                        <th>{{ __('ui.transfer.amount_usd') }}</th>
                        <th>{{ __('ui.transfer.sender_name') }}</th>
                        <th>{{ __('ui.transfer.sender_phone') }}</th>
                        <th>{{ __('ui.transfer.status') }}</th>
                        <th>{{ __('ui.transfer.date') }}</th>
                        <th>{{ app()->getLocale() === 'fr' ? 'Créé par' : 'Created By' }}</th>
                        <th style="min-width:220px;">{{ __('ui.transfer.actions') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($transfers as $transfer)
                        <tr>
                            <td><strong>#{{ $transfer->id }}</strong></td>
                            <td><strong>{{ $transfer->client_name ?: '—' }}</strong></td>
                            <td>{{ $transfer->client_phone }}</td>
                            <td>
                                <strong style="color:var(--warning);font-size:1rem;">
                                    {{ number_format($transfer->amount_cfa) }}
                                </strong>
                                <small>CFA</small>
                                @if($transfer->lira_rate_at_time)
                                    <br><small class="text-muted">{{ number_format($transfer->amount_local) }} TRY</small>
                                @endif
                            </td>
                            <td>
                                <strong style="color:var(--success);">${{ number_format($transfer->amount_usd, 2) }}</strong>
                                <br><small class="text-muted">@ {{ number_format($transfer->dollar_rate_at_time) }} CFA</small>
                            </td>
                            <td>{{ $transfer->sender_name ?: '—' }}</td>
                            <td>{{ $transfer->sender_phone ?: '—' }}</td>
                            <td>
                            <span class="badge bg-{{ $transfer->getStatusBadgeClass() }}">
                                <i class="fas {{ $transfer->getStatusIcon() }} me-1"></i>
                                {{ __('ui.transfer.' . $transfer->status) }}
                            </span>
                            </td>
                            <td>
                                <small>
                                    {{ $transfer->created_at->format('d/m/Y') }}<br>
                                    {{ $transfer->created_at->format('H:i') }}
                                </small>
                            </td>
                            <td>
                                <small>
                                    @if($transfer->creator)
                                        <i class="fas fa-user me-1 text-muted"></i>
                                        {{ $transfer->creator->name }}
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </small>
                            </td>
                            <td>
                                <div class="d-flex gap-1 flex-wrap">

                                    {{-- WhatsApp --}}
                                    @if($transfer->isPending() || $transfer->isProcessing())
                                        <form method="POST" action="{{ route('chad.whatsapp', $transfer) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-success btn-sm"
                                                    title="{{ __('ui.transfer.whatsapp') }}"
                                                    onclick="return confirm('{{ __('ui.transfer.processing_msg') }}')">
                                                <i class="fab fa-whatsapp"></i>
                                            </button>
                                        </form>
                                    @endif

                                    {{-- Confirm --}}
                                    @if($transfer->isProcessing())
                                        <form method="POST" action="{{ route('chad.confirm', $transfer) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-primary btn-sm"
                                                    title="{{ __('ui.transfer.confirm') }}"
                                                    onclick="return confirm('{{ __('ui.transfer.confirm_msg') }}')">
                                                <i class="fas fa-check"></i>
                                            </button>
                                        </form>
                                    @endif

                                    {{-- Edit — turkey-type transfers have TRY amounts --}}
                                    @if(!$transfer->isCompleted() && !$transfer->isCancelled())
                                        <button type="button"
                                                class="btn btn-secondary btn-sm"
                                                title="{{ __('ui.common.edit') }}"
                                                onclick="openEditModal(
                                            {{ $transfer->id }},
                                            '{{ addslashes($transfer->client_name) }}',
                                            '{{ $transfer->client_phone }}',
                                            {{ $transfer->amount_local }},
                                            '{{ addslashes($transfer->sender_name) }}',
                                            '{{ $transfer->sender_phone }}'
                                        )">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    @endif

                                    {{-- Print --}}
                                    <a href="{{ route('chad.print', $transfer) }}"
                                       target="_blank"
                                       class="btn btn-warning btn-sm"
                                       title="{{ __('ui.transfer.print') }}">
                                        <i class="fas fa-print"></i>
                                    </a>

                                    {{-- Cancel --}}
                                    @if($transfer->isPending() || $transfer->isProcessing())
                                        <form method="POST" action="{{ route('chad.cancel', $transfer) }}"
                                              onsubmit="return confirm('{{ app()->getLocale() === 'fr' ? 'Annuler ce transfert ?' : 'Cancel this transfer?' }}')">
                                            @csrf
                                            <button type="submit" class="btn btn-danger btn-sm"
                                                    title="{{ app()->getLocale() === 'fr' ? 'Annuler' : 'Cancel' }}">
                                                <i class="fas fa-ban"></i>
                                            </button>
                                        </form>
                                    @endif

                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="11" class="text-center text-muted py-5">
                                <i class="fas fa-inbox fa-2x mb-2 d-block opacity-25"></i>
                                {{ __('ui.transfer.no_records') }}
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($transfers->hasPages())
            <div class="card-body border-top py-2">
                {{ $transfers->withQueryString()->links() }}
            </div>
        @endif
    </div>

    {{-- ══════════════════════════════════════════════════════════
         MODAL: New Transfer (Chad → Turkey, CFA input)
    ══════════════════════════════════════════════════════════ --}}
    <div class="modal fade" id="newTransferModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form method="POST" action="{{ route('chad.store') }}" id="chadTransferForm">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">
                            <i class="fas fa-plus-circle me-2 text-primary"></i>
                            {{ __('ui.transfer.new') }} — Chad
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row g-3">

                            <div class="col-12">
                                <label class="form-label">
                                    {{ __('ui.transfer.client_phone') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text" name="client_phone" id="chad_client_phone"
                                       class="form-control" required
                                       placeholder="e.g. 66123456"
                                       autocomplete="off">
                                <div class="form-text">
                                    <i class="fas fa-info-circle me-1"></i>
                                    8 {{ app()->getLocale() === 'fr' ? 'chiffres → Tchad (+235) | Plus → Turquie (+90)' : 'digits → Chad (+235) | More → Turkey (+90)' }}
                                </div>
                            </div>

                            <div class="col-12">
                                <label class="form-label">
                                    {{ __('ui.transfer.client_name') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="client_name" id="chad_client_name"
                                       class="form-control"
                                       placeholder="{{ __('ui.transfer.client_name') }}">
                            </div>

                            <div class="col-6">
                                <label class="form-label">
                                    {{ __('ui.transfer.amount_cfa') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <input type="number" name="amount_local" id="chad_amount_cfa"
                                           class="form-control" required min="1" step="1"
                                           placeholder="0">
                                    <span class="input-group-text">CFA</span>
                                </div>
                            </div>

                            <div class="col-6">
                                <label class="form-label">{{ __('ui.transfer.amount_usd') }}</label>
                                <div class="input-group">
                                    <input type="text" id="chad_amount_usd"
                                           class="form-control" readonly placeholder="0.00"
                                           style="background:var(--bg-tertiary);font-weight:700;color:var(--success);">
                                    <span class="input-group-text">USD</span>
                                </div>
                                <div class="form-text">
                                    {{ __('ui.settings.current_dollar') }}: <strong>{{ number_format($dollarRate) }} CFA</strong>
                                </div>
                            </div>

                            <hr class="my-1">

                            <div class="col-6">
                                <label class="form-label">
                                    {{ __('ui.transfer.sender_name') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="sender_name" id="chad_sender_name"
                                       class="form-control"
                                       placeholder="{{ __('ui.transfer.sender_name') }}">
                            </div>

                            <div class="col-6">
                                <label class="form-label">
                                    {{ __('ui.transfer.sender_phone') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="sender_phone" id="chad_sender_phone"
                                       class="form-control"
                                       placeholder="{{ __('ui.transfer.sender_phone') }}">
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                            <i class="fas fa-times me-1"></i>{{ __('ui.common.cancel') }}
                        </button>
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="fas fa-save me-1"></i>{{ __('ui.common.save') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- ══════════════════════════════════════════════════════════
         MODAL: Edit Transfer (turkey-type shown in Chad — TRY/USD toggle)
    ══════════════════════════════════════════════════════════ --}}
    <div class="modal fade" id="editTransferModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form method="POST" id="editTransferForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title">
                            <i class="fas fa-edit me-2 text-warning"></i>
                            {{ __('ui.common.edit') }} — {{ app()->getLocale() === 'fr' ? 'Transfert Turquie' : 'Turkey Transfer' }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row g-3">

                            <div class="col-12">
                                <label class="form-label">
                                    {{ __('ui.transfer.client_phone') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text" name="client_phone" id="edit_client_phone"
                                       class="form-control" required>
                            </div>

                            <div class="col-12">
                                <label class="form-label">
                                    {{ __('ui.transfer.client_name') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="client_name" id="edit_client_name"
                                       class="form-control">
                            </div>

                            {{-- TRY/USD Toggle --}}
                            <div class="col-12">
                                <label class="form-label">
                                    {{ app()->getLocale() === 'fr' ? 'Devise de saisie' : 'Input Currency' }}
                                </label>
                                <div class="d-flex gap-2">
                                    <button type="button" id="edit_btn_try" onclick="setEditCurrency('try')"
                                            class="btn btn-info btn-sm flex-grow-1">
                                        <i class="fas fa-lira-sign me-1"></i> TRY
                                    </button>
                                    <button type="button" id="edit_btn_usd" onclick="setEditCurrency('usd')"
                                            class="btn btn-secondary btn-sm flex-grow-1">
                                        <i class="fas fa-dollar-sign me-1"></i> USD
                                    </button>
                                </div>
                                <input type="hidden" name="input_currency" id="edit_input_currency" value="try">
                            </div>

                            <div class="col-6">
                                <label class="form-label" id="edit_amount_label">
                                    {{ __('ui.transfer.amount_try') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <input type="number" name="amount_local" id="edit_amount_local"
                                           class="form-control" required min="1" step="0.01">
                                    <span class="input-group-text" id="edit_amount_suffix">TRY</span>
                                </div>
                            </div>

                            <div class="col-6">
                                <label class="form-label" id="edit_converted_label">
                                    {{ __('ui.transfer.amount_usd') }}
                                </label>
                                <div class="input-group">
                                    <input type="text" id="edit_converted_output"
                                           class="form-control" readonly
                                           style="background:var(--bg-tertiary);font-weight:700;color:var(--info);">
                                    <span class="input-group-text" id="edit_converted_suffix">USD</span>
                                </div>
                            </div>

                            <div class="col-12">
                                <label class="form-label">{{ __('ui.transfer.amount_cfa') }}</label>
                                <div class="input-group">
                                    <input type="text" id="edit_amount_cfa"
                                           class="form-control" readonly
                                           style="background:var(--bg-tertiary);font-weight:700;color:var(--warning);">
                                    <span class="input-group-text">CFA</span>
                                </div>
                                <div class="form-text">
                                    {{ __('ui.settings.current_dollar') }}: <strong>{{ number_format($dollarRate) }} CFA/USD</strong>
                                </div>
                            </div>

                            <hr class="my-1">

                            <div class="col-6">
                                <label class="form-label">
                                    {{ __('ui.transfer.sender_name') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="sender_name" id="edit_sender_name"
                                       class="form-control">
                            </div>

                            <div class="col-6">
                                <label class="form-label">
                                    {{ __('ui.transfer.sender_phone') }}
                                    <span class="text-muted">({{ __('ui.common.optional') }})</span>
                                </label>
                                <input type="text" name="sender_phone" id="edit_sender_phone"
                                       class="form-control">
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                            <i class="fas fa-times me-1"></i>{{ __('ui.common.cancel') }}
                        </button>
                        <button type="submit" class="btn btn-warning btn-sm">
                            <i class="fas fa-save me-1"></i>{{ __('ui.common.save') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- ══════════════════════════════════════════════════════════
         MODAL: Set Dollar Rate (Chad)
    ══════════════════════════════════════════════════════════ --}}
    <div class="modal fade" id="dollarModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm">
            <div class="modal-content">
                <form method="POST" action="{{ route('settings.chad_dollar') }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">
                            <i class="fas fa-dollar-sign me-2 text-success"></i>
                            {{ __('ui.settings.set_dollar') }} — Chad
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <label class="form-label">
                            {{ __('ui.settings.dollar_rate') }}
                            <span class="text-danger">*</span>
                        </label>
                        <div class="input-group">
                            <input type="number" name="rate" class="form-control"
                                   value="{{ $dollarRate }}" required min="1" step="0.01">
                            <span class="input-group-text">CFA</span>
                        </div>
                        <div class="form-text">
                            {{ __('ui.settings.current_dollar') }}: <strong>{{ number_format($dollarRate) }} CFA</strong>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                            {{ __('ui.common.cancel') }}
                        </button>
                        <button type="submit" class="btn btn-success btn-sm">
                            <i class="fas fa-save me-1"></i>{{ __('ui.common.save') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <script>
        const CHAD_DOLLAR_RATE = {{ $dollarRate }};
        const CHAD_LIRA_RATE   = {{ \App\Models\Setting::get('lira_rate', '18') }};

        document.addEventListener('DOMContentLoaded', function () {

            // ── New Transfer: CFA → USD live ───────────────────────
            const cfaInput = document.getElementById('chad_amount_cfa');
            const usdInput = document.getElementById('chad_amount_usd');

            cfaInput.addEventListener('input', function () {
                const cfa = parseFloat(this.value) || 0;
                usdInput.value = CHAD_DOLLAR_RATE > 0 ? (cfa / CHAD_DOLLAR_RATE).toFixed(2) : '0.00';
            });

            // ── New Transfer: Client Autofill ─────────────────────
            const phoneInput  = document.getElementById('chad_client_phone');
            const nameInput   = document.getElementById('chad_client_name');
            const senderName  = document.getElementById('chad_sender_name');
            const senderPhone = document.getElementById('chad_sender_phone');
            let autofillTimeout = null;

            phoneInput.addEventListener('input', function () {
                clearTimeout(autofillTimeout);
                const phone = this.value.trim();
                if (phone.length < 6) return;
                autofillTimeout = setTimeout(function () {
                    fetch(`{{ route('client.autofill') }}?phone=${encodeURIComponent(phone)}`, {
                        headers: { 'X-Requested-With': 'XMLHttpRequest' }
                    })
                        .then(r => r.json())
                        .then(data => {
                            if (data.found) {
                                if (data.name)         nameInput.value   = data.name;
                                if (data.sender_name)  senderName.value  = data.sender_name;
                                if (data.sender_phone) senderPhone.value = data.sender_phone;
                            }
                        })
                        .catch(() => {});
                }, 500);
            });

            // ── Reset new modal on close ──────────────────────────
            document.getElementById('newTransferModal').addEventListener('hidden.bs.modal', function () {
                document.getElementById('chadTransferForm').reset();
                usdInput.value = '';
            });

            // ── Edit: live calculation ────────────────────────────
            document.getElementById('edit_amount_local').addEventListener('input', calculateEditAmounts);

            // ── Reset edit modal on close ─────────────────────────
            document.getElementById('editTransferModal').addEventListener('hidden.bs.modal', function () {
                document.getElementById('edit_amount_local').value     = '';
                document.getElementById('edit_converted_output').value = '';
                document.getElementById('edit_amount_cfa').value       = '';
                setEditCurrency('try');
            });

            // ── Custom date row on load ───────────────────────────
            const dateFrom = document.querySelector('[name="date_from"]').value;
            const dateTo   = document.querySelector('[name="date_to"]').value;
            if (dateFrom || dateTo) {
                document.getElementById('customDateRow').style.display = '';
                document.getElementById('periodInput').value = 'custom';
            }

        });

        // ── Edit Modal: open with TRY amount pre-filled ────────────
        function openEditModal(id, clientName, clientPhone, amountLocal, senderName, senderPhone) {
            const form = document.getElementById('editTransferForm');
            form.action = `/chad/${id}`;

            document.getElementById('edit_client_phone').value = clientPhone;
            document.getElementById('edit_client_name').value  = clientName  || '';
            document.getElementById('edit_sender_name').value  = senderName  || '';
            document.getElementById('edit_sender_phone').value = senderPhone || '';

            setEditCurrency('try');

            setTimeout(function () {
                document.getElementById('edit_amount_local').value = amountLocal;
                calculateEditAmounts();
            }, 50);

            new bootstrap.Modal(document.getElementById('editTransferModal')).show();
        }

        // ── Edit: Currency Toggle ──────────────────────────────────
        function setEditCurrency(currency) {
            document.getElementById('edit_input_currency').value   = currency;
            document.getElementById('edit_amount_local').value     = '';
            document.getElementById('edit_converted_output').value = '';
            document.getElementById('edit_amount_cfa').value       = '';

            const btnTry          = document.getElementById('edit_btn_try');
            const btnUsd          = document.getElementById('edit_btn_usd');
            const amountLabel     = document.getElementById('edit_amount_label');
            const amountSuffix    = document.getElementById('edit_amount_suffix');
            const convertedLabel  = document.getElementById('edit_converted_label');
            const convertedSuffix = document.getElementById('edit_converted_suffix');

            if (currency === 'try') {
                amountLabel.innerHTML      = `{{ __('ui.transfer.amount_try') }} <span class="text-danger">*</span>`;
                amountSuffix.textContent   = 'TRY';
                convertedLabel.textContent = '{{ __('ui.transfer.amount_usd') }}';
                convertedSuffix.textContent= 'USD';
                btnTry.className = 'btn btn-info btn-sm flex-grow-1';
                btnUsd.className = 'btn btn-secondary btn-sm flex-grow-1';
            } else {
                amountLabel.innerHTML      = `{{ __('ui.transfer.amount_usd') }} <span class="text-danger">*</span>`;
                amountSuffix.textContent   = 'USD';
                convertedLabel.textContent = '{{ __('ui.transfer.amount_try') }}';
                convertedSuffix.textContent= 'TRY';
                btnTry.className = 'btn btn-secondary btn-sm flex-grow-1';
                btnUsd.className = 'btn btn-info btn-sm flex-grow-1';
            }
        }

        function calculateEditAmounts() {
            const currency     = document.getElementById('edit_input_currency').value;
            const inputVal     = parseFloat(document.getElementById('edit_amount_local').value) || 0;
            const convertedOut = document.getElementById('edit_converted_output');
            const cfaOut       = document.getElementById('edit_amount_cfa');

            let usd = 0;

            if (currency === 'try') {
                usd = CHAD_LIRA_RATE > 0 ? inputVal / CHAD_LIRA_RATE : 0;
                convertedOut.value = usd > 0 ? usd.toFixed(2) : '';
            } else {
                usd = inputVal;
                const tryAmt = usd * CHAD_LIRA_RATE;
                convertedOut.value = tryAmt > 0 ? Math.round(tryAmt).toLocaleString() : '';
            }

            const cfa = usd * CHAD_DOLLAR_RATE;
            cfaOut.value = cfa > 0 ? Math.round(cfa).toLocaleString() : '';
        }

        // ── Period Filter ──────────────────────────────────────────
        function setPeriod(period) {
            const periodInput   = document.getElementById('periodInput');
            const customDateRow = document.getElementById('customDateRow');
            periodInput.value   = period;

            if (period === 'custom') {
                customDateRow.style.display = '';
            } else {
                customDateRow.style.display = 'none';
                document.querySelector('[name="date_from"]').value = '';
                document.querySelector('[name="date_to"]').value   = '';
                document.getElementById('filterForm').submit();
            }
        }
    </script>
@endpush