@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">
                    <table class="table table-condensed">
                        <thead>
                            <tr>
                                <td> S/N </td>
                                <td> Abbrevation</td>
                                <td>Full Meaning </td>
                            </tr>
                        </thead>

                        <tbody>
                           
                            @foreach ($data as $key => $item)
                            <tr> 
                                <td>  </td>
                                <td> {{$key}} </td>
                                <td> {{$item}} </td>


                            </tr>
                                
                            @endforeach

                        </tbody>

                    </table>
              
            </div>
        </div>
    </div>


    {{--  --}}
    @push('script')

     <script>
        document.body.classList.add("sidebar-mini");
       
     </script> 
    @endpush
@endsection