@extends("agentportal.layouts.layout")

@section("title", $details->name)

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

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ $details->name }}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ url('agentportal/agentcountries') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                <!--end::Button-->
                            </div>
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <div class="example1">
                                <div class="example1-preview">
                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="details-tab" data-toggle="tab" href="#details" role="tab" aria-controls="details" aria-selected="true">
                                                {!! trans("message_lang.LBL_DETAILS") !!}
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="fees-tab" data-toggle="tab" href="#fees" role="tab" aria-controls="locations" aria-selected="false">
                                                {!! trans("message_lang.REPAYMENT_FEES") !!}
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="fees2-tab" data-toggle="tab" href="#fees2" role="tab" aria-controls="locations" aria-selected="false">
                                                {!! trans("message_lang.LBL_FEES") !!}
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="limits-tab" data-toggle="tab" href="#limits" role="tab" aria-controls="locations" aria-selected="false">
                                                {!! trans("message_lang.LBL_LIMITS") !!}
                                            </a>
                                        </li>
                                        @hasanyrole('administrator|compliance')
                                        <li class="nav-item">
                                            <a class="nav-link" id="hours-tab" data-toggle="tab" href="#hours" role="tab" aria-controls="hours" aria-selected="false">
                                                {!! trans("message_lang.LBL_WEEKLY_WORKING_HOURS") !!}
                                            </a>
                                        </li>
                                        @endhasanyrole
                                        <li class="nav-item">
                                            <a class="nav-link" id="limits-tab" data-toggle="tab" href="#cicoCommis" role="tab" aria-controls="locations" aria-selected="false">
                                                CICO Commission
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content" id="myTabContent">
                                        <div role="tabpanel" aria-labelledby="details-tab" id="details" class="tab-pane fade active show">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_AGENT_COUNTRY") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">

                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-8">
                                                            <table class="table table-sm table-borderless">
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_AGENT_COUNTRY_NAME") !!}:</td>
                                                                    <th>{{ _set_dash($details->name) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_AGENT_COUNTRY_SORTNAME") !!}:</td>
                                                                    <th>{{ _set_dash($details->sortname) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans("message_lang.LBL_AGENT_COUNTRY_ISONAME") !!}:</td>
                                                                    <th>{{ _set_dash($details->isoname) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_AGENT_COUNTRY_CURRENCY') }}:</td>
                                                                    <th>{{ _set_dash($details->currency) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_AGENT_COUNTRY_PHONE_CODE') }}:</td>
                                                                    <th>{{ _set_dash($details->phone_code) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_AGENT_COUNTRY_COMMISSION') }}:</td>
                                                                    <th>{{ $details->commission ? $details->commission."%": "-" }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_REPAYMENT_COMMISSION') }}:</td>
                                                                    <th>{{ isset($details->repayment_commission) ? $details->repayment_commission : "-" }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_AGENT_TOPUP_COMMISSION') }}:</td>
                                                                    <th>{{ isset($details->agent_topup_commission) ? $details->agent_topup_commission : "-" }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_WALLET_REPAYMENT') !!}:</td>
                                                                    <th>{{ (isset($details->enable_wallet_repayment) && $details->enable_wallet_repayment == true) ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_LOGIN_SECURITY_CODE') !!}:</td>
                                                                    <th>{{ (isset($details->enable_otp) && $details->enable_otp == '1') ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{!! trans('message_lang.LBL_ENABLE_SENDING_OTP') !!}:</td>
                                                                    <th>{{ (isset($details->enable_passcode) && $details->enable_passcode == '1') ? 'Enabled' : 'Disabled' }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_COMPANY') }}:</td>
                                                                    <th>{{ _set_dash($details->agent_companies->pluck('name')->implode(', ')) }}</th>
                                                                </tr>
                                                                <tr>
                                                                    <td>{{ trans('message_lang.LBL_WORKING_HOUR') }}:</td>
                                                                    <th>{{ $details->work_start_time }}-{{ $details->work_end_time }}</th>
                                                                </tr>

                                                            </table>
                                                        </div>
                                                        <div class="col-md-4"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Card-->
                                        </div>

                                        <div role="tabpanel" aria-labelledby="fees-tab" id="fees" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.REPAYMENT_FEES") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/agentcountries/' . base64_encode($details->id) . '/repayment-fees/create') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th># </th>
                                                                <th>{{ __('message_lang.LBL_AMOUNT_RANGE') }}</th>
                                                                <th>{{ __('message_lang.LBL_FEES') }}</th>
                                                                <th>{{ __('message_lang.LBL_TYPE') }}</th>
                                                                <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                        </div>

                                        <div role="tabpanel" aria-labelledby="fees2-tab" id="fees2" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_FEES") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/agentcountries/' . base64_encode($details->id) . '/fees/create') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable2" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th># </th>
                                                                <th>{{ __('message_lang.LBL_AMOUNT_RANGE') }}</th>
                                                                <th>{{ __('message_lang.LBL_FEES') }}</th>
                                                                <th>{{ __('message_lang.LBL_TYPE') }}</th>
                                                                <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Limits -->
                                        <div role="tabpanel" aria-labelledby="limits-tab" id="limits" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">{!! trans("message_lang.LBL_LIMITS") !!}</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/agentcountries/' . base64_encode($details->id) . '/limits/create') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable3" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th># </th>
                                                                <th>{{ __('message_lang.LBL_LIMITS') }}</th>
                                                                <th>{{ __('message_lang.LBL_TYPE') }}</th>
                                                                <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Working Hours -->
                                        <div role="tabpanel" aria-labelledby="hours-tab" id="hours" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <ul class="nav nav-tabs" id="HoursTab" role="tablist">
                                                @hasanyrole('administrator|compliance')
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="BNB-hours-tab" data-toggle="tab" href="#BNBhours" role="tab" aria-controls="BNBhours" aria-selected="true">
                                                        {!! trans("message_lang.LBL_BNB_TRANSFER") !!}
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="MG-hours-tab" data-toggle="tab" href="#MGhours" role="tab" aria-controls="MGhours" aria-selected="false">
                                                        {!! trans("message_lang.LBL_MONEYGRAM_CASHAPP") !!}
                                                    </a>
                                                </li>
                                                @endhasanyrole
                                            </ul>
                                            <div class="tab-content" id="HoursTabContent">
                                                <div role="tabpanel" aria-labelledby="BNB-hours-tab" id="BNBhours" class="tab-pane fade active show">
                                                    <form method="POST" action="{!! route('agentportal.agentcountries.workingHours',base64_encode($details->id)) !!}">
                                                        @csrf
                                                        <div class="card card-custom">
                                                            <div class="card-header">
                                                                <div class="card-title">
                                                                    <h3 class="card-label">{!! trans("message_lang.LBL_BNB_TRANSFER") !!}</h3>
                                                                </div>
                                                                <div class="card-toolbar">
            
                                                                </div>
                                                            </div>
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-12">
                                                                        <div class="alert alert-custom alert-danger time_message" role="alert" style="display:none">
                                                                            <div class="alert-text">Select Valid Start and End Time</div>
                                                                            <div class="alert-close">
                                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                                    <span aria-hidden="true">
                                                                                        <i class="ki ki-close"></i>
                                                                                    </span>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                        <table class="table table-sm table-borderless">
                                                                            @if($details->working_hours('BNB')->count() > 0)
                                                                                @foreach($details->working_hours('BNB')->get() as $hour)
                                                                                <input type="hidden" name="hours[{{ $hour->week_day }}][company_code]" value="BNB">
                                                                                <input type="hidden" name="hours[{{ $hour->week_day }}][week_day]" value="{{ $hour->week_day }}">
                                                                                <tr>
                                                                                    <th>{!! config('constants.WEEKDAYS')[$hour->week_day] !!}:</th>
                                                                                    <td><input type="text" name="hours[{{ $hour->week_day }}][start_time]" id="BNBStartTime{{ $hour->week_day }}" class="timepicker" data-id="#BNBEndTime{{ $hour->week_day }}" placeholder="Start Time" value="{!! $hour->start_time ? Carbon\Carbon::parse($hour->start_time)->format("h:i a") : ''!!}" autocomplete="off"></td>
                                                                                    <td><input type="text" name="hours[{{ $hour->week_day }}][end_time]" id="BNBEndTime{{ $hour->week_day }}" class="timepicker" data-id="#BNBStartTime{{ $hour->week_day }}"placeholder="End Time" value="{!! $hour->end_time ? Carbon\Carbon::parse($hour->end_time)->format("h:i a") : '' !!}" autocomplete="off"></td>
                                                                                </tr>
                                                                                @endforeach
                                                                            @else
                                                                                @foreach(config('constants.WEEKDAYS') as $i => $day)
                                                                                <input type="hidden" name="hours[{{ $i }}][company_code]" value="BNB">
                                                                                <input type="hidden" name="hours[{{ $i }}][week_day]" value="{{ $i }}">
                                                                                <tr>
                                                                                    <th>{!! $day !!}:</th>
                                                                                    <td><input type="text" name="hours[{{ $i }}][start_time]" id="BNBStartTime{{ $i }}" class="timepicker" data-id="#BNBEndTime{{ $i }}" placeholder="Start Time" autocomplete="off"></td>
                                                                                    <td><input type="text" name="hours[{{ $i }}][end_time]" id="BNBEndTime{{ $i }}" class="timepicker" data-id="#BNBStartTime{{ $i }}" placeholder="End Time" autocomplete="off"></td>
                                                                                </tr>
                                                                                @endforeach
                                                                            @endif
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="card-footer">
                                                                <button type="submit" class="btn btn-primary mr-2 hours-submit">{{ trans('message_lang.BTN_SUBMIT') }}</button>
                                                                <button type="reset" class="btn btn-secondary">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
                                                            </div>                    
                                                        </div>
                                                    <!--end::Card-->
                                                    </form>                   
                                                </div>
                                                <div role="tabpanel" aria-labelledby="MG-hours-tab" id="MGhours" class="tab-pane fade">
                                                    <form method="POST" id="MG_WORKING_HOURS" action="{!! route('agentportal.agentcountries.workingHours',base64_encode($details->id)) !!}">
                                                    @csrf
                                                    <div class="card card-custom">
                                                        <div class="card-header">
                                                            <div class="card-title">
                                                                <h3 class="card-label">{!! trans("message_lang.LBL_MONEYGRAM_CASHAPP") !!}</h3>
                                                            </div>
                                                            <div class="card-toolbar">

                                                            </div>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="alert alert-custom alert-danger time_message" role="alert" style="display:none">
                                                                        <div class="alert-text">Select Valid Start and End Time</div>
                                                                        <div class="alert-close">
                                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                                <span aria-hidden="true">
                                                                                    <i class="ki ki-close"></i>
                                                                                </span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <table class="table table-sm table-borderless">
                                                                        @if($details->working_hours('MG')->count() > 0)
                                                                            @foreach($details->working_hours('MG')->get() as $hour)
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][company_code]" value="MG">
                                                                            <input type="hidden" name="hours[{{ $hour->week_day }}][week_day]" value="{{ $hour->week_day }}">
                                                                            <tr>
                                                                                <th>{!! config('constants.WEEKDAYS')[$hour->week_day] !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][start_time]" id="StartTime{{ $hour->week_day }}" class="timepicker" data-id="#EndTime{{ $hour->week_day }}" placeholder="Start Time" value="{!! $hour->start_time ? Carbon\Carbon::parse($hour->start_time)->format("h:i a") : ''!!}" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $hour->week_day }}][end_time]" id="EndTime{{ $hour->week_day }}" class="timepicker" data-id="#StartTime{{ $hour->week_day }}"placeholder="End Time" value="{!! $hour->end_time ? Carbon\Carbon::parse($hour->end_time)->format("h:i a") : '' !!}" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @else
                                                                            @foreach(config('constants.WEEKDAYS') as $i => $day)
                                                                            <input type="hidden" name="hours[{{ $i }}][company_code]" value="MG">
                                                                            <input type="hidden" name="hours[{{ $i }}][week_day]" value="{{ $i }}">
                                                                            <tr>
                                                                                <th>{!! $day !!}:</th>
                                                                                <td><input type="text" name="hours[{{ $i }}][start_time]" id="StartTime{{ $i }}" class="timepicker" data-id="#EndTime{{ $i }}" placeholder="Start Time" autocomplete="off"></td>
                                                                                <td><input type="text" name="hours[{{ $i }}][end_time]" id="EndTime{{ $i }}" class="timepicker" data-id="#StartTime{{ $i }}" placeholder="End Time" autocomplete="off"></td>
                                                                            </tr>
                                                                            @endforeach
                                                                        @endif
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer">
                                                            <button type="submit" class="btn btn-primary mr-2 hours-submit">{{ trans('message_lang.BTN_SUBMIT') }}</button>
                                                            <button type="reset" class="btn btn-secondary">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
                                                        </div>                    
                                                    </div>
                                                    <!--end::Card-->
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- CICO commissions -->
                                        <div role="tabpanel" aria-labelledby="limits-tab" id="cicoCommis" class="tab-pane fade">
                                            <!--begin::Card-->
                                            <div class="card card-custom">
                                                <div class="card-header">
                                                    <div class="card-title">
                                                        <h3 class="card-label">Mobile Money CICO Commissions</h3>
                                                    </div>
                                                    <div class="card-toolbar">
                                                        <!--begin::Button-->
                                                        <a href="{{ url('agentportal/agentcountries/' . base64_encode($details->id) . '/MMCiCoC/create') }}" class="btn btn-primary font-weight-bolder">{!! trans("message_lang.BTN_ADD_NEW") !!}</a>
                                                        <!--end::Button-->
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                    <!--begin: Datatable-->
                                                    <table id="datatable4" class="table table-bordered grid-table nowrap">
                                                        <thead>
                                                            <tr>
                                                                <th># </th>
                                                                <th>Mobile Company</th>
                                                                <th>Transaction Type</th>
                                                                <th>Commission Type</th>
                                                                <th>Percent Of</th>
                                                                <th>Amount Range</th>
                                                                <th>Commission</th>
                                                                <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                    <!--end: Datatable-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card-footer">

                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_vendors")
    <script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection
@section("page_script")
<script type="text/javascript">
    let details = @json($details);
    console.log(details);


    var datatable;
    $(document).ready(function () {

        $('.timepicker').timepicker({
            defaultTime: false,
            showInputs: false,
            minuteStep: 5
        });

        $('.timepicker').timepicker().on('changeTime.timepicker', function(e) {
            timeId = jQuery(this).data('id');
            start_time = timeId.includes("#EndTime") ? jQuery(this).val() : jQuery(timeId).val();
            end_time = timeId.includes("#StartTime") ? jQuery(this).val() : jQuery(timeId).val();
            if(start_time != "" && end_time != ""){
                var start_time = new Date("01/01/2000 " + start_time);
                start_time = start_time.getTime();
        
                var end_time = new Date("01/01/2000 " + end_time);
                end_time = end_time.getTime();

                console.log("Time1: "+ start_time + " Time2: " + end_time);
                if(start_time > end_time){
                    jQuery(".time_message").show();
                } else {
                    jQuery(".time_message").hide();
                }
            } else if(start_time != "" || end_time != ""){
                jQuery(".time_message").show();
            }
        });

        if ($('#datatable').length > 0) {
            datatable = $('#datatable').DataTable({
                language: {
                        lengthMenu: "{!! trans('message_lang.DATATABLE_LBL_SHOW') !!} _MENU_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        search: "{!! trans('message_lang.DATATABLE_LBL_SEARCH') !!}",
                        emptyTable: "{!! trans('message_lang.DATATABLE_LBL_NO_DATA_AVAILABLE') !!}",
                        info: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} _START_ {!! trans('message_lang.DATATABLE_LBL_TO') !!} _END_ {!! trans('message_lang.DATATABLE_LBL_OF') !!} _TOTAL_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoEmpty: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_TO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_OF') !!} 0 {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoFiltered:   "({!! trans('message_lang.DATATABLE_FILTERED_FROM') !!} _MAX_ {!! trans('message_lang.DATATABLE_TOTAL_ENTRIES') !!})",
                        zeroRecords: "{!! trans('message_lang.DATATABLE_NO_MATCHING_RECORD_FOUND') !!}",
                },
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, '{!! trans("message_lang.LBL_ALL") !!}']],
                pageLength: 10,
                aaSorting: [5, 'DESC'],
                ajax: {
                    url: "{{ route('agentportal.agentcountries.ajaxDatatable-repayment-fee', ['agtCtrId' => base64_encode($details->id)]) }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                },
                columnDefs: [
                    {
                        targets: [0, 4], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    {
                        targets: [5], // column index
                        visible: false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'amount_range',
                        name: 'amount_range'
                    },
                    {
                        data: 'charges',
                        name: 'charges'
                    },
                    {
                        data: 'type',
                        name: 'type'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }

        if ($('#datatable2').length > 0) {
            datatable = $('#datatable2').DataTable({
                language: {
                        lengthMenu: "{!! trans('message_lang.DATATABLE_LBL_SHOW') !!} _MENU_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        search: "{!! trans('message_lang.DATATABLE_LBL_SEARCH') !!}",
                        emptyTable: "{!! trans('message_lang.DATATABLE_LBL_NO_DATA_AVAILABLE') !!}",
                        info: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} _START_ {!! trans('message_lang.DATATABLE_LBL_TO') !!} _END_ {!! trans('message_lang.DATATABLE_LBL_OF') !!} _TOTAL_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoEmpty: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_TO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_OF') !!} 0 {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoFiltered:   "({!! trans('message_lang.DATATABLE_FILTERED_FROM') !!} _MAX_ {!! trans('message_lang.DATATABLE_TOTAL_ENTRIES') !!})",
                        zeroRecords: "{!! trans('message_lang.DATATABLE_NO_MATCHING_RECORD_FOUND') !!}",
                },
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, '{!! trans("message_lang.LBL_ALL") !!}']],
                pageLength: 10,
                aaSorting: [5, 'DESC'],
                ajax: {
                    url: "{{ route('agentportal.agentcountries.ajaxDatatable-fee', ['agtCtrId' => base64_encode($details->id)]) }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                },
                columnDefs: [
                    {
                        targets: [0, 4], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    {
                        targets: [5], // column index
                        visible: false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'amount_range',
                        name: 'amount_range'
                    },
                    {
                        data: 'charges',
                        name: 'charges'
                    },
                    {
                        data: 'type',
                        name: 'type'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }

        //Limits
        if ($('#datatable3').length > 0) {
            datatable = $('#datatable3').DataTable({
                language: {
                        lengthMenu: "{!! trans('message_lang.DATATABLE_LBL_SHOW') !!} _MENU_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        search: "{!! trans('message_lang.DATATABLE_LBL_SEARCH') !!}",
                        emptyTable: "{!! trans('message_lang.DATATABLE_LBL_NO_DATA_AVAILABLE') !!}",
                        info: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} _START_ {!! trans('message_lang.DATATABLE_LBL_TO') !!} _END_ {!! trans('message_lang.DATATABLE_LBL_OF') !!} _TOTAL_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoEmpty: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_TO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_OF') !!} 0 {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoFiltered:   "({!! trans('message_lang.DATATABLE_FILTERED_FROM') !!} _MAX_ {!! trans('message_lang.DATATABLE_TOTAL_ENTRIES') !!})",
                        zeroRecords: "{!! trans('message_lang.DATATABLE_NO_MATCHING_RECORD_FOUND') !!}",
                },
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, '{!! trans("message_lang.LBL_ALL") !!}']],
                pageLength: 10,
                aaSorting: [4, 'DESC'],
                ajax: {
                    url: "{{ route('agentportal.agentcountries.ajaxDatatable-limits', ['agtCtrId' => base64_encode($details->id)]) }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                },
                columnDefs: [
                    {
                        targets: [0, 3], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    {
                        targets: [4], // column index
                        visible: false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'limits',
                        name: 'limits'
                    },
                    {
                        data: 'type',
                        name: 'type'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }

        // Mobile Money CiCo Commissions
        if ($('#datatable4').length > 0) {
            datatable = $('#datatable4').DataTable({
                language: {
                        lengthMenu: "{!! trans('message_lang.DATATABLE_LBL_SHOW') !!} _MENU_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        search: "{!! trans('message_lang.DATATABLE_LBL_SEARCH') !!}",
                        emptyTable: "{!! trans('message_lang.DATATABLE_LBL_NO_DATA_AVAILABLE') !!}",
                        info: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} _START_ {!! trans('message_lang.DATATABLE_LBL_TO') !!} _END_ {!! trans('message_lang.DATATABLE_LBL_OF') !!} _TOTAL_ {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoEmpty: "{!! trans('message_lang.DATATABLE_LBL_SHOWING_INFO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_TO') !!} 0 {!! trans('message_lang.DATATABLE_LBL_OF') !!} 0 {!! trans('message_lang.DATATABLE_LBL_ENTRIES') !!}",
                        infoFiltered:   "({!! trans('message_lang.DATATABLE_FILTERED_FROM') !!} _MAX_ {!! trans('message_lang.DATATABLE_TOTAL_ENTRIES') !!})",
                        zeroRecords: "{!! trans('message_lang.DATATABLE_NO_MATCHING_RECORD_FOUND') !!}",
                },
                processing: true,
                serverSide: true,
                responsive: true,
                lengthMenu: [[10, 50, 100, -1], [10, 50, 100, '{!! trans("message_lang.LBL_ALL") !!}']],
                pageLength: 10,
                aaSorting: [6, 'DESC'],
                ajax: {
                    url: "{{ route('agentportal.agentcountries.ajaxDataTable-MMCiCoC', ['agtCtrId' => base64_encode($details->id)]) }}",
                    type: "POST",
                    dataType: "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                },
                columnDefs: [
                    {
                        targets: [0, 7], // first column & numbering column
                        orderable: false, // set not orderable
                    },
                    {
                        targets: [7], // column index
                        visible: true,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'mobileCompany',
                        name: 'mobileCompany'
                    },
                    {
                        data: 'amountType',
                        name: 'amountType'
                    },
                    {
                        data: 'commissionType',
                        name: 'commissionType'
                    },
                    {
                        data: 'percent_of',
                        name: 'percent_of'
                    },
                    {
                        data: 'amountRange',
                        name: 'amountRange'
                    },
                    {
                        data: 'commission',
                        name: 'commission'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    }
                ]
            });
        }
    });
</script>
@endsection