<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <script>
    window.jQuery || document.write(decodeURIComponent('%3Cscript src="js/jquery.min.js"%3E%3C/script%3E'))
  </script>
  @script()
</head>

<body class="dx-viewport">
  <table style="background-color: #ffeeea;width: 100%;">
    <tr>
      <td rowspan="2" style="width: 70px;background-color: #00c0ef !important;">
        <span style="font-size: 48px; color: white; text-align: center;width: 100%;display: inline-block;">
          <i class="fas fa-store-alt"></i>
        </span>
      </td>
      <td style="padding-left: 10px;">@lang('branch_model.branch_count')</td>
    </tr>
    <tr>
      <td style="padding-left: 10px; font-size: 22px;"> <b id="branchCount"></b> </td>
    </tr>
  </table>
  <table style="background-color: #ffeeea;width: 100%; margin-top: 5px;">
    <tr>
      <td rowspan="2" style="width: 70px;background-color: #dd4b39 !important;">
        <span style="font-size: 48px; color: white; text-align: center;width: 100%;display: inline-block;">
          <i class="fas fa-users"></i>
        </span>
      </td>
      <td style="padding-left: 10px;">@lang('staff_model.staff_in_branch_count')</td>
    </tr>
    <tr>
      <td style="padding-left: 10px; font-size: 22px;"> <b id="staffCount"></b> </td>
    </tr>
  </table>
  <table style="background-color: #ffeeea;width: 100%; margin-top: 5px;">
    <tr>
      <td rowspan="2" style="width: 70px;background-color: #00a65a !important;">
        <span style="font-size: 48px; color: white; text-align: center;width: 100%;display: inline-block;">
          <i class="fas fa-address-card"></i>
        </span>
      </td>
      <td style="padding-left: 10px;">@lang('customer_model.customer_in_branch_name')</td>
    </tr>
    <tr>
      <td style="padding-left: 10px; font-size: 22px;"> <b id="customerCount"></b> </td>
    </tr>
  </table>
  <table style="background-color: #ffeeea;width: 100%; margin-top: 5px;">
    <tr>
      <td rowspan="2" style="width: 70px;background-color: #f39c12 !important;">
        <span style="font-size: 48px; color: white; text-align: center;width: 100%;display: inline-block;">
          <i class="fas fa-calendar-alt"></i>
        </span>
      </td>
      <td style="padding-left: 10px;">@lang('reserve_model.today')</td>
    </tr>
    <tr>
      <td style="padding-left: 10px; font-size: 22px;"> <b id="reserveCount"></b> </td>
    </tr>
  </table>
  <div class="container">
    <div id="visitcustomer"></div>
    <div id="btnvisitcustomer"></div>
    <div id="dateEditorvisitcustomer"></div>
    <div id="kpiServiceAdvisor"></div>
    <div id="btnkpiServiceAdvisor"></div>
    <div id="dateEditorKpi"></div>

  </div>
</body>

</html>