@include('components/uheader')
@include('components/usidebar')
<style>
   .example::-webkit-scrollbar {
   display: none;
   }
   #chartdiv {
   width: 100%;
   height: 500px;
   }
   /* Hide scrollbar for IE, Edge and Firefox */
   .example {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
   }
</style>
<div id="content" class="main-content">
<div class="layout-px-spacing layout-top-spacing">
<div class="row align-items-start">
   <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
      <div class="widget widget-card-one">
         <div class="widget-content">
            <div class="media mb-0">
               <div class="media-body d-flex justify-content-between align-items-center">
                  <div>
                     @foreach($quote as $q)
                     @php
                     $date = date('d-m-Y',strtotime($q->created_at))
                     @endphp
                     @if($date == date('d-m-Y'))
                     <h6>Words of Wisdom</h6>
                     @else
                     <h6>Words of Wisdom</h6>
                     @endif
                     @endforeach
                     <p class="meta-date-time">@php echo date('l, M d') @endphp </p>
                  </div>
                  <div class="read-more view-all">
                     <a data-toggle="modal" data-target="#exampleModalCenter">
                     Read more
                     </a>
                  </div>
               </div>
            </div>
            <div class="knowledge-desc p-3">
               <div class="meaning ml-2">
                  @foreach($quote as $q)
                  @php
                  echo strlen($q['quote']) >= 100 ? substr(html_entity_decode($q['quote']), 0,150):html_entity_decode($q['quote']);
                  @endphp
                  @endforeach
               </div>
            </div>
            <div class="media"></div>
            <div class="w-action readMoreLink">
               <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
                  aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                     <div class="modal-content">
                        <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
                           <div class="media-body">
                              <h6>Words of Wisdom</h6>
                              <p class="meta-date-time"></p>
                           </div>
                        </div>
                        <div class="modal-body">
                          @foreach($quote as $q)
                           {!! $q->quote !!}
                           @endforeach
                        </div>
                        <div class="modal-footer">
                           <div class="">
                              <a class="btn btn-primary" data-dismiss="modal">
                              Close
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row mt-3">
         <div class="col-lg-6 col-md-12">
            <div class="card announcement-card" style="overflow: hidden;" >
               <div class="announcement-and-hightlight-card d-flex align-items-center justify-content-between">
                  <h6 class="mb-0">Announcements</h6>
                  <div class="view-all"><a href="/announcements">view all</a></div>
               </div>
               @if(count($announcement) > 0)
               <marquee width="80%" direction="up" scrollamount="4" height="100%" style=" margin-left: 20px;"
                  onmouseover="this.stop();" onmouseout="this.start();">
                  @foreach($announcement as $p)
                     @php $date = date("d-m-Y",strtotime($p->date)); @endphp
                     <div class="col-md-12 mb-2 mt-2 pl-0 pr-0">
                        <div class="announcement-title ">
                           <span class="announcement-title d-flex align-items-baseline" style="text-align: justify;">
                           <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle profileColor p-1"
                              style=" background-color: #2c61b4;width: 10px; height: 10px; display: block;">
                           </span>{{$p->title}}</span>
                           @if($date == date('d-m-Y'))
                              <p class="text-danger ml-3">New</p>
                          @endif
                           
                        </div>
                        <div class="annoucement-date  ml-3 pt-2" style="font-weight: 700;">Posted On:
                              <span class="annoucement-date"> {{$date}}</span>
                           </div>
                     </div>
                     <hr>
                  @endforeach
               </marquee>
               @else
                  <div class="card-body">  <p class="text-center">No Announcements Found</p></div>
               @endif
            </div>
         </div>
         <div class="col-lg-6 col-md-12">
            <div class="card highlights-card" >
               <div class="announcement-and-hightlight-card d-flex align-items-center justify-content-between">
                  <h6 class="mb-0">Highlights</h6>
                  <div class="view-all"><a href="/highlights">view all</a></div>
               </div>
              
               <div class="card-body example" style="overflow:auto;">
                  @if(count($highlight) > 0)
                     @foreach($highlight as $p)
                        @php $date = date("d-m-Y",strtotime($p->date)); @endphp
                        <div class="col-md-12 d-flex justify-content-between mb-2 mt-2 pl-0 pr-0">
                           <div class="announcement-title ">
                              <span class="announcement-title d-flex align-items-baseline" style="text-align: justify;">
                              <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle profileColor p-1"
                                 style=" background-color: #2c61b4; width: 10px; height: 10px;display: block;"></span><a
                                 href="/highlight_detail/{{$p->id}}">{{$p->title}}</a></span>
                           </div>
                        </div>
                     @endforeach
                  @else
                     <p class="text-center">No Highlights Found.</p>
                  @endif
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
      <div class="widget widget-card-one calender-widget">
         <div class="widget-content">
            <div class="media mb-0">
               <div class="media-body d-flex justify-content-between align-items-center">
                  <div>
                     <h6>CALENDAR</h6>
                  </div>
               </div>
            </div>
            <div class="knowledge-desc quote-area pt-4 pb-4 p-2">
               <div class="meaning ml-2">
                  <div id='calendar'></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-12">
      <div class="row">
         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="row employeeWorkBirthday">
               <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="widget widget-card-one widget-table-two" style="min-height:330px;">
                     <div class="widget-content">
                        <div class="media w-header">
                           <div class="media-body">
                              <div class="eventBox">
                                 <div class="event">
                                    <h6>UPCOMING BIRTHDAYS</h6>
                                 </div>
                                 @if(count($birthday)>=1)
                                    <div class="viewAll">
                                       <a href="/emp_birthday" class="viewAllBtn">View All</a>
                                    </div>
                                 @endif
                              </div>
                           </div>
                        </div>
                        <div class="empInfo p-0">
                           <div class="table-responsive">
                              @if(count($birthday)>=1)
                              <table class="table table-td-bg-light text-nowrap mb-0 text-nowrap" >
                                 <tbody>
                                    @foreach($birthday as $b)
                                    <tr>
                                       @php
                                       $date = $b['b_Date'];
                                       $b_Date = date('d-m',strtotime($date));
                                       $b_Date = $b_Date.'-'.date('Y');
                                       $days = date('d',strtotime($date));
                                       $day = date('d');
                                       $b_day = $days - $day;
                                       @endphp
                                       <td class="d-flex">
                                          <div class="imgPart imageround_m">
                                             <a href="javascript:void(0);" class="">
                                             <a href="javascript:void(0);" class="">
                                             @if($b->profile_picture =='')
                                             <img class="img-fluid" src="{{asset('design/img/profiles/default.svg')}}">
                                             @else
                                             <img width="50px" class="img-fluid rounded-circle"
                                                src='{{asset("root/documents/$b->id/profile/$b->profile_picture")}}'>
                                             @endif
                                             </a>
                                             </a>
                                          </div>
                                          <div class="contentPart">
                                             <a href="javascript:void(0);" class="text-left">{{$b->first_name}} {{$b->last_name}}</a>
                                             <p class="text-left">{{$b_Date}} </p>
                                          </div>
                                       </td>
                                       @if($b_day == 0)
                                       <td class="text-end">
                                          <a class="text-success d-block mt-1" href="javascript:void(0);">Today
                                          </a>
                                          @php $check_bday = []; @endphp
                                          @foreach($userNotifyData as $n)
                                              @if($n->type == 'birthday')
                                                  @if($n->id == $b->id)
                                                      @php array_push($check_bday,$b->id); @endphp
                                                  @endif
                                              @endif
                                          @endforeach
                                          @if(in_array($b->id,$check_bday))
                                          @else
                                              <a class="text-warning bday_ancher" data-value="{{$b->id}}" href="javascript:void(0);" data-toggle="modal"data-target="#birthday"><b>🎉Wish Now</b>
                                              </a>
                                          @endif
                                       </td>
                                       @elseif($b_day == 1)
                                       <td class="text-end">
                                          <a class="text-success d-block mt-1" href="javascript:void(0);">Tomorrow
                                          </a>
                                       </td>
                                       @else
                                       <td class="text-end">
                                          <a class="text-success d-block mt-1" href="javascript:void(0);">{{$b_day}} Days to go
                                          </a>
                                       </td>
                                       @endif
                                    </tr>
                                    @endforeach
                                 </tbody>
                              </table>
                              @else
                              <p class="text-center mt-5">No Upcoming Birthday</p>
                              @endif
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="widget widget-card-one widget-table-two" style="min-height:330px;">
                     <div class="widget-content">
                        <div class="media w-header">
                           <div class="media-body">
                              <div class="eventBox">
                                 <div class="event">
                                    <h6>UPCOMING WORK ANNIVERSARIES</h6>
                                 </div>
                                 @if(count($anniversary)>=1)
                                 <div class="viewAll">
                                    <a href="/emp_anniversary" class="viewAllBtn">View All</a>
                                 </div>
                                 @endif
                              </div>
                           </div>
                        </div>
                        <div class="empInfo p-0 ">
                           <div class="table-responsive">
                              @if(count($anniversary)>=1)
                              @foreach($anniversary as $a)
                                 @php
                                 $date = $a['joining_date'];
                                 $days = date('d',strtotime($date));
                                 $joining_date = date('d-m',strtotime($date));
                                 $joining_date = $joining_date.'-'.date('Y'); 
                                 $day = date('d');
                                 $b_day = $days - $day;
                                 @endphp
                                 <table class="table table-td-bg-light text-nowrap mb-0 text-nowrap">
                                    <tbody>
                                       <tr>
                                          <td class="d-flex">
                                             <div class="imgPart imageround_m">
                                                <a href="javascript:void(0);" class="">
                                                @if($a->profile_picture =='')
                                                <img class="img-fluid" src="{{asset('design/img/profiles/default.svg')}}">
                                                @else
                                                <img width="50px" class="img-fluid rounded-circle" src='{{asset("root/documents/$a->id/profile/$a->profile_picture")}}'>
                                                @endif
                                                </a>
                                             </div>
                                             <div class="contentPart">
                                                <a href="javascript:void(0);" class="text-left">
                                                {{$a->first_name}} {{$a->last_name}}
                                                </a>
                                                <p class="text-left">
                                                   {{$joining_date}}
                                                </p>
                                             </div>
                                          </td>
                                          @if($b_day == 0)
                                          <td class="text-end">
                                             <a class="text-success d-block mt-1" href="javascript:void(0);">Today
                                             </a>
                                             @php $check_bday = []; @endphp
                                             @foreach($userNotifyData as $n)
                                                 @if($n->type == 'anniversary')
                                                     @if($n->id == $a->id)
                                                         @php array_push($check_bday,$a->id); @endphp
                                                     @endif
                                                 @endif
                                             @endforeach
                                             @if(in_array($a->id,$check_bday))
                                             @else
                                                 <a class="text-warning ancher" data-value="{{$a->id}}" href="javascript:void(0);" data-toggle="modal"data-target="#anniversary"><b>🎉Wish Now</b>
                                                 </a>
                                             @endif
                                          </td>
                                          @elseif($b_day == 1)
                                             <td class="text-end">
                                                <a class="text-success d-block mt-1" href="javascript:void(0);">Tomorrow
                                                </a>
                                             </td>
                                          @else
                                             <td class="text-end">
                                                <a class="text-success d-block mt-1" href="javascript:void(0);">{{$b_day}} Days to go
                                                </a>
                                             </td>
                                          @endif
                                       </tr>
                                       @endforeach
                                    </tbody>
                                 </table>
                              @else
                              <p class="text-center mt-5 pt-5">No Upcoming Anniversary</p>
                              @endif
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="widget widget-card-one widget-table-two" style="min-height:100%;">
               <div class="widget-content">
                  <div class="media w-header">
                     <div class="media-body">
                        <h6>Employee Performance</h6>
                     </div>
                  </div>
                  <div class="widget-chart">
                     @if($final_score != 0)
                        <div id="chartdiv"></div>
                     @else
                        <div class="row m-5">
                           <div>
                              <!-- <p class="text-center pt-5">Record Not Found</p> -->
                              <div id="chartdiv1"></div>
                           </div>
                        </div>
                     @endif
                  </div>
               </div>
            </div>
         </div>
         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="widget widget-card-one widget-table-two h-100" >
               <div class="widget-content">
                  <div class="media w-header">
                     <div class="media-body">
                        <h6>Employee Of The Week</h6>
                     </div>
                  </div>
                  <div class="eventBox border-bottom-dashed d-flex justify-content-between">
                     <div class="event">
                        <h6 class="mb-0">Recent</h6>
                     </div>
                     @foreach($eow_list as $e)
                        <div class="eow-user-date">
                           <span>{{(new DateTime($e->date))->format('d-m-Y')}}</span>
                        </div>
                        @break
                     @endforeach
                  </div>
                  <div class="card-body">
                     @foreach($eow_list as $e)
                        <div class="eow-recent">
                           <div class="card-title">
                              <div class="eow-list d-flex row align-items-center">
                                 <div class="eow-user-image col-2">
                                    <img width="50px" height="50px" src="https://dev.hrms.developstaging.com/design/img/profiles/default.svg">
                                 </div>
                                 <div class="eow-user-name col-7">
                                    <span>{{$e->emp_name}}</span>
                                 </div>
                                 <div class="eow-user-points col-3">
                                    <span>{{$e->point}}</span>
                                 </div>                       
                              </div>
                           </div>
                        </div>
                     @endforeach
                  </div>
                  <div class="p-0">
                     <div class="table-responsive employee-of-the-week__table" >
                        <table class="table">
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="col-12">
      <div class="row">
         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="widget widget-card-one widget-table-two">
               <div class="widget-content">
                  <div class="media w-header">
                     <div class="media-body">
                        <h6>Attendance Sheet</h6>
                        <p class="meta-date-time">Weekly Employee</p>
                     </div>
                     <div class="dateDayAll">
                        <div class="date">
                           <h6>Employee Name:</h6>
                           <p class="meta-date-time">{{$employee_data->first_name}} {{$employee_data->last_name}}</p>
                        </div>
                        <div class="day">
                           <h6>Employee Id:</h6>
                           <p class="meta-date-time">{{Auth::user()->emp_id}}</p>
                        </div>
                        <div class="viewAll">
                           <a href="{{ route('detail_attendence')}}" class="viewAllBtn">View All</a>
                        </div>
                     </div>
                  </div>
                  <div class="widget-tableContent">
                     <div class="table-responsive">
                        <table class="table table-striped">
                           <thead>
                               <tr>
                                   <th>
                                       <div class="th-content">Date</div>
                                   </th>
                                   <th>
                                       <div class="th-content">Day</div>
                                   </th>
                                   <th>
                                       <div class="th-content">Work Type</div>
                                   </th>
                                   <th>
                                       <div class="th-content text-center">Arrival Time</div>
                                   </th>
                                   <th>
                                       <div class="th-content text-center">Dept Time</div>
                                   </th>
                                   <th>
                                       <div class="th-content text-center">Break Time</div>
                                   </th>
                                   <th>
                                       <div class="th-content th-heading">Work Hours</div>
                                   </th>
                               </tr>
                           </thead>
                           <tbody>
                              @if(count($attendence_data) > 0)
                              @foreach($attendence_data as $attendance)
                                 <tr>
                                    <td>
                                        <div class="td-content customer-name">
                                            <span>{{date('d-m-Y',strtotime($attendance->upload_date))}}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="td-content customer-name">
                                            <span>{{date('l',strtotime($attendance->upload_date))}}</span>
                                        </div>
                                    </td>
                                    <td>
                                       @if($attendance->work_type == 'Leave')
                                          <div class="td-content product-brand text-primary">
                                             {{$attendance->work_type}}
                                          </div>
                                       @elseif($attendance->work_type == 'WFH')
                                          <div class="td-content product-brand text-warning">
                                             {{$attendance->work_type}}
                                          </div>
                                       @elseif($attendance->work_type == 'WFO')
                                          <div class="td-content product-brand text-danger">
                                             {{$attendance->work_type}}
                                          </div>
                                       @elseif($attendance->work_type == 'OD')
                                          <div class="td-content product-brand text-danger">
                                             {{$attendance->work_type}}
                                          </div>
                                       @elseif($attendance->work_type == '')
                                          <div class="td-content product-brand">
                                             -
                                          </div>
                                       @endif
                                    </td>
                                    <td>
                                         @if($attendance->arr_time == '0.00')
                                            <div class="td-content text-center">
                                                <span class="badge badge-success">-</span>
                                            </div>
                                        @else
                                            <div class="td-content text-center">
                                                <span class="badge badge-success">{{date('H:i',strtotime(number_format($attendance->arr_time,2)))}}</span>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($attendance->dep_time == '0.00')
                                            <div class="td-content text-center">
                                                <span class="badge badge-danger">-</span>
                                            </div>
                                        @else
                                            <div class="td-content text-center">
                                                <span class="badge badge-danger">{{date('H:i',strtotime(number_format($attendance->dep_time,2)))}}</span>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($attendance->break_time == '0.00')
                                            <div class="td-content customer-name">
                                                <span>-</span>
                                            </div>
                                        @else
                                            <div class="td-content customer-name">
                                                <span>{{date('H:i',strtotime(number_format($attendance->break_time,1)))}}</span>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($attendance->dep_time == '0.00' || $attendance->arr_time == '0.00')
                                            <div class="td-content customer-name">
                                                <span>-</span>
                                            </div>
                                        @else
                                            <div class="td-content customer-name">
                                                <span>{{date('H:i',strtotime(number_format($attendance->total_time,2)))}} Hr</span>
                                            </div>
                                        @endif
                                    </td>
                                 </tr>
                              @endforeach
                              @else
                                 <tr>
                                    <th colspan="7" class="text-center">
                                       Record Not Found
                                    </th>
                                 </tr>
                              @endif
                           </tbody>
                       </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>


<!-- Modal for fill up timesheet -->
<div class="modal fade" id="wfh_msg" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
      <div class="modal-content">
         <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
            <div class="media-body">
               <h6>Attendance</h6>
               <p class="meta-date-time"></p>
            </div>
         </div>
         <form class="form-group" method="post" action="{{ route('attendance.store') }}">
            {{csrf_field()}}
            <div class="modal-body">
               <table class="table table-striped table-responsive">
                  <thead>
                     <th>Date</th>
                     <th>Start Time</th>
                     <th>End Time</th>
                     <th>Break Time</th>
                     <th>Work Type</th>
                     <th>Total Hours</th>
                  </thead>
                  <tbody>
                     @if(count($attendance_sheet) > 0)
                        @foreach($attendance_sheet as $key => $val)
                           <tr>
                              <td>
                                 <label>{{date('d-m-Y',strtotime($val->upload_date))}}</label>
                                 <input type="hidden" name="db_id[]" value="{{$val->id}}">
                                 <input type="hidden" name="status[]" value="{{$val->status}}">
                                 <input type="hidden" class="form-control" name="date[]" value="{{$val->upload_date}}">
                              </td>
                              <td>
                                 <input type="time" class="form-control start-time" name="s_time[]" value="{{date('H:i',strtotime($val->arr_time))}}">
                              </td>
                              <td>
                                 <input type="time" class="form-control end-time" name="e_time[]" value="{{date('H:i',strtotime($val->dep_time))}}">
                              </td>
                              <td>
                                 <input type="time" class="form-control break-time" name="b_time[]" value="{{date('H:i',strtotime($val->break_time))}}">
                              </td>
                              <td class="p-1">
                                 @if($val->status == 'Miss punch')
                                    <input type="text" class="form-control" readonly name="work_type[]" value="WFO">
                                 @elseif($val->status == 'WFH')
                                    <input type="text" class="form-control" readonly name="work_type[]" value="WFH">
                                 @elseif($val->status == 'Leave')
                                    <input type="text" class="form-control" readonly name="work_type[]" value="Leave">
                                 @else
                                    <select class="form-control" name="work_type[]">
                                       <option>WFH</option>
                                       <option>WFO</option>
                                       <option>Leave</option>
                                       <option>OL</option>
                                    </select>
                                 @endif
                              </td>
                              <td >
                                 <input type="text" class="form-control tot-time" name="ttl_time[]" value="00:00" readonly>
                              </td>
                           </tr>
                        @endforeach
                     @endif
                  </tbody>
               </table>
            </div>
            <div class="modal-footer">
               <div class="">
                  <button class="btn btn-success" type="submit" id="timesheet_submit">Submit</button>
                  <a class="btn btn-primary" data-dismiss="modal">
                  Close
                  </a>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>

@include('components/ufooter')

@if($employee_data->reject_verification != null && $employee_data->is_verified == '0')
   <script>
      swal.fire({
         text: '{{$employee_data->reject_verification}}',
         type: 'warning',
         padding: '2em',
      }).then(function() {
          window.location = "{{route('emp.my_profile')}}";
      });
   </script>
@endif
@if($employee_data->job_type == 'Remote')
<script>
   $('#wfh_msg').modal('show');
</script>
@endif

<!-- Chart code -->
<script>

   $(document).ready(function(){

      $('.start-time, .end-time, .break-time').change(function(){
         var s_time = $(this).closest('tr').find('.start-time').val().toString();
         var e_time = $(this).closest('tr').find('.end-time').val().toString();
         var b_time = $(this).closest('tr').find('.break-time').val().toString();

         var split_Stime = s_time.split(':');
         var split_Etime = e_time.split(':');
         var split_Btime = b_time.split(':');
      
         var min = (split_Etime[1] - split_Stime[1]) - split_Btime[1];
         var hour_carry = 0;
         if(min < 0){
           min += 60;
           hour_carry += 1;
         }
         ttl = (split_Etime[0]-split_Stime[0]-hour_carry) - split_Btime[0];
         diff = ttl + ":" + min;
         $(this).closest('tr').find('.tot-time').val(diff);
      });

   });
</script>
@if($final_score != 0)
   <script>

      am5.ready(function() {
        @php 
          $data = implode(",", $prc_data);
        @endphp
      
        var root = am5.Root.new("chartdiv");
        root._logo.dispose();
      
        root.setThemes([
          am5themes_Animated.new(root)
        ]);
      
        var chart = root.container.children.push(am5percent.PieChart.new(root, {
          layout: root.verticalLayout,
          innerRadius: am5.percent(50)
        }));
      
        var series = chart.series.push(am5percent.PieSeries.new(root, {
          valueField: "value",
          categoryField: "category",
          legendLabelText : "{category}",
          legendValueText : "{value}",
          alignLabels: false
        }));
      
        series.slices.template.set('tooltipText', '{category}: {value}');
        series.labels.template.set('text', '{category}: {value}');
      
        series.labels.template.setAll({
          textType: "circular",
          centerX: 0,
          centerY: 0
        });
      
        var value = "@php print_r($data); @endphp";
        var array = value.split(',');
        var newarray = [];
        var category = [];
        for(var i=0; i<array.length; i++){
          category[0] = 'Technical';
          category[1] = 'Management';
          category[2] = 'HR';
          var data = {'value':array[i], 'category':category[i]};
          newarray.push(data);
        }
      
        var calendarnew = newarray.join(",");
        series.data.setAll(newarray);
        var legend = chart.children.push(am5.Legend.new(root, {
          centerX: am5.percent(50),
          x: am5.percent(50),
          marginTop: 15,
          marginBottom: 15,
        }));
      
        legend.data.setAll(series.dataItems);
        series.appear(1000, 100);
      
      }); // end am5.ready()
   </script>
@endif
<script type="text/javascript">
   $(document).ready(function() {
      var calendar = $('#calendar').fullCalendar({
         events: "{{url('holiday_get')}}",
         displayEventTime: true,
         selectable: true,
         selectHelper: true,  
      });
      
   });
   
   $('#myModal').on('shown.bs.modal', function() {
     $('#myInput').trigger('focus')
   });
   
   var counter = 0;
   setInterval(function() {
      counter++;
      if (counter === 2) {
         $('body').find('.custome-event').each(function() {
            $(this).parent().addClass('custome-event');
         });
      }
   }, 5000);

   
   $(".wishes").click(function() {
     var value = $(this).data("value");
     $(".ids").val(value);
   });
</script>

@if($message != "") 
   <script type="text/javascript">
    swal.fire({
        html: '{!! $message !!}',
        type: 'warning',
        padding: '2em'
    })
</script>
@endif


@if(session('done'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("done")@endphp',
        type: 'success',
        padding: '2em'
    })
</script>
@endif