@extends('layouts.main') 
@section('title', 'Payment Report')
@section('content')
    @push('head')
 
    @endpush
    <div class="container-fluid  mt-5">
        <x-breadcrumb :pageTitle="$pageTitle" :desc="$desc" :iconName="$iconName"/>
    </div>
    {{--  --}}
    <div class="col-md-12">
        <div class="card p-3">
            <div class="card-body">
                     <div>
                            <ul class="nav nav-pills mb-3"  id="pills-tab" role="tablist">
                                <li class="nav-item " style="border: 1px solid #222;">
                                    <a 
                                        class="nav-link active" 
                                        id="pills-paystack-tab" 
                                        data-toggle="pill" 
                                        href="#pills-paystack" 
                                        role="tab" 
                                        aria-controls="pills-paystack" 
                                        aria-selected="true">
                                        Agent
                                    </a>
                                </li>
                                <li class="nav-item" style="border: 1px solid #222; margin-left:3px;">
                                    <a 
                                        class="nav-link" 
                                        id="pills-collegepay-tab" 
                                        data-toggle="pill" 
                                        href="#pills-collegepay" 
                                        role="tab" 
                                        aria-controls="pills-collegepay" 
                                        aria-selected="false">
                                        Agency
                                    </a>
                                </li>
                            </ul>

                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-paystack" role="tabpanel" aria-labelledby="pills-paystack-tab">
                                    @include('settings.payment.payment-module-agent')
                                </div>
                                <div class="tab-pane fade" id="pills-collegepay" role="tabpanel" aria-labelledby="pills-collegepay-tab">
                                    @include('settings.payment.payment-module-agency')
                                </div>
                            </div>
                        </div>
              
            </div>
        </div>
    </div>


    {{--  --}}
    @push('script')
    <script src="{{ asset('js/custom.js')}}"></script>
     <script>
        document.body.classList.add("sidebar-mini");
        @if (session('success')) 
            fireSwalSuccessAlert('Settings Updated Succesfully');  
        @endif
     </script> 
    @endpush
@endsection