@extends('backEnd.master')
    @section('title')
        @lang('system_settings.payment_method_settings')
    @endsection
@section('mainContent')
@push('css')
    <style>
        table.dataTable thead th {
            padding: 10px 30px !important;
        }

        table.dataTable tbody th, table.dataTable tbody td {
            padding: 20px 30px 20px 30px !important;
        }

        table.dataTable tfoot th, table.dataTable tfoot td {
            padding: 10px 30px 6px 30px;
        }
        a.disabled {
            pointer-events: none;
            cursor: default;
        }
        .CustomPaymentMethod{
            padding: 5px 0px 0px 0px !important;
            border-top: 0px !important;
        }
        .link-wrod-wrap{
            word-wrap: break-word;
        }
        table tr td{
            min-width: 150px;
        }
    </style>
@endpush
<section class="sms-breadcrumb mb-20">
    <div class="container-fluid">
        <div class="row justify-content-between">
            <h1>@lang('system_settings.payment_method_settings')</h1>
            <div class="bc-pages">
                <a href="{{route('dashboard')}}">@lang('common.dashboard')</a>
                <a href="#">@lang('system_settings.system_settings')</a>
                <a href="#">@lang('system_settings.payment_method_settings')</a>
            </div>
        </div>
    </div>
</section>
<section class="mb-40 student-details">
    <div class="container-fluid p-0">
        <div class="row pt-20">
            <div class="col-lg-3">
                @if(userPermission('is-active-payment'))
                    {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => 'is-active-payment']) }}
                @endif
                <div class="white-box">
                    <div class="main-title">
                        <h3 class="mb-15">@lang('system_settings.select_a_payment_gateway')   </h3>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="table">
                                @foreach($paymeny_gateway as $value)
                                    @if(moduleStatusCheck('RazorPay') == FALSE && $value->method =="RazorPay")
                                @else
                                    <tr>
                                        <td class="CustomPaymentMethod">
                                            <div class="primary_input">
                                                <input type="checkbox" id="gateway_{{@$value->method}}" class="common-checkbox class-checkbox" name="gateways[{{@$value->id}}]"
                                                value="{{@$value->id}}" {{@$value->active_status == 1? 'checked':''}}>
                                                <label for="gateway_{{@$value->method}}">{{@$value->method}}</label>
                                            </div>
                                        </td>
                                        <td class="CustomPaymentMethod"></td>
                                    </tr>
                                @endif
                                @endforeach
                            </table>
                            @if($errors->has('gateways'))
                                <span class="text-danger validate-textarea-checkbox" role="alert">
                                    {{ $errors->first('gateways') }}
                                </span>
                            @endif
                        </div>
                    </div>
                    @php
                        $tooltip = "";
                        if(userPermission('is-active-payment')){ $tooltip = ""; }else{  $tooltip = "You have no permission to Update"; }
                    @endphp
                    <div class="row mt-15">
                        <div class="col-lg-12 text-center">
                            @if(Illuminate\Support\Facades\Config::get('app.app_sync'))
                                <span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled For Demo "> <button class="primary-btn fix-gr-bg  demo_view" style="pointer-events: none;" type="button" >@lang('common.update') </button></span>
                            @else
                                <button class="primary-btn fix-gr-bg" data-toggle="tooltip" title="{{@$tooltip}}">
                                    <span class="ti-check"></span>
                                    @lang('common.update')
                                </button>
                          @endif
                        </div>
                    </div>
                </div>
                    {{ Form::close() }}
            </div>

            <div class="col-lg-9">
                 <div class="white-box">
                    <div class="row px-3" style="gap: 20px">
                        <div class="main-title pt-10">
                            <h3>@lang('system_settings.gateway_setting')</h3>
                        </div>
                        <ul class="nav nav-tabs justify-content-start justify-sm-content-end my-2" role="tablist">
                            @foreach($paymeny_gateway_settings as $row)
                            @if(moduleStatusCheck('RazorPay') == FALSE && $row->gateway_name =="RazorPay")
                            @else
                                <li class="nav-item">
                                    <a class="nav-link
                                    @if(!empty(Session::get('gateway_name')) && !empty(Session::get('active_status')))
                                        @if(Session::get('gateway_name') == @$row->gateway_name && Session::get('active_status') == "active") active show
                                        @endif                               
                                    @else
                                        @if(@$row->gateway_name=='PayPal') active show @endif
                                    @endif "
                                     href="#{{@$row->gateway_name}}" role="tab" data-toggle="tab">{{@$row->gateway_name}}</a>
                                </li>
                            @endif
                            @endforeach
                        </ul>
                     </div>
                    <!-- Tab panes -->
    
                    <div class="tab-content">
                        @php
                            $forServiceCharge = ['service_charge', 'charge'];
                        @endphp
                        @foreach ($paymeny_gateway_settings as $row)
                            <div role="tabpanel"
                                class="tab-pane fade   
                                @if(!empty(Session::get('gateway_name')) && !empty(Session::get('active_status')))
                                @if(Session::get('gateway_name') == @$row->gateway_name && Session::get('active_status') == "active") active show
                                @endif                               
                            @else
                                @if(@$row->gateway_name=='PayPal') active show @endif
                            @endif "
                                "
                                id="{{ @$row->gateway_name }}">
                                @if (userPermission('update-payment-gateway'))
                                    <form class="form-horizontal" action="{{ route('update-payment-gateway') }}"
                                        method="POST">
                                @endif
                                @csrf
                                <div>
                                    <div class="">
                                        <input type="hidden" name="url" id="url" value="{{ URL::to('/') }}">
                                        <input type="hidden" name="gateway_name" id="gateway_{{ @$row->gateway_name }}"
                                            value="{{ @$row->gateway_name }}">
                                        <div class="row mb-15">
                                            <div class="col-md-12">
                                                                                            </div>
                                            <div class="col-md-7">
                                                <div class="row justify-content-center">
                                                    @if (!empty(@$row->logo))
                                                        <img class="logo" src="{{ URL::asset(@$row->logo) }}"
                                                            style="width: auto; height: 100px; ">
                                                    @endif
                                                </div>
                                                <div class="row justify-content-center">
                                                    @if (session()->has('message-success'))
                                                        <p class=" text-success">
                                                            {{ session()->get('message-success') }}
                                                        </p>
                                                    @elseif(session()->has('message-danger'))
                                                        <p class=" text-danger">
                                                            {{ session()->get('message-danger') }}
                                                        </p>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @php
                                        $tooltip = '';
                                        if (userPermission('update-payment-gateway')) {
                                            $tooltip = '';
                                        } else {
                                            $tooltip = 'You have no permission to add';
                                        }
                                    @endphp
                                    @if (@$row->gateway_name != 'Bank')
                                        @if (@$row->gateway_name == 'Paystack')
                                            <strong class="main-title"> N.B: Please Set This url <a class="disabled link-wrod-wrap"
                                                    href=" {{ route('payment.success','Paystack') }}" disable>
                                                    @if (directFees() ||  generalSetting()->fees_status )
                                                    {{ route('payment.success','Paystack') }} 
                                                    @else
                                                        {{ route('handleGatewayCallback') }} 
                                                    @endif
                                                </a> As Paystack Callback Url </strong>
                                        @endif
    
                                        @if (@$row->gateway_name == 'Raudhahpay')
                                            <strong class="main-title"> N.B: Please Set This url <a class="disabled link-wrod-wrap"
                                                    href="{{ url('raudhahpay/payment_success_callback') }}"
                                                    disable>{{ url('raudhahpay/payment_success_callback') }}</a> As
                                                Raudhahpay WebHook Url </strong>
                                        @endif
    
                                        <div class="row mt-40">
                                            <div class="col-lg-12 text-center">
                                                @if (Illuminate\Support\Facades\Config::get('app.app_sync'))
                                                    <span class="d-inline-block" tabindex="0" data-toggle="tooltip"
                                                        title="Disabled For Demo "> <button
                                                            class="primary-btn fix-gr-bg  demo_view"
                                                            style="pointer-events: none;"
                                                            type="button">@lang('common.update') </button></span>
                                                @else
                                                    <button class="primary-btn fix-gr-bg" data-toggle="tooltip"
                                                        title="{{ @$tooltip }}">
                                                        <span class="ti-check"></span>
                                                        @lang('common.update')
                                                    </button>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
    
                                </div>
                                </form>
                            </div>
                        @endforeach
                    </div>
                 </div>
            </div>
        </div>
    </div>
</section>
@endsection
@push('script')
    <script>
        $(document).on('change','.accountStatus',function (){
            let account_id = $(this).data('id');
            let account_status =0;
            if ($(this).is(':checked'))
            {
                account_status = 1;
            }
            $.ajax({
                url : "{{route('bank-status')}}",
                method : "POST",
                data : {
                    account_id : account_id,
                    account_status : account_status,
                },
                success : function (result){
                    toastr.success('Operation successful', 'Successful', {
                        timeOut: 5000
                    })
                }
            })
        })
        $(document).on('click', '.service_charge', function(){
            let gateway_name = $(this).data('gateway_name');
            let service_charge = $(this).data('gateway_name');
            let status = $(this).is(':checked') ? 1 : 0;
            let type = $('.type_'+gateway_name).val();
            if(status == 1) {
                $('#charge_type_'+gateway_name).removeClass('d-none');        
            }else {
                $('#charge_type_'+gateway_name).addClass('d-none');
            }            
        });  
        $(document).on('keyup', '.chargeValue', function(){
            let gateway_name = $(this).data('gateway_name');
            let className = $('.type_'+gateway_name);
            let type = $("input.type_"+gateway_name+"[name='charge_type']:checked").val();
            console.log(type);
            let charge = $(this).val();
            console.log(typeof charge);            
            if (type == 'P' && charge > 100) {
                toastr.error("Value Can't be more than 100 ");
                $(this).val('');
            }
        });                                                                                                                                                                                                                                              
    </script>                                              
    @endpush