@extends ('Layouts.Application')

@section ('MainContent')

<style>
.icon .fa {
  position: relative;
  transition: right 0.5s;
  right: 0
}
.icon .fa:hover {
  top: 20px
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 99%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}
</style>

<div class="row">
  @include ('Layouts.FormValidationErrors')
  @include ('Layouts.ErrorSuccessAndWarninMessages')

  <div class="x_title" style="text-align: center;">
    <h2>Welcome {{ Auth::user()->full_name }}</h2>
    <div class="clearfix"></div>
  </div>
  <div class="col-lg-12">
    <div class="row attendance_status"></div>
  </div>

  <div class="col-lg-12">
    <div class="row">
      @if (session()->has('parentMenuList'))
        @foreach (session('parentMenuList') as $allMenu)
          @if (isset($allMenu->child_menu_details))
            @foreach ($allMenu->child_menu_details as $childMenu)
              <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="tile-stats">
                  <a href="{{ url('!/' . $childMenu->url) }}">
                    <div class="icon">
                      @if ($childMenu->menu_id == 74)
                        <img src="{{ asset('rsrc/multimedia/bkash.jpg') }}" width="75" height="60">
                      @else
                        <i class="fa fa-{{ $childMenu->icon }}"></i>
                      @endif
                    </div>
                    <div class="count">
                      {{ session()->has('menu_no_' . $childMenu->menu_id) ? session('menu_no_' . $childMenu->menu_id) : '0' }}
                    </div>

                    <h3>{{ $childMenu->menu_name }}</h3>
                    <p>{{ $childMenu->menu_name }}</p>
                  </a>
                </div>
              </div>
            @endforeach
          @endif
        @endforeach
      @endif
    </div>
  </div>
</div>

<script>
$(document).ready(function() {
  $.ajax({
    type: 'GET',
    url: baseURL + '/!/Settings/get_attendance_status'
  }).done(function(response) {
    if (response.status == 'success') {
      $(".attendance_status").html(response.html_view);
    }
  });
});
</script>

@endsection