<!DOCTYPE html>
<html lang="en" class="default-style">

<head>
    <title>{{projectTitle()}}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="Codedthemes">
    @include('headerscript')

</head>
<div class="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <!-- customar project  start -->
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <a href="javascript:void(0)" class="badge badge-pill badge-danger" style="font-size:20px;"
                                id="totalPatient">Total : {{$total}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-success" style="font-size:20px;"
                                id="totalChecked">Male : {{$male}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-info" style="font-size:20px;"
                                id="totalUnchecked">Female : {{$female}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-success" style="font-size:20px;"
                                id="totalChecked">New : {{$new}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-info" style="font-size:20px;"
                                id="totalUnchecked">Old : {{$old}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-success" style="font-size:20px;"
                                id="totalUnchecked">Free : {{$free}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-danger" style="font-size:20px;"
                                id="totalUnchecked">Paid : {{$paid}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-info" style="font-size:20px;background-color:#e3e337;"
                                id="totalUnchecked">Appointment : {{$appointment}}</a>
                            <a href="javascript:void(0)" class="badge badge-pill badge-info" style="font-size:20px;background-color:#f9bef9;"
                                id="totalUnchecked">Dialated : {{$dialted}}</a>
                        </div>
                    </div><br>
                    <table id="example" class="table table-striped table-bordered dt-responsive nowrap"
                        style="width:100%">
                        <thead>
                            <tr>
                                <th>Sr.No</th>
                                <th>Mrd. No</th>
                                <th>Name</th>
                                <th>Gender</th>
                                <th>Age</th>
                                <th>Amount</th>

                            </tr>
                        </thead>
                        <tbody>
                            @php $i=1;@endphp
                            @foreach($data as $result)
                            <tr>
                                <td>{{$i}}</td>
                                <td>{{$result->MrdNo}}</td>
                                <td>{{strtoupper($result->PatientName)}}</td>
                                <td>{{$result->Gender}}</td>
                                <td>{{$result->Age}}</td>
                                <td>{{$result->Amount}}</td>

                            </tr>
                            @php $i++;@endphp
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- customar project  end -->
</div>
@include('footerscript')
<script type="text/javascript">
$(document).ready(function() {
    $('#example').DataTable({
        responsive: true,
        "pageLength": 100

    });
});
</script>