@extends('layouts.layout')

@section('content')

<div class="container-fluid" style="min-height:420px">
    <!-- Start Page Content -->


        <!-- <div class="row">
                        <div class="col-md-4"  style="cursor:pointer" onclick="downloaddocument('1')">
                            <div class="card bg-primary p-20">
                                <div class="media widget-ten">
                                    <div class="media-left meida media-middle">
                                        <span><i class="ti-write f-s-40"></i></span>
                                    </div>
                                    <div class="media-body media-text-right">
                                        <h2 class="color-white">Leave Policy</h2>
                                        <p class="m-b-0">Click to download</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4" style="cursor:pointer" onclick="downloaddocument('2')">
                        <div class="card bg-pink p-20">
                        <div class="media widget-ten">
                            <div class="media-left meida media-middle">
                                <span><i class="ti-car f-s-40"></i></span>
                            </div>
                            <div class="media-body media-text-right">
                                <h2 class="color-white">Travel Policy</h2>
                                <p class="m-b-0">Click to download</p>
                            </div>
                        </div>
                    </div>
                        </div>
                        <div class="col-md-4"  style="cursor:pointer" onclick="downloaddocument('3')">
                        <div class="card bg-info p-20">
                        <div class="media widget-ten">
                            <div class="media-left meida media-middle">
                                <span><i class="ti-wallet f-s-40"></i></span>
                            </div>
                            <div class="media-body media-text-right">
                                <h2 class="color-white">Expense Policy</h2>
                                <p class="m-b-0">Click to download</p>
                            </div>
                        </div>
                    </div>
                        </div>
        </div> -->

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-title">
                    <h4>Overview</h4>
                    <span class="pull-right" style="color:grey;font-size:15px">{{$todaydate}} </span>
                    <hr></hr>
                </div>
<div class="row" >
    @if(in_array("dashboard", $emp_previllages))
<div class="col-md-6">
<div class="panel">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <h4>Attendance</h4>
                                </div>
                            </div>
                            <div class="panel-body">
                                <canvas id="doughutChart"></canvas>
                            </div>
  </div>

</div>
@endif

<div class="col-md-6">

<div class="card">
<div class="card-body">
<h4 class="card-title">Upcoming Holidays & Events</h4>

<ul class="list-group list-group-flush"  style="max-height:320px; overflow-y: scroll;">
@if($calendar_data!="" && count($calendar_data)>0)
@foreach($calendar_data as $calendar_list)
@php
$cal_date=$calendar_list->CAL_DATE;
$cal_date1=$calendar_list->CAL_DATE->format('d-M-Y');
$cal_date_day=$calendar_list->CAL_DATE->format('d');
$cal_date_month=$calendar_list->CAL_DATE->format('M');
@endphp

<li class="list-group-item">
<span class="round-label pull-left  {{($calendar_list->CAL_EVENT_TYPE=='1')?'eventday':'holiday'}}">{{$cal_date_day}} <br>{{$cal_date_month}}</span>
<span style="position:absolute;top:20px;left:100px">
{{$calendar_list->CAL_EVENT_NAME}}
<br>
{{$cal_date1}}
</span>
</li>
@endforeach
@endif

</ul>

</div>
</div>

</div>
<!--
<div class="col-md-6">

    <div class="panel">
        <div class="panel-heading">
             <div class="panel-title">
                <h4>Leave</h4>
            </div>
        </div>
        <div class="panel-body">
            <canvas id="pieChart" ></canvas>
        </div>
    </div>

</div>
-->

</div>


            </div>
            <!-- /# card -->
        </div>
    </div>


    <!-- <div class="row">

        <div class="col-md-6">

        <div class="card">
    <div class="card-body">
      <h4 class="card-title">Pending Approval</h4>
      <p style="height:100px">
      </p>
    </div>
  </div>

        </div>


        <div class="col-md-6">

        <div class="card">
    <div class="card-body">
      <h4 class="card-title">Upcoming holidays & events</h4>

      <ul class="list-group list-group-flush"  style="max-height:320px; overflow-y: scroll;">
@if($calendar_data!="" && count($calendar_data)>0)
@foreach($calendar_data as $calendar_list)
@php
$cal_date=$calendar_list->CAL_DATE;
$cal_date1=$calendar_list->CAL_DATE->format('d-M-Y');
$cal_date_day=$calendar_list->CAL_DATE->format('d');
$cal_date_month=$calendar_list->CAL_DATE->format('M');
@endphp

  <li class="list-group-item">
  <span class="round-label pull-left  {{($calendar_list->CAL_EVENT_TYPE=='1')?'eventday':'holiday'}}">{{$cal_date_day}} <br>{{$cal_date_month}}</span>
<span style="position:absolute;top:20px;left:100px">
{{$calendar_list->CAL_EVENT_NAME}}
<br>
{{$cal_date1}}
</span>
</li>
@endforeach
@endif

</ul>

    </div>
  </div>

        </div>

</div> -->
</div>
@endsection