@extends('layout.app')
@section('content')

<div class="flex flex-col mt-5">
    <div class=" bg-white p-6 rounded-lg">

       

        <div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
            <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
                <div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg" id="PrintSection">
                    <div class="flex justify-between noprint">

                       

                        <div class="p-2 mb-5">
                            {{-- <a class="noprint cursor-pointer mt-2 uppercase px-2 py-1 rounded inline-block bg-green-600 text-xs text-white"
                                href="#" target="blank"><i class="fa fa-print"></i> Print
                            </a> --}}
                            <button type="button" onclick="window.print()">Print
                                <i class="fa fa-print"></i>
                            </button>
                        </div>
                    </div>

                    <h2 class="text-center bold text-xl font-bold pb-5 mt-5 ">
                        Manager Balance Report</h2>
                    <br>
                    {{-- <hr> --}}

                    <table id="dataTable" class="min-w-full divide-y divide-gray-200 pt-2">
                        <thead class="bg-gray-50">

                    {{-- <table class="table-auto min-w-full divide-y divide-gray-200 pt-2 pop">
                        <thead class="bg-gray-50 table-header-group"> --}}
                            <tr>
                                <th>Name</th>
                                <th>Balance</th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            {{-- @php($total=0) --}}
                            @foreach($managerBalance as $r)

                            <tr>
                                <td style="text-align: center">
                                    {{ $r->name }}
                                </td>
                                <td class="whitespace-nowrap" style="text-align: center">
                                    {{$r->after_recharge_balance ?? ''}}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>

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


<style>
    /* .pop {
        display: none;
    }
    @media print {
        table tr th,
        table,
        tr,
        td {
            font-size: 10px !important;
            padding: 2px !important;
        }
    } */
</style>

@endsection