@extends('layouts.treasury')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 position-relative gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ tr('users') }}</h2>
    <div class="flex-shrink-0">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-end mb-0">
                <li><i class="ri-home-4-line fs-16 me-2 lh-sm text-primary"></i></li>
                <li class="breadcrumb-item"><a href="{{ route('treasury.dashboard') }}">{{ tr('home') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ tr('beneficiary_transactions') }}</li>
            </ol>
        </nav>
    </div>
</div>
@endsection

@section('content')
@include('treasury.beneficiary_transactions.totals')
<div class="card">
    <div class="card-header">
        <h5 class="card-title">
            {{ tr('beneficiary_transactions') }}({{ $total ?: 0 }})
        </h5>
    </div>
    <div class="card-body">
        <div class="table-responsive" data-simplebar>
            @include('treasury.beneficiary_transactions.search')
            <div class="mb-3 d-flex justify-content-end gap-2">
                    <select id="bulk-action-select" class="form-select w-auto">
                        <option value="">{{ tr('bulk_action') }}</option>
                        <option value="bulk-approve">{{ tr('approve') }}</option>
                    </select>
                    <button id="apply-bulk-action" class="btn btn-primary">
                        {{ tr('apply') }}
                    </button>
            </div>
            <table class="table text-nowrap table-borderless mb-0">
                <thead class="table-light">
                    <tr>
                        @if(request()->filled('approval'))
                        <th width="40">
                            <input type="checkbox" id="select-all" class="row-checkbox form-check-input">
                        </th>
                        @endif
                        <th>{{ tr('s_no') }}</th>
                        <th>{{ tr('order_id') }}</th>
                        <th>{{ tr('user') }}</th>
                        <th>{{ tr('sender') }}</th>
                        <th>{{ tr('beneficiary') }}</th>
                        <th>{{ tr('amount') }}</th>
                        <th>{{ tr('recipient_amount') }}</th>
                        <th>{{ tr('date') }}</th>
                        <th>{{ tr('status') }}</th>
                         @if(!request()->filled('approval'))
                            <th>{{ tr('reference') }}</th>

                            <th>{{ tr('processed_via') }}</th>
                         @endif
                        <th>{{ tr('action') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($beneficiary_transactions as $key => $bt)
                     <tr>
                        @if(request()->filled('approval'))
                        <td>
                            @if(!$bt->is_service_called)
                                <input type="checkbox"
                                    class="row-checkbox form-check-input"
                                    value="{{ $bt->unique_id }}"
                                    data-currency="{{ $bt->receiving_currency }}"
                                    data-remitter="{{ $bt->remitter_name }}"
                                    data-beneficiary="{{ $bt->beneficiary_name }}"
                                    data-amount="{{ $bt->recipient_amount }}"
                                    data-recipientamount="{{ $bt->recipient_amount }}">
                            @endif
                        </td>
                        @endif
                        @php
                            $viewUrl = route('treasury.beneficiary_transactions.show', $bt->unique_id);
                        @endphp

                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ $beneficiary_transactions->firstItem() + $key }}
                            </a>
                        </td>

                        <td>
                            @if($bt->order_id)
                                <span class="d-flex align-items-center gap-2">
                                    <span id="utr-{{ $bt->order_id }}">
                                        {{ $bt->order_id }}
                                    </span>

                                    <button 
                                        type="button"
                                        class="btn btn-sm btn-light border"
                                        onclick="copyUTR('{{ $bt->order_id }}', this)"
                                    >
                                        <i class="ri-file-copy-line"></i>
                                    </button>
                                </span>
                            @endif
                        </td>
                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ $bt->user->name ?? tr('na') }}
                            </a>
                        </td>

                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ trim(($bt->sender?->first_name ?? '') . ' ' . ($bt->sender?->last_name ?? '')) ?: tr('na') }}
                            </a>
                        </td>

                       <td>
                            @php
                                $validation = $bt->beneficiaryAccount->validation ?? null;

                                $isValidated = $validation ? true : false;
                                $isAccountExist = $validation->is_account_exists ?? false;
                                $isNre = $validation->is_nre_account ?? false;

                                $pillClass = 'badge bg-warning-subtle text-warning border border-warning-subtle';
                                $pillText = tr('bank_account_not_validated');

                                if ($isValidated && $isNre) {
                                    $pillClass = 'badge bg-danger-subtle text-danger border border-danger-subtle';
                                    $pillText = "NRE";
                                } elseif ($isValidated && $isAccountExist && ! $isNre) {
                                    $pillClass = 'badge bg-success-subtle text-success border border-success-subtle';
                                    $pillText = "Non-NRE";
                                } elseif ($isValidated && ! $isAccountExist) {
                                    $pillClass = 'badge bg-danger-subtle text-danger border border-danger-subtle';
                                    $pillText = tr('bank_account_not_exist');
                                }
                            @endphp

                            <div class="d-flex align-items-center gap-2">
                                <a href="{{ $viewUrl }}" class="text-decoration-none text-dark fw-medium">
                                    {{ $bt->beneficiaryAccount->type == 1
                                        ? ($bt->beneficiaryAccount->first_name.' '.$bt->beneficiaryAccount->last_name)
                                        : $bt->beneficiaryAccount->business_name }}
                                </a>
                                
                                @if($bt->beneficiaryAccount->currency == "INR")
                                    <span class="{{ $pillClass }} rounded-pill px-2 py-1 small">
                                        {{ $pillText }}
                                    </span>
                                @endif
                            </div>
                        </td>

                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ formatted_amount($bt->amount, $bt->quote?->source?->currency) }}
                            </a>
                        </td>

                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ formatted_amount($bt->recipient_amount, $bt->receiving_currency) }}
                            </a>
                        </td>

                        <td>
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                {{ common_date(
                                    $bt->created_at,
                                    auth()->user()->timezone ?: DEFAULT_TIMEZONE,
                                    'd M Y h:i:s A'
                                ) }}
                            </a>
                        </td>
                        <td>
                            <a href="{{ $viewUrl }}" class="text-decoration-none">

                                <span class="badge {{ beneficiary_transaction_status_badge($bt->status) }}">
                                    {{ beneficiary_transaction_status_formatted($bt->status) }}
                                </span>
                            </a>
                        </td>
                        @if(!request()->filled('approval'))
                      <td>
                            @if($bt->external_reference_id)
                                <span class="d-flex align-items-center gap-2">
                                    <span id="utr-{{ $bt->unique_id }}">
                                        {{ $bt->external_reference_id }}
                                    </span>

                                    <button 
                                        type="button"
                                        class="btn btn-sm btn-light border"
                                        onclick="copyUTR('{{ $bt->external_reference_id }}', this)"
                                    >
                                        <i class="ri-file-copy-line"></i>
                                    </button>
                                </span>
                            @endif
                        </td>
                        <td>
                            @if($bt->external_type)
                            <a href="{{ $viewUrl }}" class="d-block text-decoration-none text-dark">
                                <span class="badge {{ processed_via_badge($bt->external_type) }}">
                                    {{ map_service_name($bt->external_type) }}
                                    @if(!empty($bt->service_mid) && $bt->external_type == EXTERNAL_TYPE_VIYONA_PAY)
                                      -   {{ $bt->service_mid }} 
                                    @endif
                                </span>
                            </a>
                            @endif
                        </td>
                        @endif
                        <td>
                            @include('treasury.beneficiary_transactions.actions', [
                                'beneficiary_transaction' => $bt
                            ])
                        </td>

                    </tr>
                    @empty
                    <tr>
                        <td colspan="11" class="text-center">{{ tr('no_data_found') }}</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="d-flex flex-wrap gap-3 align-items-center mt-5">
            <div class="ms-auto">
                <nav aria-label="Card pagination">
                    <ul class="pagination pagination-rounded pagination-primary mb-0">
                        <li class="page-item">
                            {{ $beneficiary_transactions->withQueryString()->links('pagination::bootstrap-4') }}
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>

@include('treasury.beneficiary_transactions.modals')
@include('treasury.beneficiary_transactions.scripts')
@endsection

<style>
    .table-responsive .dropdown-menu {
        position: absolute;
        z-index: 1055;
    }

    .dropdown-fix {
        overflow-x: auto;
        overflow-y: visible !important;
    }
</style>
<script>
function copyUTR(text, btn) {

    navigator.clipboard.writeText(text).then(() => {

        btn.innerHTML = '<i class="ri-check-line text-success"></i>';

        setTimeout(() => {
            btn.innerHTML = '<i class="ri-file-copy-line"></i>';
        }, 2000);

    });

}
</script>