@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.SIDEBAR_LBL_MANUAL_TRANSACTION"))

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
@endsection

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!-- <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
    </div> -->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <!--begin::Card-->
            <div class="card card-custom">
                <div class="card-header">
                    <div class="card-title">
                        <h3 class="card-label">{!! trans("message_lang.SIDEBAR_LBL_MANUAL_TRANSACTION") !!}</h3>
                    </div>
                    <div class="card-toolbar">
                        @hasanyrole('operation|finance back office|customer service')
                            @if($txnDetails->agent_location_user_id == NULL)
                                <a href="javascript:void(0)" class="btn btn-primary btn-lg btn-block" onclick="assign_to_me(this);" data-txnid="{{ $txnDetails->id }}">{{ __('message_lang.LBL_ASSIGN_TO_ME') }}</a>
                            @endif
                        @endhasanyrole
                    </div>
                </div>
                    <!--begin::Form-->
                        @hasanyrole('administrator')
                        <form method="post" name="form_manualtxn" id="form_manualtxn" action="{{ route('agentportal.manual_transactions.update', $txnId) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <input type="hidden" value="{{ $txnDetails->id }}" name="id">

                            <div class="form-group">
                                <label class="" for="bnf_name">{{ __('message_lang.LBL_BENEFICIARY_NAME') }}</label>
                                <input class="form-control custom-field" id="bnf_name" value="{{ $bnfName }}" type="text" placeholder="{{ __('message_lang.LBL_BENEFICIARY_NAME') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="sending_company">{{ __('message_lang.LBL_SENDING_COMPANY') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('sending_company') is-invalid @enderror custom-field" name="sending_company" id="sending_company" autocomplete="sending_company">
                                    <option value="" @if(old('sending_company') == "") selected @endif>{{ __('message_lang.LBL_SENDING_COMPANY') }}</option>
                                    @foreach($manualSendingCompany as $company)
                                    <option value="{{ $company->id }}" {{ ($txnDetails->sending_company_id == $company->id) ? 'selected' : '' }}>{{ $company->company_name }}</option>
                                    @endforeach
                                </select>
                                @error('sending_company')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="pickup_code">{{ __('message_lang.LBL_PICKUP_CODE') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" name="pickup_code" id="pickup_code" value="{{ $txnDetails->pickup_code }}" type="text" placeholder="{{ __('message_lang.LBL_PICKUP_CODE') }}">
                                @error('pickup_code')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="amount">{{ __('message_lang.LBL_AMOUNT') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" name="amount" id="amount" value="{{ $txnDetails->amount }}" type="text" placeholder="{{ __('message_lang.LBL_AMOUNT') }}">
                                @error('amount')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="currency_id">{{ __('message_lang.LBL_CURRENCY') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('currency_id') is-invalid @enderror custom-field" name="currency_id" id="currency_id" autocomplete="currency_id">
                                    <option value="" @if(old('currency_id') == "") selected @endif>{{ __('message_lang.LBL_CURRENCY') }}</option>
                                    @foreach($currencies as $key => $currency)
                                    <option value="{{ $key }}" {{ ($txnDetails->currency_id == $key) ? 'selected' : '' }}>{{ $currency }}</option>
                                    @endforeach
                                </select>
                                @error('currency_id')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="payout_amount">{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}</label>
                                <input class="form-control custom-field" id="payout_amount" name="payout_amount" value="{{ $txnDetails->payout_amount }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="payout_currency">{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}</label>
                                <input class="form-control custom-field" id="payout_currency" name="payout_currency" value="{{ $txnDetails->payout_currency }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}">
                                @error('payout_currency')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="deposit_company">{{ __('message_lang.LBL_RECEIVING_COMPANY') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('deposit_company') is-invalid @enderror custom-field" name="deposit_company" id="deposit_company" autocomplete="deposit_company">
                                    <option value="" @if(old('deposit_company') == "") selected @endif>{{ __('message_lang.LBL_RECEIVING_COMPANY') }}</option>
                                    @foreach($manualDepositCompany as $company)
                                    <option value="{{ $company->id }}" {{ ($txnDetails->receiving_company_id == $company->id) ? 'selected' : '' }}>{{ $company->company_name.' - '.$company->company_code }}</option>
                                    @endforeach
                                </select>
                                @error('deposit_company')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="account_number">{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}</label>
                                <input class="form-control custom-field" id="account_number" name="account_number" value="{{ $accountNumber }}" type="text" placeholder="{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="government_id_type">{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}</label>
                                <input class="form-control custom-field" id="government_id" value="{{ isset($userGovermentIds) ? $userGovermentIds->govermentidToType->id_type_description : '' }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="government_id_number">{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}</label>
                                <input class="form-control custom-field" id="government_id_number" value="{{ $userGovermentIds->government_id_number }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="assigned_to">{{ __('message_lang.LBL_ASSIGNED_TO') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('assigned_to') is-invalid @enderror custom-field" name="assigned_to" id="assigned_to" autocomplete="assigned_to">
                                    <option value="" @if(old('assigned_to') == "") selected @endif>{{ __('message_lang.LBL_ASSIGNED_TO') }}</option>
                                    @foreach($getAllCsrByCountryId as $csr)
                                    <option value="{{ $csr->id }}" {{ ($txnDetails->agent_location_user_id == $csr->id) ? 'selected' : '' }}>{{ $csr->first_name }} {{ $csr->last_name }}</option>
                                    @endforeach
                                </select>
                                @error('assigned_to')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="status">{{ __('message_lang.LBL_STATUS') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('status') is-invalid @enderror custom-field" name="status" id="status" autocomplete="status">
                                    <option value="" @if(old('status') == "") selected @endif>{{ __('message_lang.LBL_SELECT_STATUS') }}</option>
                                    <option value="{{ $txnStatus['New'] }}" {{ $txnDetails->status == $txnStatus['New'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.NEW') }}</option>
                                    <option value="{{ $txnStatus['Inprogress'] }}" {{ $txnDetails->status == $txnStatus['Inprogress'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INPROGRESS') }}</option>
                                    <option value="{{ $txnStatus['Remittance_verified'] }}" {{ $txnDetails->status == $txnStatus['Remittance_verified'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.REMITTANCE_VERIFIED') }}</option>
                                    @if(in_array($txnDetails->status, [$txnStatus['Remittance_verified'],$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]))
                                        <option value="{{ $txnStatus['Payment_completed'] }}" {{ $txnDetails->status == $txnStatus['Payment_completed'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.PAYMENT_COMPLETED') }}</option>
                                    @endif
                                    <option value="{{ $txnStatus['Invalid'] }}" {{ $txnDetails->status == $txnStatus['Invalid'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INVALID') }}</option>
                                </select>
                                @error('status')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="admin_notes">{{ __('message_lang.LBL_COMMENTS') }}</label><span style="color:red; display: none;" id="admin_star">{{" *"}}</span>
                                <textarea class="form-control @error('admin_notes') is-invalid @enderror" id="admin_notes" name="admin_notes" placeholder="{{ __('message_lang.LBL_COMMENTS') }}" rows="4">{{ old('admin_notes', @$txnDetails->admin_notes) }}</textarea>
                                @error('admin_notes')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary mr-2">{{ __('message_lang.BTN_SUBMIT') }}</button>
                            <a href="{{ url()->previous() }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                        </div>
                        @else
                        <form method="post" name="form_manualtxn" id="form_manualtxn" action="{{ route('agentportal.manual_transactions.update_status', $txnId) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <input type="hidden" value="{{ $txnDetails->id }}" name="id">

                            <div class="form-group">
                                <label class="" for="bnf_name">{{ __('message_lang.LBL_BENEFICIARY_NAME') }}</label>
                                <input class="form-control custom-field" id="bnf_name" value="{{ $bnfName }}" type="text" placeholder="{{ __('message_lang.LBL_BENEFICIARY_NAME') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="sending_company">{{ __('message_lang.LBL_SENDING_COMPANY') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" id="sending_company" value="{{ $sendingCompanyName }}" type="text" placeholder="{{ __('message_lang.LBL_SENDING_COMPANY') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="pickup_code">{{ __('message_lang.LBL_PICKUP_CODE') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" name="pickup_code" id="pickup_code" value="{{ $txnDetails->pickup_code }}" type="text" placeholder="{{ __('message_lang.LBL_PICKUP_CODE') }}" readonly>
                                @error('pickup_code')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="amount">{{ __('message_lang.LBL_AMOUNT') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" name="amount" id="amount" value="{{ $txnDetails->amount }}" type="text" placeholder="{{ __('message_lang.LBL_AMOUNT') }}" readonly>
                                @error('amount')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="currency_id">{{ __('message_lang.LBL_CURRENCY') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" id="currency" value="{{ $currencyName }}" type="text" placeholder="{{ __('message_lang.LBL_CURRENCY') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="payout_amount">{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}</label>
                                <input class="form-control custom-field" id="payout_amount" name="payout_amount" value="{{ $txnDetails->payout_amount }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="payout_currency">{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}</label>
                                <input class="form-control custom-field" id="payout_currency" name="payout_currency" value="{{ $txnDetails->payout_currency }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}" readonly>
                                @error('payout_currency')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="" for="deposit_company">{{ __('message_lang.LBL_RECEIVING_COMPANY') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" id="deposit_company" value="{{ ($depositCompanyCode != '') ? $depositCompanyName.' - '.$depositCompanyCode : $depositCompanyName }}" type="text" placeholder="{{ __('message_lang.LBL_DEPOSIT_COMPANY') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="account_number">{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}</label>
                                <input class="form-control custom-field" id="account_number" name="account_number" value="{{ $accountNumber }}" type="text" placeholder="{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="government_id_type">{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}</label>
                                <input class="form-control custom-field" id="government_id" value="{{ isset($userGovermentIds) ? $userGovermentIds->govermentidToType->id_type_description : '' }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="government_id_number">{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}</label>
                                <input class="form-control custom-field" id="government_id_number" value="{{ isset($userGovermentIds) ? $userGovermentIds->government_id_number : '' }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}">
                            </div>

                            <div class="form-group">
                                <label class="" for="assigned_to">{{ __('message_lang.LBL_ASSIGNED_TO') }}</label><span style="color:red;">{{" *"}}</span>
                                <input class="form-control custom-field" id="assigned_to" value="{{ $assigneeName }}" type="text" placeholder="{{ __('message_lang.LBL_ASSIGNED_TO') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label class="" for="status">{{ __('message_lang.LBL_STATUS') }}</label><span style="color:red;">{{" *"}}</span>
                                <select class="form-control @error('status') is-invalid @enderror custom-field" name="status" id="status" autocomplete="status">
                                    <option value="" @if(old('status') == "") selected @endif>{{ __('message_lang.LBL_SELECT_STATUS') }}</option>
                                    <option value="{{ $txnStatus['New'] }}" {{ $txnDetails->status == $txnStatus['New'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.NEW') }}</option>
                                    <option value="{{ $txnStatus['Inprogress'] }}" {{ $txnDetails->status == $txnStatus['Inprogress'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INPROGRESS') }}</option>
                                    <option value="{{ $txnStatus['Remittance_verified'] }}" {{ $txnDetails->status == $txnStatus['Remittance_verified'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.REMITTANCE_VERIFIED') }}</option>
                                    @if(in_array($txnDetails->status, [$txnStatus['Remittance_verified'],$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]))
                                        <option value="{{ $txnStatus['Payment_completed'] }}" {{ $txnDetails->status == $txnStatus['Payment_completed'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.PAYMENT_COMPLETED') }}</option>
                                    @endif
                                    <option value="{{ $txnStatus['Invalid'] }}" {{ $txnDetails->status == $txnStatus['Invalid'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INVALID') }}</option>
                                </select>
                                @error('status')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="admin_notes">{{ __('message_lang.LBL_COMMENTS') }}</label><span style="color:red; display: none;" id="admin_star">{{" *"}}</span>
                                <textarea class="form-control @error('admin_notes') is-invalid @enderror" id="admin_notes" name="admin_notes" placeholder="{{ __('message_lang.LBL_COMMENTS') }}" rows="4">{{ old('admin_notes', @$txnDetails->admin_notes) }}</textarea>
                                @error('admin_notes')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                        </div>
                        <div class="card-footer">
                            @if($txnDetails->agent_location_user_id == Auth::guard('agentportal')->user()->id)
                                @if($txnDetails->status == $txnStatus['Payment_completed'] || $txnDetails->status == $txnStatus['Invalid'])

                                @else
                                    <button type="submit" class="btn btn-primary mr-2">{{ __('message_lang.BTN_SUBMIT') }}</button>
                                @endif
                            @endif
                            <a href="{{ url()->previous() }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                        </div>
                        @endhasanyrole
                    </form>
                    </div>
                    <!--end::Card-->
                    @if(in_array($txnDetails->status, [$txnStatus['Remittance_verified'],$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]) && !$availableForManualTxn )
                    <!-- Checking if availableForManualTxn is true &&  status in (Remittance_verified,MP_DONE,MP_PENDING) -->
                        <!--begin::Card-->
                        <div class="card card-custom gutter-b example-compact">
                            <div class="card-header">
                                <h3 class="card-title">
                                    {{ __('message_lang.LBL_PROCESS_PAYMENT_MANUAL_TXNS') }}
                                </h3>
                            </div>
                            @if($txnDetails->status == $txnStatus['Remittance_verified'])
                            <!--begin::Form-->
                                <form method="post" name="form_csr_manual_send" id="form_csr_manual_send" action="{{ route('agentportal.manual_transactions.manual-send', $txnDetails->id) }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="card-body">
                                        <input type="hidden" value="{{ $txnDetails->id }}" name="id">
                                        <input type="hidden" value="false" name="allow" id="allow">

                                        <div class="form-group col-6">
                                            <label class="" for="first_name">{{ __('message_lang.LBL_SENDER_FNAME') }} <span style="color:red;">*</span></label>
                                            <input  class="form-control custom-field" id="first_name" name="first_name"   type="text" placeholder="{{ __('message_lang.LBL_SENDER_FNAME') }}"  >
                                        </div>

                                        <div class="form-group col-6">
                                            <label class="" for="last_name">{{ __('message_lang.LBL_SENDER_LNAME') }} <span style="color:red;">*</span></label>
                                            <input  class="form-control custom-field" id="last_name" name="last_name"   type="text" placeholder="{{ __('message_lang.LBL_SENDER_LNAME') }}"  >
                                        </div>

                                        <div class="form-group col-6">
                                            <label class="" for="sending_countrycode">{{ __('message_lang.LBL_SENDING_COUNTRY') }} <span style="color:red;">*</span></label>
                                            <select class="form-control @error('sending_countrycode') is-invalid @enderror custom-field" name="sending_countrycode" id="sending_countrycode" autocomplete="sending_countrycode">
                                                <option value="" @if(old('sending_countrycode') == "") selected @endif>Select Country</option>
                                                @forelse ($countries as $item)
                                                    <option value="{{$item['country_code']}}">{{$item['country_name']}}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </div>

                                        <div class="form-group col-6">
                                            <label class="" for="sending_fees">{{ __('message_lang.LBL_SENDING_FEES') }}</label>
                                            <input  class="form-control custom-field" id="sending_fees" name="sending_fees"   type="number" placeholder="{{ __('message_lang.LBL_SENDING_FEES') }}"  >
                                        </div>

                                        <div class="form-group col-6">
                                            <label class="" for="amount_to_send">{{ __('message_lang.LBL_RECEIVER_AMOUNT') }} <span style="color:red;">*</span></label>
                                            <input  class="form-control custom-field" id="amount_to_send" name="amount_to_send"   type="number" placeholder="{{ __('message_lang.LBL_RECEIVER_AMOUNT') }}"  >
                                        </div>

                                        <div class="form-group col-6">
                                            <label class="" for="amount_to_send2">{{ __('message_lang.LBL_AMOUNT_AGAIN') }} <span style="color:red;">*</span></label>
                                            <input  class="form-control custom-field" id="amount_to_send2" name="amount_to_send2"   type="number" placeholder="{{ __('message_lang.LBL_AMOUNT_AGAIN') }}"  >
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        @if($txnDetails->agent_location_user_id == Auth::guard('agentportal')->user()->id)
                                                @if($txnDetails->status == $txnStatus['Remittance_verified'])
                                                    <button type="submit" class="btn btn-primary mr-2 submitManualTxn">{{ __('message_lang.BTN_MANUAL_SEND') }}</button>
                                                @endif
                                        @endif
                                        <a href="{{ route('csr-index') }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                                    </div>
                                </form>

                            @elseif(in_array($txnDetails->status, [$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]))
                                <div class="card-body">
                                    <button type="submit" id="form_csr_manual_chck_status" class="btn btn-primary mr-2" onclick="chckStatus(this);" data-txnid="{{ $txnDetails->transaction_reference }}">{{ __('message_lang.BTN_MANUAL_CHECK_STATUS') }}</button>
                                </div>
                                <div class="card-footer">
                                </div>
                            @endif
                            <!--end::Form-->
                        </div>
                    <!--end::Card-->
                    @endif
                    </div>
                        </div>
                    </div>
                    <!--end::Container-->
                </div>
                <!--end::Entry-->
            </div>
        </div>
    </div>
</div>
@endsection

@section("page_vendors")
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
@endsection

@section("page_script")
<script type="text/javascript">

    $(document).ready(function ()
    {
        $("#sending_countrycode").select2({
            allowClear: true,
            placeholder: "{{ __('message_lang.LBL_ALL') }}",
        });

        $('#status').on('change', function() {
            if (this.value == {{ $invalidStatus }})
            {
                $("#admin_star").show();
            }
            else
            {
                $("#admin_star").hide();
            }
        });

        $(document).on("click", ".submitManualTxn", function() {
            $("#loading").show();
        })

        $("#form_csr").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element)
            {
                // render error placement for each input type
                error.insertAfter(element);
                // for other inputs, just perform default behavior
            },
            ignore: "",
            rules:
            {
                status:
                {
                    required: true
                },
                admin_notes:
                {
                    required: function() {
                        if ($('#status').val() == {{ $invalidStatus }}) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                },
            },
            messages:
            {
                status:
                {
                    required: '{{ __('message_lang.PLEASE_SELECT_STATUS') }}'
                },
                admin_notes:
                {
                    required: '{{ __('message_lang.PLEASE_ENTER_ADMIN_NOTES') }}',
                },
            },
            invalidHandler: function (event, validator)
            {
                $("#loading").show();
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();
            },
            highlight: function (element)
            {
                $(element).closest('.help-block').removeClass('valid');
                // display OK icon
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                // add the Bootstrap error class to the control group
            },
            unhighlight: function (element)
            {
                // revert the change done by hightlight
                $(element).closest('.form-group').removeClass('has-error');
                // set error class to the control group
            },
            success: function (label, element)
            {
                label.addClass('help-block valid');
                // mark the current input as valid and display OK icon
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd)
            {
                successHandler1.show();
                errorHandler1.hide();
                $("#loading").show();
            }
        });

        $('#form_csr_manual_send').submit(function(e){
            if($("#first_name").val() != "" && $("#last_name").val() != "" && $("#sending_countrycode").val() != "" && $("#amount_to_send").val() != "" && $("#amount_to_send2").val() != "") {
                $("#loading").show();
            } else {
                $("#loading").hide();
            }
        });

        $("#form_csr_manual_send").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                error.insertAfter(element);
            },
            ignore: "",
            rules: {
                first_name: {
                    required: true
                },
                last_name: {
                    required: true,
                },
                sending_countrycode: {
                    required: true
                },
                amount_to_send: {
                    required: true
                },
                amount_to_send2: {
                    required: true,
                    equalTo: '#amount_to_send'
                },
            },
            messages: {
                first_name: {
                    required: '{{ __('message_lang.PLEASE_ENTER_FIRST_NAME') }}'
                },
                last_name: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LAST_NAME') }}',
                },
                sending_countrycode: {
                    required: '{{ __('message_lang.PLEASE_SELECT_COUNTRY') }}'
                },
                amount_to_send: {
                    required: '{{ __('message_lang.PLEASE_ENTER_AMOUNT') }}'
                },
                amount_to_send2: {
                    required: '{{ __('message_lang.PLEASE_CONFIRM_AMOUNT') }}',
                    equalTo: '{{ __('message_lang.LBL_AMOUNT_SHOULD_MATCH') }}'
                },
            },
            invalidHandler: function (event, validator) {
            },
            highlight: function (element) {
                $(element).closest('.help-block').removeClass('valid');
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                $("#loading").hide();
            },
            unhighlight: function (element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
            success: function (label, element) {
                label.addClass('help-block valid');
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd) {
                console.log(frmadd);
                errorHandler1.hide();
                $("#loading").hide();
            }
        });
    });

    function assign_to_me(a_object)
    {
        var txnId = $(a_object).data("txnid");

        $.ajax(
        {
            "url": "{!! route('agentportal.manual_transactions.assign-to-me') !!}",
            "dataType": "json",
            "type": "POST",
            "data":
            {
                txnId: txnId,
                _token: "{{csrf_token()}}"
            },
            success: function (response)
            {

                if (response.status == "success")
                {
                    location.reload();
                    toastr.success('{{ __("message_lang.CSR_TXN_ASSIGNED_TO_U_SUCCESSFULLY") }}', 'Success');
                }
                else
                {
                    toastr.error('{{ __("message_lang.CSR_TXN_FAILED_TO_ASSIGNED") }}', 'Error');
                }
            }
        });
    }
    function chckStatus(a_object)
    {
        let txnId = $(a_object).data("txnid");
        var url = '{{ route("agentportal.manual_transactions.manual-check", ":txnId") }}';
        url = url.replace(':txnId', txnId);
        $.ajax(
        {
            "url": url,
            "dataType": "json",
            "type": "POST",
            "data":
            {
                reference_no: txnId,
                id: "{{$txnDetails->id}}",
                _token: "{{csrf_token()}}"
            },
            success: function (response)
            {

                // console.log(response)
                if (response.status == "1")
                {
                    toastr.success('{{ __("message_lang.MP_CHECK_STATUS_DONE") }}', 'Success');
                    location.reload();
                }
                else if (response.status == "2")
                {
                    toastr.success('{{ __("message_lang.MP_TRANSACTION_PENDING") }}', 'Success');
                    // location.reload();
                }
                else
                {
                    toastr.error('{{ __("message_lang.MP_CHECK_FAILED") }}', 'Error');
                    console.log('{{ __("message_lang.MP_CHECK_FAILED") }} :: Reason->',response.message);
                    location.reload();
                }
            }
        });
    }

</script>
@endsection