dashboard alignment fixes : ps

This commit is contained in:
VE10-Sanjeev 2024-03-08 16:36:04 +05:30
parent 7de081f142
commit f73bf2013f
2 changed files with 274 additions and 289 deletions

View File

@ -1,278 +1,270 @@
<?php if ($business_id == 2 && $loggedin_person_role !== 'manager') : ?> <?php if ($business_id == 2 && $loggedin_person_role !== 'manager') : ?>
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<h4 class="header-title mt-0">Sales</h4> <div class="row">
<div class="col-xl-4 col-md-6">
<div class="mt-3">
<div class="media">
<div dir="ltr">
<h3 class="mt-0 mb-1"><span data-plugin="counterup"><?= $invoice['today']['count']; ?></span></h3>
<p class="text-muted mb-0">Books</p>
<!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
data-bgColor="#e8e7f4" value=""
data-skin="tron" data-angleOffset="" data-readOnly=true
data-thickness=".15" style="font: bold 18px Arial;"/> -->
</div>
<div class="media-body text-right align-self-center">
<h3 class="mt-0 mb-1"><?= $invoice['today']['total_amount']; ?></h3>
<p class="text-muted mb-0">Today sale</p>
</div>
</div>
<br>
<div class="text-success">
<span class="float-left"> MTD : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $invoice['month']['count']; ?></span>-₹<?= $invoice['month']['total_amount']; ?></span>
<span class="float-right"> YTD : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $invoice['year']['count']; ?></span>-₹<?= $invoice['year']['total_amount']; ?></span>
</div>
</div>
</div>
</div>
</div><!-- end col -->
<?php if (!empty($active_schemes) && isset($active_schemes[0])) : ?>
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<?php $firstScheme = $active_schemes[0]; ?>
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4>
<div class="mt-3">
<div class="media">
<div dir="ltr">
<!-- <h3 class="my-2 py-1"><span data-plugin="counterup"><?= $firstScheme['activeoverall']; ?></span></h3> -->
<!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
data-bgColor="#e8e7f4" value=""
data-skin="tron" data-angleOffset="" data-readOnly=true
data-thickness=".15" style="font: bold 18px Arial;"/> -->
</div>
<div class="media-body text-center align-self-center">
<h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3>
<p class="text-muted mb-0">Total Subscriber</p>
</div>
</div>
<br>
<div class="text-success">
<span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span>
<span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div><!-- end col -->
<?php if (!empty($active_schemes) && isset($active_schemes[1])) : ?>
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<?php $firstScheme = $active_schemes[1]; ?>
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4>
<div class="mt-3">
<div class="media">
<div dir="ltr">
</div>
<div class="media-body text-center align-self-center">
<h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3>
<p class="text-muted mb-0">Total Subscriber</p>
</div>
</div>
<br>
<div class="text-success">
<span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span>
<span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div><!-- end col -->
<?php if (!empty($active_schemes) && isset($active_schemes[9])) : ?>
<div class="col-lg-4">
<div class="card"> <div class="card">
<div class="card-body" style="width:119%;"> <div class="card-body">
<div class="media"> <div class="dropdown float-right">
<?php $firstScheme = $active_schemes[2]; ?> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<div class="avatar-md mr-3"> <i class="mdi mdi-dots-horizontal"></i>
<div> </a>
<?php if (!empty($firstScheme['wp_img_url'])) { ?> <div class="dropdown-menu dropdown-menu-right">
<img src="<?= $firstScheme['wp_img_url']; ?>" alt="table-user" class="mr-3 rounded avatar-md"> <!-- item-->
<?php } else { ?> <a href="javascript:void(0);" class="dropdown-item">Action</a>
<div class="avatar-title bg-light rounded text-body font-20 font-weight-semibold"> <!-- item-->
<?= $firstScheme['first_letter']; ?> <a href="javascript:void(0);" class="dropdown-item">Another action</a>
</div> <!-- item-->
<?php } ?> <a href="javascript:void(0);" class="dropdown-item">Something else</a>
</div> <!-- item-->
</div> <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
<div class="media-body">
<h5 class="my-1"><a href="javascript:void(0);" class="text-dark"><?= $firstScheme['short_code']; ?></a></h5>
<p class="text-muted mb-0">
</p>
</div> </div>
</div> </div>
<hr>
<div class="text-muted"> <h4 class="header-title mt-0">Sales</h4>
<div class="row">
<div class="col-sm-4 col-6"> <div class="mt-3">
<div> <div class="media">
<p class="mb-0">Total Subscribers</p> <div dir="ltr">
<h5 class="mb-sm-0"><?= $firstScheme['activeoverall']; ?></h5> <h3 class="mt-0 mb-1"><span data-plugin="counterup"><?= $invoice['today']['count']; ?></span></h3>
</div> <p class="text-muted mb-0">Books</p>
<!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
data-bgColor="#e8e7f4" value=""
data-skin="tron" data-angleOffset="" data-readOnly=true
data-thickness=".15" style="font: bold 18px Arial;"/> -->
</div> </div>
<div class="col-sm-4 col-6"> <div class="media-body text-right align-self-center">
<div> <h3 class="mt-0 mb-1"><?= $invoice['today']['total_amount']; ?></h3>
<p class="mb-0">New Subscribers</p> <p class="text-muted mb-0">Today sale</p>
<h5 class="mb-sm-0"><?= $firstScheme['nonrenewal']; ?></h5>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="mt-3 mt-sm-0">
<p class="mb-0">Renewed</p>
<h5 class="mb-0"><?=$firstScheme['renewal'];?> </h5>
</div>
</div> </div>
</div>
<br>
<div class="text-success">
<span class="float-left"> MTD : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $invoice['month']['count']; ?></span>-₹<?= $invoice['month']['total_amount']; ?></span>
<span class="float-right"> YTD : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $invoice['year']['count']; ?></span>-₹<?= $invoice['year']['total_amount']; ?></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div><!-- end col -->
<?php endif; ?>
<?php if (!empty($active_schemes) && isset($active_schemes[2])) : ?>
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<?php $firstScheme = $active_schemes[2]; ?>
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4> <?php if (!empty($active_schemes) && isset($active_schemes[0])) : ?>
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<?php $firstScheme = $active_schemes[0]; ?>
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<div class="mt-3"> <h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4>
<div class="media">
<div dir="ltr"> <div class="mt-3">
<!-- <h3 class="my-2 py-1"><span data-plugin="counterup"><?= $firstScheme['activeoverall']; ?></span></h3> --> <div class="media">
<!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7" <div dir="ltr">
data-bgColor="#e8e7f4" value="" <!-- <h3 class="my-2 py-1"><span data-plugin="counterup"><?= $firstScheme['activeoverall']; ?></span></h3> -->
data-skin="tron" data-angleOffset="" data-readOnly=true <!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
data-thickness=".15" style="font: bold 18px Arial;"/> --> data-bgColor="#e8e7f4" value=""
</div> data-skin="tron" data-angleOffset="" data-readOnly=true
<div class="media-body text-center align-self-center"> data-thickness=".15" style="font: bold 18px Arial;"/> -->
<h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3> </div>
<p class="text-muted mb-0">Total Subscriber</p> <div class="media-body text-center align-self-center">
</div> <h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3>
<p class="text-muted mb-0">Total Subscriber</p>
</div> </div>
<br>
<div class="text-success"> </div>
<br>
<div class="text-success">
<span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span> <span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span>
<span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span> <span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span>
</div> </div>
<?php endif; ?>
</div>
</div>
</div>
</div><!-- end col -->
<?php endif; ?>
<?php if (!empty($active_schemes) && isset($active_schemes[1])) : ?>
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<?php $firstScheme = $active_schemes[1]; ?>
<div class="dropdown float-right">
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</div>
</div>
<h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4>
<div class="mt-3">
<div class="media">
<div dir="ltr">
</div>
<div class="media-body text-center align-self-center">
<h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3>
<p class="text-muted mb-0">Total Subscriber</p>
</div>
</div>
<br>
<div class="text-success">
<span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span>
<span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span>
</div>
</div>
</div>
</div>
</div><!-- end col -->
<?php endif; ?>
<?php if (!empty($active_schemes) && isset($active_schemes[9])) : ?>
<div class="col-lg-4">
<div class="card">
<div class="card-body" style="width:119%;">
<div class="media">
<?php $firstScheme = $active_schemes[2]; ?>
<div class="avatar-md mr-3">
<div>
<?php if (!empty($firstScheme['wp_img_url'])) { ?>
<img src="<?= $firstScheme['wp_img_url']; ?>" alt="table-user" class="mr-3 rounded avatar-md">
<?php } else { ?>
<div class="avatar-title bg-light rounded text-body font-20 font-weight-semibold">
<?= $firstScheme['first_letter']; ?>
</div>
<?php } ?>
</div>
</div>
<div class="media-body">
<h5 class="my-1"><a href="javascript:void(0);" class="text-dark"><?= $firstScheme['short_code']; ?></a></h5>
<p class="text-muted mb-0">
</p>
</div>
</div>
<hr>
<div class="text-muted">
<div class="row">
<div class="col-sm-4 col-6">
<div>
<p class="mb-0">Total Subscribers</p>
<h5 class="mb-sm-0"><?= $firstScheme['activeoverall']; ?></h5>
</div>
</div>
<div class="col-sm-4 col-6">
<div>
<p class="mb-0">New Subscribers</p>
<h5 class="mb-sm-0"><?= $firstScheme['nonrenewal']; ?></h5>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="mt-3 mt-sm-0">
<p class="mb-0">Renewed</p>
<h5 class="mb-0"><?= $firstScheme['renewal']; ?> </h5>
</div> </div>
</div> </div>
</div> </div>
</div><!-- end col -->
</div> </div>
</div>
</div>
</div>
<?php endif; ?>
<?php if (!empty($active_schemes) && isset($active_schemes[2])) : ?>
<div class="col-lg-12"> <div class="col-xl-4 col-md-6">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h4 class="header-title mt-1">Expiring Membership List</h4> <?php $firstScheme = $active_schemes[2]; ?>
<div class="conversation-list" data-simplebar style="max-height: 255px !important"> <div class="dropdown float-right">
<div class="table-responsive"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
<table class="table table-sm table-centered mb-0 font-14"> <i class="mdi mdi-dots-horizontal"></i>
<thead class="thead-light"> </a>
<tr> <div class="dropdown-menu dropdown-menu-right">
<th style="width: 5%;">#</th> <!-- item-->
<th style="width: 20%;">Name</th> <a href="javascript:void(0);" class="dropdown-item">Action</a>
<th style="width: 20%;">Mobile No</th> <!-- item-->
<th style="width: 20%;">Email</th> <a href="javascript:void(0);" class="dropdown-item">Another action</a>
<th style="width: 50%;">Scheme Name</th> <!-- item-->
<th style="width: 25%;">Expiring In</th> <a href="javascript:void(0);" class="dropdown-item">Something else</a>
<th style="width: 25%;">Notification On</th> <!-- item-->
</tr> <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
</thead> </div>
<tbody> </div>
<?php
<h4 class="header-title mt-0"><?= $firstScheme['short_code']; ?></h4>
<div class="mt-3">
<div class="media">
<div dir="ltr">
<!-- <h3 class="my-2 py-1"><span data-plugin="counterup"><?= $firstScheme['activeoverall']; ?></span></h3> -->
<!-- <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
data-bgColor="#e8e7f4" value=""
data-skin="tron" data-angleOffset="" data-readOnly=true
data-thickness=".15" style="font: bold 18px Arial;"/> -->
</div>
<div class="media-body text-center align-self-center">
<h3 class="mt-0 mb-1"><?= $firstScheme['activeoverall']; ?></h3>
<p class="text-muted mb-0">Total Subscriber</p>
</div>
</div>
<br>
<div class="text-success">
<span class="float-left"> New : <span data-toggle="tooltip" data-placement="bottom" data-original-title="Monthly Invoice Raised" data-plugin="counterup"><?= $firstScheme['nonrenewal']; ?></span><br></span>
<span class="float-right">Renewed: <span data-toggle="tooltip" data-placement="bottom" data-original-title="Yearly Invoice Raised" data-plugin="counterup"><?= $firstScheme['renewal']; ?></span><br></span>
</div>
</div>
</div>
</div>
</div><!-- end col -->
<?php endif; ?>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-1">Expiring Membership List</h4>
<div class="conversation-list" data-simplebar style="max-height: 255px !important">
<div class="table-responsive">
<table class="table table-sm table-centered mb-0 font-14">
<thead class="thead-light">
<tr>
<th style="width: 5%;">#</th>
<th style="width: 20%;">Name</th>
<th style="width: 20%;">Mobile No</th>
<th style="width: 20%;">Email</th>
<th style="width: 50%;">Scheme Name</th>
<th style="width: 25%;">Expiring In</th>
<th style="width: 25%;">Notification On</th>
</tr>
</thead>
<tbody>
<?php
// print "<pre>"; // print "<pre>";
// print_r($expiring_membership); // print_r($expiring_membership);
// print "</pre>"; // print "</pre>";
@ -280,39 +272,32 @@
foreach ($expiring_membership as $e) : foreach ($expiring_membership as $e) :
$daysincount = (int)$e['countdays']; $daysincount = (int)$e['countdays'];
$daysincountstring = ($daysincount == 0 ? 'Today' : ($daysincount == 1 ? 'Tomorrow' : $daysincount . ' days')); $daysincountstring = ($daysincount == 0 ? 'Today' : ($daysincount == 1 ? 'Tomorrow' : $daysincount . ' days'));
?>
<tr>
<!-- <td><?= $e['sub_id']; ?></td> -->
<td><?= ++$tempinx; ?></td>
<td><h5 class="mt-0 mb-1"><?= $e['customer_name']; ?></h5></td>
<td><?= $e['customer_mobile'];?></td>
<td><?= $e['customer_email'];?></td>
<td><?= $e['short_code']; ?></td>
<td><span class="badge badge-success badge-pill"><?= $daysincountstring; ?></span> <span class="font-13"><br><?= $e['to_subscription_date_format']; ?></span></td>
<td>
<?php
$startDateTime = isset($e['notifications'][0]['start_date_time']) ? $e['notifications'][0]['start_date_time'] : '';
echo $startDateTime ? date('d-m-Y', strtotime($startDateTime)) : '';
?> ?>
<tr> </td>
<!-- <td><?= $e['sub_id']; ?></td> --> </tr>
<td><?= ++$tempinx; ?></td>
<td>
<h5 class="mt-0 mb-1"><?= $e['customer_name']; ?></h5>
</td>
<td><?= $e['customer_mobile'];?></td>
<td><?= $e['customer_email'];?></td>
<td><?= $e['short_code']; ?></td>
<td><span class="badge badge-success badge-pill"><?= $daysincountstring; ?></span> <span class="font-13"><br><?= $e['to_subscription_date_format']; ?></span></td>
<td>
<?php
$startDateTime = isset($e['notifications'][0]['start_date_time']) ? $e['notifications'][0]['start_date_time'] : '';
echo $startDateTime ? date('d-m-Y', strtotime($startDateTime)) : '';
?>
</td>
</tr>
<?php endforeach; ?> <?php endforeach; ?>
</tbody>
</tbody> </table>
</table> </div> <!-- end table-responsive-->
</div> <!-- end table-responsive--> </div>
</div> </div> <!-- end card-body-->
</div> <!-- end card-body--> </div> <!-- end card-->
</div> <!-- end card--> </div> <!-- end col-->
</div> <!-- end col--> </div>
<?php endif; ?>
<?php endif; ?>

View File

@ -54,7 +54,7 @@
</div> </div>
</div> </div>
</li> --> --> </li> -->
<li class="dropdown notification-list topbar-dropdown"> <li class="dropdown notification-list topbar-dropdown">
<a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">