{% extends 'adm/layout.html.twig' %}

{% block content %}
<style>
h1{
  font-family: sans-serif;
}
 
table {
  border: #ccc 2px solid;
}
 
table th {
  border-left:1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
 
table td {
  padding: 3px 3px 3px 3px;
  width: 25px;
  height: 25px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
 
table tr:last-child td {
  border-bottom: 0;
}
 
table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
 
table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.bg-complimentary{
  background-color: #8e44ad;
  color: #ffffff;
}

.bg-agoda-0{
  background-color: #c0392b;
  color: #ffffff;
}

.bg-agoda-ps{
  background-color: #e74c3c;
  color: #ffffff;
}

.bg-gedung-cch{
  background-color: #34495e;
  color: #ffffff;
}

.bg-git-gov{
  background-color: #27ae60;
  color: #ffffff;
}

.bg-git-ins{
  background-color: #2ecc71;
  color: #ffffff;
}

.bg-git-group{
  background-color: ##6ab04c;
  color: #ffffff;
}

.bg-late{
  background-color: #badc58;
  color: #ffffff;
}

.bg-pegi{
  background-color: #e67e22;
  color: #ffffff;
}

.bg-pegi-mobile{
  background-color: #d35400;
  color: #ffffff;
}

.bg-ticket{
  background-color: #1abc9c;
  color: #ffffff;
}

.bg-traveloka{
  background-color: #3498db;
  color: #ffffff;
}

.bg-fit{
  background-color: #575fcf;
  color: #ffffff;
}
 
</style>
<div class="content-wrapper" id="vue-master" style="background-color:white">
  <form method="POST" action="{{ site_url('adm/dashboard/index') }}">
  
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h4 class="m-0 text-dark">Dashboard</h4>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">{{ content_title }}</li>
          </ol>
        </div>
        <div class="col-md-6 mt-5"></div>
        <div class="col-md-3 mt-5"></div>
        <div class="col-md-3 mt-5">

          <div class="input-group mb-3">
            <input type="date" class="form form-control" name="filter_date" value="{{ datee }}">
            <div class="input-group-append">
              <button type="submit" class="btn btn-outline-secondary">Refresh</button>
            </div>
          </div>

        </div>

        
      </div>
    </div>
  </div>
  <!-- /.content-header -->

	<div class="container-fluid">
		
    <div class="row ml-1 mb-4">
    
      <div class="col-md-6">

        <table border="1" width="85%">
            <tr align="center" class="bold">
              <td bgcolor="#535c68" style="color:white">SUITE</td>
              <td colspan="4" bgcolor="#535c68" style="color:white">EXECUTIVE</td>
            </tr>
            <tr align="center">
              <td class="{{ suite[0].bg_color }}">{{ suite[0].number }}</td>
              <td class="{{ executive[0].bg_color }}">{{ executive[0].number }}</td>
              <td class="{{ executive[1].bg_color }}">{{ executive[1].number }}</td>
              <td class="{{ executive[2].bg_color }}">{{ executive[2].number }}</td>
              <td class="{{ executive[3].bg_color }}">{{ executive[3].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ suite[1].bg_color }}">{{ suite[1].number }}</td>
              <td class="{{ executive[4].bg_color }}">{{ executive[4].number }}</td>
              <td class="{{ executive[5].bg_color }}">{{ executive[5].number }}</td>
              <td class="{{ executive[6].bg_color }}">{{ executive[6].number }}</td>
              <td class="{{ executive[7].bg_color }}">{{ executive[7].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ suite[2].bg_color }}">{{ suite[2].number }}</td>
              <td class="{{ executive[8].bg_color }}">{{ executive[8].number }}</td>
              <td class="{{ executive[9].bg_color }}">{{ executive[9].number }}</td>
              <td class="{{ executive[10].bg_color }}">{{ executive[10].number }}</td>
              <td class="{{ executive[11].bg_color }}">{{ executive[11].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ suite[3].bg_color }}">{{ suite[3].number }}</td>
              <td class="{{ executive[12].bg_color }}">{{ executive[12].number }}</td>
              <td class="{{ executive[13].bg_color }}">{{ executive[13].number }}</td>
              <td class="{{ executive[14].bg_color }}">{{ executive[14].number }}</td>
              <td class="{{ executive[15].bg_color }}">{{ executive[15].number }}</td>
            </tr>
        </table>

        <table border="1" width="85%" style="margin-top:275px">
          <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE TWIN</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_3[0].bg_color }}">{{ deluxe_twin_3[0].number }}</td>
              <td class="{{ deluxe_twin_3[1].bg_color }}">{{ deluxe_twin_3[1].number }}</td>
              <td class="{{ deluxe_twin_3[2].bg_color }}">{{ deluxe_twin_3[2].number }}</td>
              <td class="{{ deluxe_twin_3[3].bg_color }}">{{ deluxe_twin_3[3].number }}</td>
              <td class="{{ deluxe_twin_3[4].bg_color }}">{{ deluxe_twin_3[4].number }}</td>
              <td class="{{ deluxe_twin_3[5].bg_color }}">{{ deluxe_twin_3[5].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_3[6].bg_color }}">{{ deluxe_twin_3[6].number }}</td>
              <td class="{{ deluxe_twin_3[7].bg_color }}">{{ deluxe_twin_3[7].number }}</td>
              <td class="{{ deluxe_twin_3[8].bg_color }}">{{ deluxe_twin_3[8].number }}</td>
              <td class="{{ deluxe_twin_3[9].bg_color }}">{{ deluxe_twin_3[9].number }}</td>
              <td class="{{ deluxe_twin_3[10].bg_color }}">{{ deluxe_twin_3[10].number }}</td>
              <td class="{{ deluxe_twin_3[11].bg_color }}">{{ deluxe_twin_3[11].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE TWIN</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_2[0].bg_color }}">{{ deluxe_twin_2[0].number }}</td>
              <td class="{{ deluxe_twin_2[1].bg_color }}">{{ deluxe_twin_2[1].number }}</td>
              <td class="{{ deluxe_twin_2[2].bg_color }}">{{ deluxe_twin_2[2].number }}</td>
              <td class="{{ deluxe_twin_2[3].bg_color }}">{{ deluxe_twin_2[3].number }}</td>
              <td class="{{ deluxe_twin_2[4].bg_color }}">{{ deluxe_twin_2[4].number }}</td>
              <td class="{{ deluxe_twin_2[5].bg_color }}">{{ deluxe_twin_2[5].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
        </table>
      </div>


      {# Column 2 #}
      <div class="col-md-6">
        <table border="1" width="85%">
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">SUPERIOR DOUBLE</td>
            </tr>
            <tr align="center">
              <td class="{{ superior_double[0].bg_color }}">{{ superior_double[0].number }}</td>
              <td class="{{ superior_double[1].bg_color }}">{{ superior_double[1].number }}</td>
              <td class="{{ superior_double[2].bg_color }}">{{ superior_double[2].number }}</td>
              <td class="{{ superior_double[3].bg_color }}">{{ superior_double[3].number }}</td>
              <td class="{{ superior_double[4].bg_color }}">{{ superior_double[4].number }}</td>
              <td class="{{ superior_double[5].bg_color }}">{{ superior_double[5].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ superior_double[6].bg_color }}">{{ superior_double[6].number }}</td>
              <td class="{{ superior_double[7].bg_color }}">{{ superior_double[7].number }}</td>
              <td class="{{ superior_double[8].bg_color }}">{{ superior_double[8].number }}</td>
              <td class="{{ superior_double[9].bg_color }}">{{ superior_double[9].number }}</td>
              <td class="{{ superior_double[10].bg_color }}">{{ superior_double[10].number }}</td>
              <td class="{{ superior_double[11].bg_color }}">{{ superior_double[11].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE DOUBLE</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_double_5[0].bg_color }}">{{ deluxe_double_5[0].number }}</td>
              <td class="{{ deluxe_double_5[1].bg_color }}">{{ deluxe_double_5[1].number }}</td>
              <td class="{{ deluxe_double_5[2].bg_color }}">{{ deluxe_double_5[2].number }}</td>
              <td class="{{ deluxe_double_5[3].bg_color }}">{{ deluxe_double_5[3].number }}</td>
              <td class="{{ deluxe_double_5[4].bg_color }}">{{ deluxe_double_5[4].number }}</td>
              <td class="{{ deluxe_double_5[5].bg_color }}">{{ deluxe_double_5[5].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_double_5[6].bg_color }}">{{ deluxe_double_5[6].number }}</td>
              <td class="{{ deluxe_double_5[7].bg_color }}">{{ deluxe_double_5[7].number }}</td>
              <td class="{{ deluxe_double_5[8].bg_color }}">{{ deluxe_double_5[8].number }}</td>
              <td class="{{ deluxe_double_5[9].bg_color }}">{{ deluxe_double_5[9].number }}</td>
              <td class="{{ deluxe_double_5[10].bg_color }}">{{ deluxe_double_5[10].number }}</td>
              <td class="{{ deluxe_double_5[11].bg_color }}">{{ deluxe_double_5[11].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">SUPERIOR TWIN</td>
            </tr>
            <tr align="center">
              <td class="{{ superior_twin[0].bg_color }}">{{ superior_twin[0].number }}</td>
              <td class="{{ superior_twin[1].bg_color }}">{{ superior_twin[1].number }}</td>
              <td class="{{ superior_twin[2].bg_color }}">{{ superior_twin[2].number }}</td>
              <td class="{{ superior_twin[3].bg_color }}">{{ superior_twin[3].number }}</td>
              <td class="{{ superior_twin[4].bg_color }}">{{ superior_twin[4].number }}</td>
              <td rowspan="3">
                <i class="fas fa-mosque"></i>
              </td>
            </tr>
            <tr align="center">
              <td class="{{ superior_twin[5].bg_color }}">{{ superior_twin[6].number }}</td>
              <td class="{{ superior_twin[6].bg_color }}">{{ superior_twin[7].number }}</td>
              <td class="{{ superior_twin[7].bg_color }}">{{ superior_twin[8].number }}</td>
              <td class="{{ superior_twin[8].bg_color }}">{{ superior_twin[9].number }}</td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE DOUBLE</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_double_3[0].bg_color }}">{{ deluxe_double_3[0].number }}</td>
              <td class="{{ deluxe_double_3[1].bg_color }}">{{ deluxe_double_3[1].number }}</td>
              <td class="{{ deluxe_double_3[2].bg_color }}">{{ deluxe_double_3[2].number }}</td>
              <td class="{{ deluxe_double_3[3].bg_color }}">{{ deluxe_double_3[3].number }}</td>
              <td class="{{ deluxe_double_3[4].bg_color }}">{{ deluxe_double_3[4].number }}</td>
              <td class="{{ deluxe_double_3[5].bg_color }}">{{ deluxe_double_3[5].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_double_3[6].bg_color }}">{{ deluxe_double_3[6].number }}</td>
              <td class="{{ deluxe_double_3[7].bg_color }}">{{ deluxe_double_3[7].number }}</td>
              <td class="{{ deluxe_double_3[8].bg_color }}">{{ deluxe_double_3[8].number }}</td>
              <td class="{{ deluxe_double_3[9].bg_color }}">{{ deluxe_double_3[9].number }}</td>
              <td class="{{ deluxe_double_3[10].bg_color }}">{{ deluxe_double_3[10].number }}</td>
              <td class="{{ deluxe_double_3[11].bg_color }}">{{ deluxe_double_3[11].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE TWIN</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_2[6].bg_color }}">{{ deluxe_twin_2[6].number }}</td>
              <td class="{{ deluxe_twin_2[7].bg_color }}">{{ deluxe_twin_2[7].number }}</td>
              <td class="{{ deluxe_twin_2[8].bg_color }}">{{ deluxe_twin_2[8].number }}</td>
              <td class="{{ deluxe_twin_2[9].bg_color }}">{{ deluxe_twin_2[9].number }}</td>
              <td class="{{ deluxe_twin_2[10].bg_color }}">{{ deluxe_twin_2[10].number }}</td>
              <td class="{{ deluxe_twin_2[11].bg_color }}">{{ deluxe_twin_2[11].number }}</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_2[12].bg_color }}">{{ deluxe_twin_2[12].number }}</td>
              <td class="{{ deluxe_twin_2[13].bg_color }}">{{ deluxe_twin_2[13].number }}</td>
              <td class="{{ deluxe_twin_2[14].bg_color }}">{{ deluxe_twin_2[14].number }}</td>
              <td class="{{ deluxe_twin_2[15].bg_color }}">{{ deluxe_twin_2[15].number }}</td>
              <td class="{{ deluxe_twin_2[16].bg_color }}">{{ deluxe_twin_2[16].number }}</td>
              <td class="{{ deluxe_twin_2[17].bg_color }}">{{ deluxe_twin_2[17].number }}</td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center" class="bold">
              <td colspan="6" bgcolor="#535c68" style="color:white">DELUXE TWIN</td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_1[0].bg_color }}">{{ deluxe_twin_1[0].number }}</td>
              <td class="{{ deluxe_twin_1[1].bg_color }}">{{ deluxe_twin_1[1].number }}</td>
              <td class="{{ deluxe_twin_1[2].bg_color }}">{{ deluxe_twin_1[2].number }}</td>
              <td class="{{ deluxe_twin_1[3].bg_color }}">{{ deluxe_twin_1[3].number }}</td>
              <td rowspan="3" colspan="2">
                <i class="fas fa-mosque"></i>
              </td>
            </tr>
            <tr align="center">
              <td class="{{ deluxe_twin_1[5].bg_color }}">{{ deluxe_twin_1[6].number }}</td>
              <td class="{{ deluxe_twin_1[6].bg_color }}">{{ deluxe_twin_1[7].number }}</td>
              <td class="{{ deluxe_twin_1[7].bg_color }}">{{ deluxe_twin_1[8].number }}</td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr align="center">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
        </table>
      </div>
    
    </div>
  
  </div>
  </form>
</div>

{% endblock  %}

{% block add_javascript %}
	{{ parent() }}

	<script type="text/javascript">
	{# $('[data-widget="pushmenu"]').PushMenu('toggle'); #}

  </script>
{% endblock  %}
