@auth
    @role('superadministrator')
    <div>
        <div class="right_col" role="main">
            <div class="">
              <div class="page-title">
                <div class="title_left">
                  <h4 class="text-primary font-weight-bolder"><small>Accounts</small></h4>
                </div>

              </div>

              <div class="clearfix"></div>

              <div class="row">

                <div class="col-md-12 col-sm-12 ">
                  <div class="x_panel">
                    <div class="x_title">
                      <h2>Medical Officers No. <strong class="text-danger">
                        @if((array)json_decode($userData, true))
                        {{ count((array)json_decode($userData, true)) }}
                        @else
                        {{ __(0) }}
                        @endif
                        </strong><small></small></h2>
                      <ul class="nav navbar-right panel_toolbox">
                        <li>
                        </li>
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                      </ul>
                      <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="card-box table-responsive">
                                    <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>First Name</th>
                                            <th>Middle Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                            @if((array)json_decode($userData, true))

                                            @foreach ((array)json_decode($userData, true) as $key => $Dataitems )

                                            <tr>
                                                <td>{{ $key+1 }}</td>
                                                <td>{{ $Dataitems['firstname'] }}</td>
                                                <td>{{ $Dataitems['middlename'] }}</td>
                                                <td>{{ $Dataitems['lastname'] }}</td>
                                                <td>{{ $Dataitems['email'] }}</td>
                                                <td>{{ $Dataitems['phone'] }}</td>
                                            </tr>

                                            @endforeach

                                            @endif

                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
    </div>
    @endrole
@endauth