{{View::make('layout.header')}}
@php
$user_join_year = date('Y',strtotime($userPay->date_commence));
$cutOffStartMonth = getSettingsValue("cut_of_startmonth");
if($cutOffStartMonth!=1){
    if($cutOffStartMonth > date('m')){
        $currentYear = date('Y');
    }else{
        $currentYear = date('Y')+1;
    }
}else{
    $currentYear = date('Y');
}
@endphp

    <style>
    .timeline .timeline-item .timeline-event h6{
    word-break : break-all; }
    .ilter-container
    {
    display:none !important;
    }
    .table-striped-custom tbody td{
    border-collapse: collapse;
    color: black;
    font-weight: 500;
    height: 25px;
    }

    .fade:not(.show) {
    opacity: 1 !important;
    padding: 11px;
    }
    </style>
    <style>
    /* Style the tab */
    .tab {
    overflow: hidden;

    background-color: #ffffff;
    }
    /* Style the buttons inside the tab */
    .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 6px;
    transition: 0.3s;
    font-size: 11px;  border: 1px solid #ccc;
    }
    /* Change background color of buttons on hover */
    .tab button:hover {
    background-color: #ddd;
    }
    /* Create an active/current tablink class */
    .tab button.active {
    background-color: #ccc;
    }
    /* Style the tab content */
    .tabcontent {
    display: none;
    padding: 6px 12px;  
    border-top: none;
    }
    </style>
    <!-- END: Custom CSS-->

    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
         <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">E-Leave</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">Employee
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Self Leave</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-3 col-12">
                    <div class="form-group breadcrumb-right">
                        <a href="#" class="btn btn-primary btn-block waves-effect waves-float waves-light" data-toggle="modal" data-target="#add-payment-sidebar">Apply For Leave</a>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Dashboard Ecommerce Starts -->
                <section id="dashboard-ecommerce">
                    <div class="row match-height">
                        <div class="col-lg-12 col-12">
                            <div class="card card-user-timeline">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">

                                        <h4 class="card-title">
                                             Annual Quota</h4>

                                    </div>
                                </div>

                                <div class="card-body">
                                    <div class="row avg-sessions pt-50">
                                        <div class="col-3 mb-2">
                                            <div class="row">
                                                <div class="col-md-4">
                                                     <p class="mb-50">AL</p>
                                                </div>
                                                                                                <div class="col-md-8">
                                                    <!-- <p class="mb-50">{{ isset($alHistory) ? ($alHistory->entitle - $alHistory->leave_taken) : 0 }}/{{ isset($alHistory) ? $alHistory->entitle : 0 }} Remaining</p> -->

                                                    <p class="mb-50">{{ isset($myLeaveSumm->balance) ? $myLeaveSumm->balance : 0 }}/{{ isset($myLeaveSumm->aentitle) ? $myLeaveSumm->aentitle : 0 }} Remaining</p>
                                                </div>
                                            </div>
                                            <div class="progress  progress-bar-success" style="height: 6px" style="background-color:#6a7e80;">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="{{ $percentage }}" aria-valuemin="{{ $percentage }}" aria-valuemax="{{ $percentage }}" style="width: {{ $percentage }}%"></div>
                                            </div>
                                        </div>
                                        <div class="col-3 mb-2">
                                            <div class="row">
                                                                                                <div class="col-md-4">
                                                     <p class="mb-50">MC</p>
                                                </div>
                                                <div class="col-md-8">
                                                    <p class="mb-50">{{isset($medicalSumm->mbalance) ? $medicalSumm->mbalance : 0 ;}}/{{ $ml }} Remaining</p>
                                                </div>
                                            </div>
                                            <div class="progress  progress-bar-danger" style="height: 6px"  style="background-color:#ec1818;">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="50" aria-valuemax="100" style="width: {{ $mePercentage }}%"></div>
                                            </div>
                                        </div>
                                        <div class="col-3 mb-2">
                                            <div class="row">
                                                                                                <div class="col-md-4">
                                                     <p class="mb-50">RL 1</p>
                                                </div>
                                                <div class="col-md-8">
                                                    <p class="mb-50">{{$myLeaveSummSm['balance'] ?? 0}}/{{$totalReplacement ?? 0}} Remaining</p>
                                                </div>
                                            </div>
                                            <div class="progress progress-bar-info" style="height: 6px"   style="background-color:#4298a1;">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="50" aria-valuemax="0" style="width: {{$rPercentage}}%"></div>
                                            </div>
                                        </div>
                                        <div class="col-3 mb-2">
                                            <div class="row">
                                                                                                <div class="col-md-4">
                                                     <p class="mb-50">RL 2</p>
                                                </div>
                                                <div class="col-md-8">
                                                    <p class="mb-50">{{$myLeaveSummSm1['balance'] ?? 0}}/{{$totalReplacement2}} Remaining</p>
                                                </div>
                                            </div>
                                            <div class="progress progress-bar-info" style="height: 6px"   style="background-color:#4298a1;">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="50" aria-valuemax="0" style="width: {{$rPercentage}}%"></div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--/ Medal Card -->
                    </div>

                    <div class="row match-height">
                        <div class="col-md-12" style="">
                            <div class="card" style="font-size:12px;">
                            <h4 class="card-title mb-50 mb-sm-0" style="margin-left:20px;margin-top:20px;">My Leaves</h4>
                            <div class="col-md-12">
                            @if(Session::get('flash_message_success'))
                            <div class="alert alert-success alert-block" style="padding:15px;">
                                <button type="button" class="close" data-dismiss="alert" style="font-size: 20px; font-weight:bold;">X</button>
                                <strong>{!! Session::get('flash_message_success') !!}</strong>
                            </div>
                            {{ Session::forget('flash_message_success') }}
                            @endif

                             <div class="card-header">



                                    <div class="btn-group">

                                        <input type="hidden" id="lt" value="">

                                             <div class="">
                                            <button onclick="more_filter()" class="btn btn-primary btn-block waves-effect waves-float waves-light" style="">Filter</button>
                                        </div>&nbsp;&nbsp;
                                        <select class="form-control" id="start_year1"  name="year1">
                                                    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getSettingsValue() in /home/ecoleave/public_html/backup/v6/resources/views/E-Leave/self-leave.blade.php:247
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Leave/self-leave.blade.php</b> on line <b>247</b><br />