@extends('layouts.admin')

@section('title', tr('beneficiary_transaction_details'))

@section('content')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-18 fw-semibold">
        {{ tr('beneficiary_transactions') }}
    </h2>

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li><i class="ri-home-4-line fs-16 me-2 text-primary"></i></li>
            <li class="breadcrumb-item">
                <a href="{{ route('admin.dashboard') }}">{{ tr('home') }}</a>
            </li>
            <li class="breadcrumb-item active">
                {{ tr('beneficiary_transactions') }}
            </li>
        </ol>
    </nav>
</div>
@endsection


<div class="row">
    <div class="col-xl-12">

        {{-- SUMMARY --}}
        <div class="summary-card mb-4">
            <div class="row g-4 align-items-center">
                <div class="col-md-2">
                    <div class="summary-label">{{ tr('order_id') }}</div>
                    <div class="summary-value fs-5">
                        {{ $beneficiary_transaction->order_id }}
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="summary-label">{{ tr('amount') }}</div>
                    <div class="summary-value">
                        {{ formatted_amount($beneficiary_transaction->amount, $beneficiary_transaction->quote?->source?->currency) }}
                    </div>
                </div>

                <div class="col-md-1">
                    <div class="summary-label">{{ tr('fees') }}</div>
                    <div class="summary-value">
                        {{ formatted_amount($beneficiary_transaction->commission_amount) }}
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="summary-label">{{ tr('recipient_amount') }}</div>
                    <div class="summary-value">
                        {{ formatted_amount($beneficiary_transaction->recipient_amount , $beneficiary_transaction->receiving_currency) }}
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="summary-label">{{ tr('status') }}</div>
                    <div class="mt-2">
                        <span class="badge px-3 py-2 {{ beneficiary_transaction_status_badge($beneficiary_transaction->status) }}">
                            {{ beneficiary_transaction_status_formatted($beneficiary_transaction->status) }}
                        </span>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="summary-label">{{ tr('sub_status') }}</div>
                    <div class="summary-value">
                        {{ $beneficiary_transaction->sub_status ? beneficiary_transaction_sub_status($beneficiary_transaction->sub_status) : tr('na') }}
                    </div>
                </div>

                <div class="col-md-1">
                    <div class="summary-label">{{ tr('created_at') }}</div>
                    <div class="summary-value">
                        {{ $beneficiary_transaction->created_at->format('d M, Y') }}
                    </div>
                </div>

            </div>
        </div>

        {{-- TRANSACTION DETAILS --}}
        <div class="card section-card mb-4">
            <div class="card-header">
                <h5 class="section-title">
                    <i class="ri-file-list-3-line me-2 text-primary"></i>
                    {{ tr('transaction_details') }}
                </h5>
            </div>

            <div class="card-body">

                @php
                $fields = [
                    ['unique_id', 'ri-hashtag', $beneficiary_transaction->unique_id],
                    ['order_id', 'ri-hashtag', $beneficiary_transaction->order_id],
                    ['user', 'ri-user-3-line', $beneficiary_transaction->user->name],
                    ['amount', 'ri-bank-card-line', formatted_amount($beneficiary_transaction->amount, $beneficiary_transaction->quote?->source?->currency)],
                    ['fees', 'ri-percent-line', formatted_amount($beneficiary_transaction->commission_amount)],
                    ['total_amount', 'ri-calculator-line', formatted_amount($beneficiary_transaction->total_amount)],
                    ['recipient_amount', 'ri-money-dollar-circle-line', formatted_amount($beneficiary_transaction->recipient_amount , $beneficiary_transaction->receiving_currency)],
                    ['receiving_currency', 'ri-money-rupee-circle-line', $beneficiary_transaction->receiving_currency],
                    ['utr_number', 'ri-barcode-line', $beneficiary_transaction->external_reference_id],
                    ['client_reference_id', 'ri-barcode-line', $beneficiary_transaction->client_reference_id],
                    ['txn_ref_no' , 'ri-barcode-line', $beneficiary_transaction->txn_ref_no],
                    ['transfer_type', 'ri-exchange-funds-line', transfer_type_label($beneficiary_transaction->transfer_type)],
                ];
                @endphp

                <div class="row g-3">

                    @foreach ($fields as $f)
                    @if($f[2] == null) @continue @endif

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box">
                                    <i class="{{ $f[1] }}"></i>
                                </div>

                                <div class="flex-grow-1">
                                    <div class="detail-label">
                                        {{ tr($f[0]) }}
                                    </div>

                                    @if($f[0] === 'utr_number')
                                    <span class="badge bg-warning text-dark mini-badge">
                                        {{ $f[2] }}
                                    </span>
                                    @else
                                    <div class="detail-value">
                                        {{ $f[2] ?: tr('na') }}
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    @endforeach

                    @if ($beneficiary_transaction->notes != null)
                    <div class="col-md-6">
                        <div class="detail-card p-3 border border-danger-subtle">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-danger bg-opacity-10 text-danger">
                                    <i class="ri-close-circle-line"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('rejection_reason') }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $beneficiary_transaction->notes ?? tr('na') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="col-md-6">
                        <div class="detail-card p-3 border-dashed">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-info bg-opacity-10 text-info">
                                    <i class="ri-attachment-2"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('supporting_document') }}
                                    </div>

                                    <div class="detail-value">
                                        {!! filePreview($beneficiary_transaction->supporting_document) !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-secondary bg-opacity-10 text-secondary">
                                    <i class="ri-time-line"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('created_at') }}
                                    </div>

                                    <div class="detail-value">
                                        {{ common_date($beneficiary_transaction->created_at, auth()->user()->timezone, 'd M Y h:i A') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if(!empty($beneficiary_transaction->external_type) && $beneficiary_transaction->is_service_called)
                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-success bg-opacity-10 text-success">
                                    <i class="ri-link"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('processed_via') }}
                                    </div>

                                    <div class="detail-value">
                                        {{ map_service_name($beneficiary_transaction->external_type) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($beneficiary_transaction->rail)
                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-primary bg-opacity-10 text-primary">
                                    <i class="ri-exchange-funds-line"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('type') }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $beneficiary_transaction->rail ?? tr('na') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($processingTime)
                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box bg-success bg-opacity-10 text-success">
                                    <i class="ri-timer-line"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr('processing_time') }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $processingTime }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                </div>
            </div>
        </div>

        {{-- SENDER DETAILS --}}
        @if ($beneficiary_transaction->sender)
        <div class="card section-card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="section-title mb-0">
                    <i class="ri-user-settings-line me-2 text-primary"></i>
                    {{ tr('sender_details') }}
                </h5>

                <button
                    class="btn btn-sm btn-primary"
                    data-bs-toggle="modal"
                    data-bs-target="#editSenderModal">
                    <i class="ri-edit-line me-1"></i>
                    {{ tr('edit') }}
                </button>
            </div>

            <div class="card-body">

                @php
                $sender = $beneficiary_transaction->sender;

                $fields = [
                    ['type' , 'ri-list-check', $sender->type == USER_TYPE_INDIVIDUAL ? tr('individual') : tr('business')],
                    ['first_name', 'ri-user-line', $sender->title . " " . $sender->first_name],
                    ['middle_name', 'ri-user-line', $sender->middle_name],
                    ['last_name', 'ri-user-line', $sender->last_name],
                    ['email', 'ri-mail-line', $sender->email],
                    ['mobile_country_code', 'ri-phone-line', $sender->mobile_country_code],
                    ['mobile', 'ri-smartphone-line', $sender->mobile],
                    ['dob', 'ri-calendar-line', common_date($sender->dob, auth()->user()->timezone, 'd M Y')],
                    ['country', 'ri-map-pin-line', get_country($sender->country)],
                    ['nationality', 'ri-map-pin-line', get_country($sender->nationality)],
                    ['address_1', 'ri-road-map-line', $sender->address_1],
                    ['address_2', 'ri-road-map-line', $sender->address_2],
                    ['city', 'ri-building-line', $sender->city],
                    ['state', 'ri-building-line', $sender->state],
                    ['postal_code', 'ri-mail-send-line', $sender->postal_code],
                    ['id_type', 'ri-id-card-line', \App\Models\Lookup::findValuebyKey($sender->id_type, LOOKUP_TYPE_ID_TYPE) ?? ''],
                    ['id_number', 'ri-hashtag', $sender->id_number],
                    ['source_of_funds', 'ri-wallet-line', $sender->source_of_funds],
                    ['status', 'ri-shield-check-line', sender_status_formatted($sender->status)],
                ];

                $notEmpty = fn($v) => !($v === null || $v === '' || $v === []);
                @endphp

                <div class="row g-3">

                    @foreach ($fields as $field)
                    @if ($notEmpty($field[2]))

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box">
                                    <i class="{{ $field[1] }}"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr($field[0]) }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $field[2] ?: tr('na') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @endif
                    @endforeach

                </div>
            </div>
        </div>
        @if($beneficiary_transaction->sender)

        <div class="modal fade" id="editSenderModal" tabindex="-1">
            <div class="modal-dialog modal-lg modal-dialog-scrollable">
                <div class="modal-content">

                    <form action="{{ route('admin.senders.update', $beneficiary_transaction->sender->unique_id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="modal-header">
                            <h5 class="modal-title">
                                {{ tr('edit_sender') }}
                            </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-md-6">
                                    <label>{{ tr('first_name') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="first_name"
                                        value="{{ $sender->first_name }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('middle_name') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="middle_name"
                                        value="{{ $sender->middle_name }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('last_name') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="last_name"
                                        value="{{ $sender->last_name }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('email') }}</label>
                                    <input type="email"
                                        class="form-control"
                                        name="email"
                                        value="{{ $sender->email }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ tr('mobile_country_code') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="mobile_country_code"
                                        value="{{ $sender->mobile_country_code }}">
                                </div>

                                <div class="col-md-8">
                                    <label>{{ tr('mobile') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="mobile"
                                        value="{{ $sender->mobile }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('dob') }}</label>
                                    <input type="date"
                                        class="form-control"
                                        name="dob"
                                        value="{{ optional($sender->dob)->format('Y-m-d') }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('country') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="country"
                                        value="{{ $sender->country }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('nationality') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="nationality"
                                        value="{{ $sender->nationality }}">
                                </div>

                                <div class="col-md-12">
                                    <label>{{ tr('address_1') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="address_1"
                                        value="{{ $sender->address_1 }}">
                                </div>

                                <div class="col-md-12">
                                    <label>{{ tr('address_2') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="address_2"
                                        value="{{ $sender->address_2 }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ tr('city') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="city"
                                        value="{{ $sender->city }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ tr('state') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="state"
                                        value="{{ $sender->state }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ tr('postal_code') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="postal_code"
                                        value="{{ $sender->postal_code }}">
                                </div>


                                <div class="col-md-6">
                                    <label>{{ tr('id_type') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="id_type"
                                        value="{{ $sender->id_type }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('id_number') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="id_number"
                                        value="{{ $sender->id_number }}">
                                </div>

                                <div class="col-md-6">
                                    <label>{{ tr('source_of_funds') }}</label>
                                    <input type="text"
                                        class="form-control"
                                        name="source_of_funds"
                                        value="{{ $sender->source_of_funds }}">
                                </div>

                            </div>

                        </div>

                        <div class="modal-footer">
                            <button
                                type="button"
                                class="btn btn-light"
                                data-bs-dismiss="modal">
                                {{ tr('cancel') }}
                            </button>

                            <button
                                type="submit"
                                class="btn btn-primary">
                                {{ tr('update') }}
                            </button>
                        </div>

                    </form>

                </div>
            </div>
        </div>

        @endif
        @endif

        {{-- BENEFICIARY DETAILS --}}
        @php
        $copyText =
        "Account Number - " . ($beneficiary_transaction->beneficiaryAccount->account_number ?? 'NA') . "\n" .
        "Account Name - " . ($beneficiary_transaction->beneficiaryAccount->account_name ?? 'NA') . "\n" .
        "Code - " . ($beneficiary_transaction->beneficiaryAccount->swift_code ?? 'NA');
        @endphp

        <div class="card section-card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">

                <h5 class="section-title mb-0">
                    <i class="ri-bank-card-line me-2 text-primary"></i>
                    {{ tr('beneficiary_details') }}
                </h5>

                <div class="d-flex gap-2">

                    <button
                        class="btn btn-sm btn-primary"
                        data-bs-toggle="modal"
                        data-bs-target="#editBeneficiaryModal">
                        <i class="ri-edit-line me-1"></i>
                        {{ tr('edit') }}
                    </button>

                    <button
                        class="btn btn-light border copy-btn"
                        onclick="copyBeneficiaryDetails(this)">
                        <i class="ri-file-copy-line"></i>
                    </button>

                </div>

            </div>
            <div class="card-body">

                @php
                $fields = [
                    ['type', 'ri-list-check', $beneficiary_transaction->beneficiaryAccount->type == 1 ? tr('individual') : tr('business')],
                    ['name', 'ri-user-3-line', $beneficiary_transaction->beneficiaryAccount->type == 1 ? ($beneficiary_transaction->beneficiaryAccount->first_name . ' ' . $beneficiary_transaction->beneficiaryAccount->last_name) : $beneficiary_transaction->beneficiaryAccount->business_name],
                    ['bank_name', 'ri-bank-line', $beneficiary_transaction->beneficiaryAccount->bank_name],
                    ['account_name', 'ri-bank-line', $beneficiary_transaction->beneficiaryAccount->account_name],
                    ['account_number', 'ri-bank-card-line', $beneficiary_transaction->beneficiaryAccount->account_number],
                    ['swift_code', 'ri-shield-keyhole-line', $beneficiary_transaction->beneficiaryAccount->swift_code],
                    ['purpose_of_transaction', 'ri-shield-keyhole-line', $beneficiary_transaction->beneficiaryAccount->beneficiaryAdditionalDetail->purpose_of_transaction],
                    ['intermediary_bank_swift_code', 'ri-hashtag', $beneficiary_transaction->beneficiaryAccount->intermediary_bank_swift_code],
                ];

                $validationFields = [
                    ['Validated', 'ri-shield-check-line', $account_validation['is_validated'], 'bg-success', 'bg-danger'],
                    ['Account Exists', 'ri-bank-line', $account_validation['is_account_exist'], 'bg-success', 'bg-danger'],
                    ['NRE Account', 'ri-global-line', $account_validation['is_nre_account'], 'bg-info', 'bg-secondary'],
                ];
                @endphp

                <div class="row g-3">

                    @foreach ($fields as $f)
                    @if(!empty($f[2]))

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box">
                                    <i class="{{ $f[1] }}"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr($f[0]) }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $f[2] ?: tr('na') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @endif
                    @endforeach

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="detail-label">
                                {{ tr('status') }}
                            </div>

                            <span class="badge px-3 py-2 {{ $beneficiary_transaction->beneficiaryAccount->status ? 'bg-success' : 'bg-danger' }}">
                                {{ $beneficiary_transaction->beneficiaryAccount->status ? tr('active') : tr('inactive') }}
                            </span>
                        </div>
                    </div>

                    @foreach ($validationFields as $vf)

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="detail-label">
                                {{ $vf[0] }}
                            </div>

                            <span class="badge px-3 py-2 {{ $vf[2] ? $vf[3] : $vf[4] }}">
                                {{ $vf[2] ? tr('yes') : tr('no') }}
                            </span>
                        </div>
                    </div>

                    @endforeach

                </div>
            </div>
            <div class="modal fade" id="editBeneficiaryModal" tabindex="-1">
                <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <div class="modal-content">

                        <form action="{{ route('admin.beneficiary_accounts.update', $beneficiary_transaction->beneficiaryAccount->unique_id) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <div class="modal-header">
                                <h5 class="modal-title">
                                    {{ tr('edit_beneficiary') }}
                                </h5>

                                <button
                                    type="button"
                                    class="btn-close"
                                    data-bs-dismiss="modal">
                                </button>
                            </div>

                            <div class="modal-body">

                                <div class="row g-3">

                                    @if($beneficiary_transaction->beneficiaryAccount->type == USER_TYPE_INDIVIDUAL)

                                        <div class="col-md-6">
                                            <label>{{ tr('first_name') }}</label>
                                            <input type="text"
                                                class="form-control"
                                                name="first_name"
                                                value="{{ $beneficiary_transaction->beneficiaryAccount->first_name }}">
                                        </div>

                                        <div class="col-md-6">
                                            <label>{{ tr('last_name') }}</label>
                                            <input type="text"
                                                class="form-control"
                                                name="last_name"
                                                value="{{ $beneficiary_transaction->beneficiaryAccount->last_name }}">
                                        </div>

                                    @else

                                        <div class="col-md-12">
                                            <label>{{ tr('business_name') }}</label>
                                            <input type="text"
                                                class="form-control"
                                                name="business_name"
                                                value="{{ $beneficiary_transaction->beneficiaryAccount->business_name }}">
                                        </div>

                                    @endif

                                    <div class="col-md-6">
                                        <label>{{ tr('bank_name') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="bank_name"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->bank_name }}">
                                    </div>

                                    <div class="col-md-6">
                                        <label>{{ tr('account_name') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="account_name"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->account_name }}">
                                    </div>

                                    <div class="col-md-6">
                                        <label>{{ tr('account_number') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="account_number"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->account_number }}">
                                    </div>

                                    <div class="col-md-6">
                                        <label>{{ tr('swift_code') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="swift_code"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->swift_code }}">
                                    </div>

                                    <div class="col-md-6">
                                        <label>{{ tr('intermediary_bank_swift_code') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="intermediary_bank_swift_code"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->intermediary_bank_swift_code }}">
                                    </div>


                                    <div class="col-md-6">
                                        <label>{{ tr('purpose_of_transaction') }}</label>
                                        <input type="text"
                                            class="form-control"
                                            name="purpose_of_transaction"
                                            value="{{ $beneficiary_transaction->beneficiaryAccount->beneficiaryAdditionalDetail->purpose_of_transaction }}">
                                    </div>

                                </div>

                            </div>

                            <div class="modal-footer">

                                <button
                                    type="button"
                                    class="btn btn-light"
                                    data-bs-dismiss="modal">
                                    {{ tr('cancel') }}
                                </button>

                                <button
                                    type="submit"
                                    class="btn btn-primary">
                                    {{ tr('update') }}
                                </button>

                            </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>

        {{-- QUOTE DETAILS --}}
        <div class="card section-card mb-4">
            <div class="card-header">
                <h5 class="section-title">
                    <i class="ri-exchange-dollar-line me-2 text-primary"></i>
                    {{ tr('quote_details') }}
                </h5>
            </div>

            <div class="card-body">

                @php
                $fields = [
                    ['unique_id', 'ri-bank-line', $beneficiary_transaction->quote->unique_id],
                    ['fx_rate', 'ri-line-chart-line', $beneficiary_transaction->quote->fx_rate],
                    ['external_fx_rate', 'ri-funds-line', $beneficiary_transaction->quote->external_fx_rate],
                    ['quote_type', 'ri-price-tag-3-line', $beneficiary_transaction->quote->quote_type],
                ];
                @endphp

                <div class="row g-3">

                    @foreach ($fields as $field)
                    @if(!empty($field[2]))

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="d-flex gap-3">
                                <div class="icon-box">
                                    <i class="{{ $field[1] }}"></i>
                                </div>

                                <div>
                                    <div class="detail-label">
                                        {{ tr($field[0]) }}
                                    </div>

                                    <div class="detail-value">
                                        {{ $field[2] ?: tr('na') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @endif
                    @endforeach

                    <div class="col-md-4">
                        <div class="detail-card p-3">
                            <div class="detail-label">
                                {{ tr('status') }}
                            </div>

                            <span class="badge px-3 py-2 {{ quote_status_badge($beneficiary_transaction->quote->status) }}">
                                {{ quote_status_formatted($beneficiary_transaction->quote->status) }}
                            </span>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        @include('components.external-calls',[$beneficiary_transaction])

        @include('components.callback-logs',[$beneficiary_transaction])

        @if ($beneficiary_transaction->statusHistories->count() > 0)
            @include('components.timeline',[$beneficiary_transaction])
        @endif

    </div>
</div>

<form id="change-transaction-id-form" method="POST" style="display:none;">
    @csrf
</form>

@endsection

<script>
    const commonAlertOptions = {
        customClass: {
            confirmButton: 'btn btn-primary',
            cancelButton: 'btn btn-secondary'
        }
    };

    const alerts = {

        changetransactionid: (id) =>
            Swal.fire({
                title: "Change Transaction ID?",
                text: "Are you sure you want to change the Transaction ID?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, change",
                ...commonAlertOptions
            }).then(result => {
                if (result.isConfirmed) {
                    const form = document.getElementById('change-transaction-id-form');
                    form.action = `/admin/beneficiary_transactions/change_transaction_id/${id}`;
                    form.submit();
                }
            }),
    };

    document.addEventListener('click', function(e) {
        const button = e.target.closest('[data-alert]');
        if (!button) return;

        e.preventDefault();

        const key = button.getAttribute('data-alert');
        const id = button.getAttribute('data-id');

        alerts[key](id);
    });

    function copyBeneficiaryDetails(button) {

        const text = @json($copyText);

        navigator.clipboard.writeText(text);

        const icon = button.querySelector('i');

        icon.classList.remove('ri-file-copy-line');
        icon.classList.add('ri-check-line');

        setTimeout(() => {
            icon.classList.remove('ri-check-line');
            icon.classList.add('ri-file-copy-line');
        }, 1500);
    }
</script>