@extends('layouts.admin')

@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('merchant_access') }}</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('admin.dashboard') }}">{{ tr('home') }}</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">{{ tr('merchant_access') }}</li>
            </ol>
        </nav>
    </div>
</div>
@endsection

@section('content')
<div class="col-12">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="card-title mb-0">{{ tr('merchant_access') }}</h5>
        </div>

        <div class="card-body">
            <form action="{{ route('admin.users.merchant_access_create' , $user) }}" method="POST">
                @csrf
                <input type="text" autocomplete="name" style="display:none">
                <input type="password" autocomplete="new-password" style="display:none">

                <div class="mb-4">
                    <label class="form-label">{{ tr('merchant_type') }}:</label>
                    <select class="form-select mb-4" name="type" autocomplete="off" required>
                        <option disabled>{{ tr('merchant_type') }}</option>
                        <option value={{MERCHANT_TYPE_WHITELABEL}} {{ old('type', $merchant->type ?? '') == MERCHANT_TYPE_WHITELABEL ? 'selected' : '' }}>
                            {{ tr('white_label') }}
                        </option>
                        <option value={{MERCHANT_TYPE_PAYOUT}} {{ old('type', $merchant->type ?? '') == MERCHANT_TYPE_PAYOUT ? 'selected' : '' }}>
                            {{ tr('payout_collection') }}
                        </option>
                        <option value={{MERCHANT_TYPE_PAYOUTINTEGRATOR}} {{ old('type', $merchant->type ?? '') == MERCHANT_TYPE_PAYOUTINTEGRATOR ? 'selected' : '' }}>
                            {{ tr('payout_integrator') }}
                        </option>
                        <option value={{MERCHANT_TYPE_PAYINCOLLECTION}} {{ old('type', $merchant->type ?? '') == MERCHANT_TYPE_PAYINCOLLECTION ? 'selected' : '' }}>
                            {{ tr('payin_collection') }}
                        </option>
                    </select>

                </div>

                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label">{{ tr('username') }}:</label>
                        <input type="text" class="form-control" name="name"
                            value="{{ old('name', $merchant->name ?? '') }}"
                            placeholder="Username" autocomplete="off" required>

                    </div>

                    <div class="col-md-6">
                        <label class="form-label">{{ tr('email') }}:</label>
                        <input type="text" class="form-control" name="email"
                            value="{{ old('email', $merchant->email ?? '') }}"
                            placeholder="Email" autocomplete="new-email" required>

                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label">{{ tr('password') }}:</label>
                        <div class="position-relative">
                            <input id="password" type="password" class="form-control" name="password" placeholder="Password" autocomplete="new-password" {{ !$merchant ? 'required' : '' }}>

                            <button type="button" class="btn btn-link position-absolute end-0 top-0 toggle-password"
                                data-target="password">
                                <i class="ri-eye-off-line"></i>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="d-grid mt-4">
                    <button type="submit" class="btn btn-primary w-max mt-3">{{ $merchant ? tr('update_merchant') : tr('create_merchant') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>


@if($merchant)
<div class="col-12">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="card-title mb-0">{{ tr('merchant_settings') }}</h5>
        </div>

        @php
        $fee_names = [TRANSACTION_FEE , FX_FEE];

        $payment_types = [PAYMENT_RAIL_WIRE, PAYMENT_RAIL_SWIFT, PAYMENT_RAIL_ACH];

        $fee_types = [FEE_TYPE_FLAT => 'Flat', FEE_TYPE_PERCENTAGE => 'Percent', FEE_TYPE_FIXED => 'Fixed'];

        $user_types = [USER_TYPE_INDIVIDUAL,USER_TYPE_BUSINESS];
        @endphp

        <div class="card-body">
            <form action="{{ route('admin.users.update_merchant_settings' , $merchant) }}" method="POST">
                @csrf
                @php

                $payout_countries = [];

                $selected_beneficiary_fields = [] ;

                if ($merchant) {
                $setting = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'payout_countries')
                ->first();

                $beneficiary_fields = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'beneficiary_fields')
                ->first();

                if ($setting) {
                $payout_countries = json_decode($setting->value, true) ?? [];
                }

                if ($beneficiary_fields) {
                $selected_beneficiary_fields = json_decode($beneficiary_fields->value, true) ?? [];
                }

                $bank_account_id = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'bank_account_id')
                ->first()->value ?? null;

                $enable_remitter_deposit = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'enable_remitter_deposit')
                ->first()->value ?? null;
                }

                $enable_accounts = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'enable_accounts')
                ->first()->value ?? null;
                
                $supported_users = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'supported_user_types')
                ->first()->value ?? null;

                $business_model = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'business_model')
                ->first()->value ?? null;

                $receipt_template = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                ->where('key', 'receipt_template')
                ->first()->value ?? null;
                @endphp
                <div class="row mb-4">
                    <div class="col-md-6">
                        <label class="form-label">{{tr('enable_accounts')}}</label>
                        <select class="form-select mb-4" name="enable_accounts" autocomplete="off" >
                            <option value="1" {{ (old('enable_accounts', $enable_accounts?? '') == '1') ? 'selected' : '' }}>{{ tr('yes') }}</option>
                            <option value="0" {{ (old('enable_accounts', $enable_accounts ?? '') == '0') ? 'selected' : '' }}>{{ tr('no') }}</option>
                        </select>
                    </div>
                    @if($merchant->type == MERCHANT_TYPE_PAYINCOLLECTION)
                    <div class="col-md-6">
                        <label class="form-label">{{ tr('supported_users') }}:</label>
                        <select class="form-select mb-4" name="supported_user_types" autocomplete="off" >
                            <option disabled>{{ tr('select_supported_users') }}</option>
                            <option value={{SUPPORTED_USER_INDIVIDUAL}} {{ old('type', $supported_users ?? '') == SUPPORTED_USER_INDIVIDUAL ? 'selected' : '' }}>
                                {{ tr('individual') }}
                            </option>
                            <option value={{SUPPORTED_USER_BUSINESS}} {{ old('type', $supported_users ?? '') == SUPPORTED_USER_BUSINESS ? 'selected' : '' }}>
                                {{ tr('business') }}
                            </option>
                            <option value={{SUPPORTED_USER_INDIVIDUAL_AND_BUSINESS}} {{ old('type', $supported_users ?? '') == SUPPORTED_USER_INDIVIDUAL_AND_BUSINESS ? 'selected' : '' }}>
                                {{ tr('individual_and_business') }}
                            </option>
                        </select>
                    </div>
                    @endif
                    @if($merchant->type == MERCHANT_TYPE_PAYOUT)
                    <div class="col-md-6">
                        <label class="form-label">{{ tr('bank_account') }}:</label>
                        @php
                            $selectedBankAccounts = old(
                                'bank_account_id',
                                $bank_account_id ? explode(',', $bank_account_id) : []
                            );

                            $selectedBankAccounts = array_map('strval', $selectedBankAccounts);
                        @endphp

                        <select
                            class="form-select mb-4"
                            name="bank_account_id[]"
                            autocomplete="off"
                            multiple
                            id="bank_account_selection"
                        >
                            @foreach ($virtual_accounts as $bank_account)
                                <option
                                    value="{{ $bank_account->id }}"
                                    {{ in_array((string) $bank_account->id, $selectedBankAccounts, true) ? 'selected' : '' }}
                                >
                                    {{ $bank_account->account_holder_name }}
                                    - {{ $bank_account->account_number }}
                                    ({{ $bank_account->currency }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{tr('receipt_template')}}</label>
                        <input type="text" class="form-control" name="receipt_template"
                            value="{{ old('receipt_template', $receipt_template ?? '') }}"
                            placeholder="Receipt Template" autocomplete="off">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{tr('enable_remitter_deposit')}}</label>
                        <select class="form-select mb-4" name="enable_remitter_deposit" autocomplete="off" >
                            <option value="1" {{ (old('enable_remitter_deposit', $enable_remitter_deposit?? '') == '1') ? 'selected' : '' }}>{{ tr('yes') }}</option>
                            <option value="0" {{ (old('enable_remitter_deposit', $enable_remitter_deposit ?? '') == '0') ? 'selected' : '' }}>{{ tr('no') }}</option>
                        </select>
                    </div>
                    @endif

                    <div class="col-md-6">
                        <label class="form-label">{{ tr('business_model') }}</label>
                         <select class="form-select mb-4" name="business_model" autocomplete="off" >
                            <option disabled>{{ tr('select_business_model') }}</option>
                            @foreach (business_models() as $key => $model)
                            <option value="{{ $key }}" {{ (old('business_model', $business_model ?? '') == $key) ? 'selected' : '' }}>
                                {{ $model }}
                            </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">{{ tr('payout_countries') }}:</label>
                        <select id="choices-default-multiple" name="payout_countries[]" multiple autocomplete="off" >
                            @foreach ($supported_countries as $key => $supported_country)
                            <option value="{{ $supported_country->id }}" {{ in_array($supported_country->id, $payout_countries) ? 'selected' : '' }}>{{ $supported_country->country_code }} - {{ $supported_country->currency }}</option>
                            @endforeach
                        </select>
                    </div>

                    @php
                    $beneficiary_fields = App\Helpers\Helper::merchant_beneficiary_form_fields();

                    @endphp


                    <div class="col-md-12">
                        <label class="form-label">{{ tr('beneficiary_fields') }}</label>


                        <select id="beneficiary-mandatory-fields" name="beneficiary_fields[]" multiple autocomplete="off">

                            @foreach ($beneficiary_fields as $field)

                            <option
                                value="{{ $field['field_key'] }}"
                                @selected(in_array($field['field_key'], $selected_beneficiary_fields))>
                                {{ $field['field_label'] }}
                            </option>
                            @endforeach
                        </select>
                    </div>


                    @php

                    $user = $merchant->user ;

                    $selected_remitter_fields = [] ;

                    $remitter_fields = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                    ->where('key', 'remitter_fields')
                    ->first();

                    if ($remitter_fields) {
                    $selected_remitter_fields = json_decode($remitter_fields->value, true) ?? [];
                    }

                    $remitter_fields = App\Helpers\Helper::remitter_sender_fields($user);

                    @endphp


                    <div class="col-md-12">
                        <label class="form-label">{{ tr('remitter_fields') }}</label>


                        <select id="remitters-mandatory-fields" name="remitter_fields[]" multiple autocomplete="off">

                            @foreach ($remitter_fields as $field)

                            <option
                                value="{{ $field['field_key'] }}"
                                @selected(in_array($field['field_key'], $selected_remitter_fields))>
                                {{ $field['field_label'] }}
                            </option>
                            @endforeach
                        </select>
                    </div>

               

                    @php
                    $settings = \App\Models\MerchantSetting::where('merchant_id', $merchant->id)
                        ->pluck('value', 'key')
                        ->toArray();

                    $fields = [
                        'is_supporting_document_required',
                        'is_remarks_required',
                        'is_purpose_of_payment_required',
                        'is_transaction_reference_no_required',
                    ];
                @endphp

                @foreach ($fields as $field)
                    <div class="col-md-6">
                        <label class="form-label">{{ tr($field) }}</label>

                        <select class="form-select mb-4" name="{{ $field }}">
                            <option value="1"
                                {{ old($field, $settings[$field] ?? '0') == '1' ? 'selected' : '' }}>
                                {{ tr('yes') }}
                            </option>

                            <option value="0"
                                {{ old($field, $settings[$field] ?? '0') == '0' ? 'selected' : '' }}>
                                {{ tr('no') }}
                            </option>
                        </select>
                    </div>
                @endforeach

               @php
                    $account_options = [
                        'nre'     => tr('nre'),
                        'non_nre' => tr('non_nre'),
                    ];

                     $selectedAccounts = old(
                            'supported_accounts',
                            isset($settings['supported_accounts'])
                                ? json_decode($settings['supported_accounts'], true)
                                : []
                        );
                @endphp

                <div class="col-md-6">
                    <label class="form-label">{{ tr('supported_accounts') }}:</label>

                    <select
                        class="form-select mb-4"
                        name="supported_accounts[]"
                        multiple
                        id="account_type_selection"
                    >
                        @foreach ($account_options as $key => $value)
                            <option value="{{ $key }}"
                                {{ in_array($key, $selectedAccounts, true) ? 'selected' : '' }}>
                                {{ $value }}
                            </option>
                        @endforeach
                    </select>
                </div>


                <div class="col-md-6">
                    <label class="form-label">{{ tr('telegram_channel') }}:</label>

                    <input type="text" class="form-control" name="telegram_channel" value="{{ old('telegram_channel', $merchant->telegram_channel ?? '') }}">
                </div>


                <div class="d-grid mt-4">
                    <button type="submit" class="btn btn-primary w-max mt-3">{{ $merchant ? tr('update_merchant_settings') : tr('create_merchant_settings') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection

@section('scripts')

<script>
    document.addEventListener("DOMContentLoaded", function() {
        const element = document.querySelector("#bank_account_selection");

        if (element) {
            new Choices(element, {
                removeItemButton: true,
                placeholderValue: "Select Bank Accounts…",
            });
        }
    });
    document.addEventListener("DOMContentLoaded", function() {
        initPasswordToggle();

        const element = document.querySelector("#choices-default-multiple");
        if (element) {
            new Choices(element, {
                removeItemButton: true,
                placeholderValue: "Select countries…",
            });
        }
    });

    document.addEventListener("DOMContentLoaded", function() {
        initPasswordToggle();

        const element = document.querySelector("#beneficiary-mandatory-fields");
        if (element) {
            new Choices(element, {
                removeItemButton: true,
                placeholderValue: "Select Non-Mandatory Fields…",
            });
        }
    });

    document.addEventListener("DOMContentLoaded", function() {
        initPasswordToggle();

        const element = document.querySelector("#remitters-mandatory-fields");
        if (element) {
            new Choices(element, {
                removeItemButton: true,
                placeholderValue: "Select Non-Mandatory Fields…",
            });
        }
    });

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

        const element = document.querySelector("#account_type_selection");
        if (element) {
            new Choices(element, {
                removeItemButton: true,
                placeholderValue: "Select Account Type…",
            });
        }
    });


    function initPasswordToggle() {
        const toggles = document.querySelectorAll(".toggle-password");
        if (!toggles.length) return;

        toggles.forEach((toggle) => {
            toggle.addEventListener("click", function() {
                const targetId = this.getAttribute("data-target");
                if (!targetId) return;

                const targetInput = document.getElementById(targetId);
                if (!targetInput) return;

                const icon = this.querySelector("i");
                if (!icon) return;

                if (targetInput.type === "password") {
                    targetInput.type = "text";
                    icon.classList.replace("ri-eye-off-line", "ri-eye-line");
                } else {
                    targetInput.type = "password";
                    icon.classList.replace("ri-eye-line", "ri-eye-off-line");
                }
            });
        });
    }
</script>


@endsection