@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<style>
.layout-px-spacing {
    min-height: unset !important;
}

.example::-webkit-scrollbar {
    display: none;
}
.no-message{
    min-height:75px;
    height:75px;
    display:flex;
    justify-content:center;
    align-items:center;
}
/* 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 quote-area pt-4 pb-4">
                            <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']);
                                // $len = strlen($q['quote']);
                                // $store=html_entity_decode($q['quote']);
                                // $help=substr($q['quote'], 150,$len);
                                @endphp
                                @endforeach
                            </div>
                        </div>

                        <div class="w-action readMoreLink">

                            <!-- Button trigger modal -->

                            <!-- Modal -->
                            <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="d-flex flex-column">
                                                <h5 class="modal-title">Words of Wisdom</h5>
                                                <p class="meta-date-time"></p>
                                            </div>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            @foreach($quote as $q)
                                            {!! $q->quote !!}
                                            @endforeach
                                        </div>
                                        <div class="modal-footer">
                                            <div class="read-more">
                                                <a class="read-more" 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" >
                            <div class="announcement-and-hightlight-card d-flex align-items-center justify-content-between">
                                <h6 class="mb-0">Announcements</h6>
                                @if(count($announcement) > 0)
                                    <div class="view-all"><a href="/announcement">view all</a></div>
                                @endif
                            </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 example" style="overflow:auto;">
                                    <p class="no-message text-center mb-0">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>
                                @if(count($highlight) > 0)
                                    <div class="view-all"><a href="/highlight">view all</a></div>
                                @endif
                            </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; display: block;"></span>
                                                    <a href="/highlight_detail/{{$p->id}}">{{$p->title}}</a>
                                                </span>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <p  class="text-center no-message mb-0">No Highlights Found.</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-12">
            <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>
    </div>
    <div class="layout-px-spacing layout-top-spacing upcoming-birthday">
        <div class="row mt-0">
            <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 min-height-widget">
                    <div class="widget-content">
                        <div class="media w-header">
                            <div class="media-body">
                                <div class="eventBox">
                                    <div class="event">
                                        <h6>UPCOMING BIRTHDAYS</h6>
                                    </div>
                                    <div class="viewAll">
                                        <a href="/birthday" class="viewAllBtn">View All</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="empInfo p-0">
                            <div class="table-responsive">
                                @if(count($birthday)>=1)
                                @foreach($birthday as $b)
                                    @php
                                    $date = $b['b_Date'];
                                    $b_Date = date('d-m',strtotime($date));

                                    $bday = $b_Date.'-'.date('Y');                                    
                                    $days = date('d',strtotime($date));
                                    $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($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>
                                                    </div>
                                                    <div class="contentPart">
                                                        <input type="hidden" name="" class="bday_hidden_name"
                                                            value="{{$_COOKIE['admin_name']}}">
                                                        <input type="hidden" name="" class="bday_hidden_adminId"
                                                            value="{{$_COOKIE['admin_id']}}">
                                                        <a href="javascript:void(0);" class="text-left">{{$b->first_name}}
                                                            {{$b->last_name}}</a>
                                                        <p class="text-left">{{$bday}} </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);">Tommorow
                                                    </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 Birthdays</p>
                                @endif
                            </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 min-height-widget">
                    <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>
                                    <div class="viewAll">
                                        <a href="/anniversary" class="viewAllBtn">View All</a>
                                    </div>
                                </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));
                                $join = $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">
                                                    @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
                                                </div>
                                                <div class="contentPart">
                                                    <input type="hidden" name="" class="hidden_name" value="{{$_COOKIE['admin_name']}}">
                                                    <a href="javascript:void(0);" class="text-left">
                                                        {{$a->first_name}} {{$a->last_name}}
                                                    </a>
                                                    <p class="text-left">
                                                        {{$join}}
                                                    </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);">Tommorow
                                                </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 class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-card-one  min-height-widget">
                    <div class="widget-content">
                        <div class="media">
                            <div class="media-body">
                                <h6>Employee Request</h6>
                            </div>
                        </div>
                        <div class="knowledge-desc informationEmp">
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle profileColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/request">
                                            <h4>Profile Update</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #2c61b4;">
                                    <a href="/request">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b> {{$request_data}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle verificationColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/verification">
                                            <h4>Verification Request</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #9e4aea;">
                                    <a href="/verification">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b>{{$verification}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle leaveColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/admin_myleaves">
                                            <h4>Leave Application</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #3fc19f;">
                                    <a href="/admin_myleaves">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b> {{$leave}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle wfhColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/admin_workfromhome">
                                            <h4>Work From Home</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #fe575c;">
                                    <a href="/admin_workfromhome">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b> {{$wfh}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <!-- <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle jobColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="{{ route('admin_jobSheet') }}">
                                            <h4>JobSheets</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #ea9c4a;">
                                    <a href="{{ route('admin_jobSheet') }}">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b>{{$job_sheet}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div> -->
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle wfhColor" style="background-color: #d7cb3b;">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/attendance_verification">
                                            <h4>Attendence Verification</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center" style="border-radius: 50%; width: 23px; height: 23px; background-color: #d7cb3b;">
                                    <a href="/admin_workfromhome">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b> {{$attendance_verify}}</b>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="list">
                                <div>
                                    <span class="b-avatar icon-fill-info mr-2 badge-info rounded-circle eowColor">
                                        <span class="b-avatar-text"></span>
                                    </span>
                                    <div class="t-name">
                                        <a href="/suggestionList">
                                            <h4>EOW suggestion</h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="justify-content-center"
                                    style="border-radius: 50%; width: 23px; height: 23px; background-color: #4aeae2;">
                                    <a href="/suggestionList">
                                        <span class="b-avatar-text text-center" style="color:white; ">
                                            <b>{{$eow}}</b>
                                        </span>
                                    </a>
                                </div>
                            </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 p-0">
                                <h6>Attendance Sheet</h6>
                            </div>
                            <div class="dateDayAll">
                                <div class="date">
                                    <h6>Employee Name:</h6>
                                    <p class="meta-date-time">{{Auth::user()->name}}</p>
                                </div>
                                <div class="day">
                                    <h6>Employee Id:</h6>
                                    <p class="meta-date-time">{{Auth::user()->emp_id}}</p>
                                </div>
                                @if(count($attendence_data) > 0)
                                    <div class="viewAll">
                                        <a href="{{ route('emp_attendance_list',Crypt::encrypt(Auth::user()->emp_id)) }}" class="viewAllBtn">View All</a>
                                    </div>
                                @endif
                            </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">In</div>
                                            </th>
                                            <th>
                                                <div class="th-content text-center">Out</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 == '')
                                                            <div class="td-content product-brand">
                                                                -
                                                            </div>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <div class="td-content text-center">
                                                            <span class="badge badge-success">{{date('H:i',strtotime(number_format($attendance->arr_time,2)))}}</span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        @if($attendance->dep_time == '0')
                                                            <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')
                                                            <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,2)))}}</span>
                                                            </div>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($attendance->dep_time == '0' || $attendance->arr_time == '0')
                                                            <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>

@include('components/footer')
<script src="{{asset('design/js/lib/pignose.calendar.full.min.js')}}"></script>

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

<script type="text/javascript">
    $(function() {
        @php 
            $holidays_dates = [];
            foreach($holiday as $h){
            $holidays_dates[date('m/d/Y',strtotime($h->date))] = $h->holiday_name;
        }@endphp

            var holly = [];
            var holly_name = [];
            @php
                foreach($holiday as $h){@endphp
                holly.push("@php echo $h->date @endphp:");
                holly_name.push("@php echo $h->holiday_date @endphp:");
                @php } @endphp

                var holidays_dates = @php echo json_encode($holidays_dates); 
            @endphp;
                disabledDates = [];

            //This is demo to show today is disabled. 
            var date = new Date();
            var today = (date.getMonth() + 1) + '/' + (date.getDate()) + '/' + (date.getFullYear());
            holidays_dates[today] = "Disabled Date";


            function available(date) {

                var moth = String(date.getMonth() + 1);
                if (moth.length == 1) {
                    moth = "0" + moth;
                }

                var dat = String(date.getDate());
                if (dat.length == 1) {
                    dat = "0" + dat;
                }
                dmy = moth + "/" + dat + "/" + date.getFullYear();

                if ($.inArray(dmy, availableDates) != -1) {
                    return [true, ""];
                } else if (dmy in holidays_dates) {
                    console.log(dmy)
                    return [false, "Highlighted", holidays_dates[dmy]];
                } else {
                    return [false, ""];
                }
            }

            //this function gets the dates from holidays_dates and makes array of disabled dates.
            function disabled() {
                for (var date in holidays_dates) {
                    disabledDates.push(date);
                }
            }

            disabled();

            $("#datepicker").datepicker({
                
                beforeShowDay: function(date) {
                    
                    var formattedDate = $.datepicker.formatDate('mm/dd/yy', date),
                        checkDisable = disabledDates.indexOf(formattedDate) == -1;

                    if (checkDisable == true) {
                        return [checkDisable];
                    } else {
                        //add ui-datepicker-unselectable class to the disabled date.
                        return [!checkDisable, 'ui-datepicker-unselectable', holidays_dates[
                            formattedDate]];
                    }
                },
                onChangeMonthYear: function() {
                    setTimeout(function() {
                        changeDisableDateColor();
                    });
                },
                changeMonth: true,
                changeYear: true,
                onSelect: function(dateText) {
                }
            });

            $('#datepicker').click(function() {
                changeDisableDateColor();
            });


            //change the css of the disable date.
            function changeDisableDateColor() {
                var unselectableDate = $('.ui-datepicker-unselectable a');

                unselectableDate.css({
                    background: '#1abc9c',
                    cursor: 'context-menu',
                    border: 0,
                    color: '#fff !important'
                });
            }


            // End Testing
    });
    $('document').ready(function() {
        $('.ui-datepicker-month').addClass("form-control");
        $('.ui-datepicker-year').addClass("form-control");
        //App.init();
        $("#like").click(function() {
            $.ajax({
                url: "{{ url('like') }}",
                type: "get",
                success: function(data) {
                    if (data) {
                        $("#dislike").css("display", "block");
                        $("#like").css("display", "none");
                        $("#count").text(data + " Likes");
                    }
                }
            });
        });
        $("#dislike").click(function() {
            ++count;
            $.ajax({
                url: "{{ url('dislike') }}",
                type: "get",
                success: function(data) {
                    if (data) {
                        $("#dislike").css("display", "none");
                        $("#like").css("display", "block");
                        $("#count").text(data + " Likes");
                    }
                }
            });
        });
    });
    $(document).ready(function () {
        var calendar = $('#calendar').fullCalendar({
            events: "{{url('holiday_get')}}",
            displayEventTime: true,
            selectable: true,
            selectHelper: true
        });
    });
    $("wishes").click(function() {
        var value = $(this).data("id");
        console.log(value);
        $(".ids").val(value);
    });
    $.fn.modal.Constructor.prototype._enforceFocus = function() {
        var $modalElement = this.$element;  
        $(document).on('focusin.modal',function(e) {
            if ($(e.target).parentsUntil('*[role="dialog"]').length === 0) {
                $modalElement.focus();
            }
        });
    };
    var counter = 0;
    setInterval(function() {
        counter++;

        if (counter === 2) {
            $('body').find('.custome-event').each(function() {
                $(this).parent().addClass('custome-event');
            });
        }
    }, 5000);
</script>