{{View::make('layout.header')}}
<style>
.fc-right .fc-state:hover{
     background-color:#fff !important;
    
}
.fc-right .fc-button{
     padding: 0.438rem 0.5rem !important;
     background:#fff !important;
    border-color: #7367f0 !important;
    color: #7367f0;
    height: 100%;
}
.fc-right .fc-state-active {
    background-color: rgba(115, 103, 240, 0.2) !important;
    border-color: #7367f0 !important;
    color: #7367f0;
    z-index: 1 !important;
}
.fc-next-button, .fc-prev-button{
    background: #fff !important;
}
.fc-month-button, .fc-agendaWeek-button{
border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    }
    .fc-agendaWeek-button, .fc-agendaDay-button{
        border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    }
.fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after {
    top:-10% !important;
}
.fc-icon-left-single-arrow:after{
    font-size: 135% !important;
    font-weight: inherit !important;
    content: "\e900" !important;
}
.fc-icon-right-single-arrow:after {
    font-size: 135% !important;
    font-weight: inherit !important;
    content: "\e901" !important;
}
.fc-state-default {
    box-shadow: none !important;
}
.fc-content .fc-title{
    color:#fff;
    font-size:11px;
       white-space: break-spaces !important;
}

.fc-right .fc-button-group{
    width: 60% !important;
    float: right !important;
}
@media only screen and (min-width: 768px) {
.fc-left, .fc-right{
    width:50% !important;
}
.app-calendar .fc-popover { left:50% !important;  top : 30% !important;}
}
@media only screen and (max-width: 768px) {
.fc-left, .fc-right{
    width:100% !important;
}
.app-calendar .fc-popover { left:20% !important;  top : 40% !important;}
}

</style>
    <!-- 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">
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">HR
                                    </li>
                                    <li class="breadcrumb-item"><a href="{{route('setup')}}">Setup</a>
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Claim Rate</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Horizontal Wizard -->
                <div class="card">
                      <div class="card-header ptitle" style="padding:1rem;  color:#fff;">
                        <h4 class="card-title" style="color:#fff;">Claim Rate</h4>
                      </div>
                      <div class="card-body" style="padding:0px; ">
                            <div class="col-md-12" style="padding:0px;">
                                <div class="col-md-12" style="padding: 15px 15px 0px 15px;">
                                    <div class="" style="width:100%">
                                        <div class="btn-group">
                                            <select name="rate_type_change" id="rate_type_change" class=" form-control" style="padding-left: 10px;" onchange="getfilterdata()">
                                                <option value="0">Monthly</option>
                                                <option value="1">Yearly</option>
                                            </select>
                                            
                                        </div>
                                        <div class="justify-content-between align-items-center" style="margin: 0px 0; float:right;">
                                            <div class="d-flex align-items-right">
                                                <div class="btn-group btn-align-right ">
                                                    <a onclick="generateClaimRate()" class="btn btn-danger waves-effect waves-float waves-light  reject-visible-btn" >Generate</a>
                                                    
                                                </div>
                                            </div>    
                                        </div>
                                    </div>

                                    
                                </div>
                                <div class="table-responsive" style="padding: 15px 15px 15px 15px;">
                                    <table class="table table-bordered  my-leave-summary-entitle" id="example11" style="font-size:12px; table-layout:fixed;" >
                                        <tbody>
                                            <tr style="height:50px;">
                                                <th width="15%" style="text-align: center;text-transform: capitalize;">Claim-Type &#9658; <br /> --- <br /> Category &#9660;</th>
                                                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/ExcelForce/resources/views/hr/setup/claim_rate.blade.php</b> on line <b>129</b><br />
           
                                            </tr>
                                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/ExcelForce/resources/views/hr/setup/claim_rate.blade.php</b> on line <b>133</b><br />
                                        </tbody>
                                        
                                    </table>
                                </div>
                            </div>
                          
                        </div>
                    </div>
                <!-- /Horizontal Wizard -->
            </div>
        </div>
    </div>
    <!-- END: Content-->
    {{View::make('layout.footer')}}
    <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
    
    <script>
        $(document).ready(function() {
            getfilterdata();
        
        });

        function getfilterdata(){
            $.ajax({
                type:'get',
                data: {  rate_type: $("#rate_type_change").val() },
                url:'{{ route('getclaimrate')}}',
                    success:function(data) {
                        for(var i = 0; i < data.length; i ++){
                            $("#typeval_" + data[i].eclaimtype_id + "_" + data[i].id).val(data[i].rate);
                        }
                    }
                        
            });
        }
           
        var claimRateArray = new Array();
        function ClaimRate(category, claimType, noRate)
        {
            this.category = category;
            this.claimType = claimType;
            this.noRate = noRate;
        }

        function addClaimRate(category, experience, noRate)
        {
            claimRateArray[claimRateArray.length] = new ClaimRate(category, experience, noRate);
        }

        function getClaimRateJSON(){
	        claimRateArray = new Array(); 
	        <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/ExcelForce/resources/views/hr/setup/claim_rate.blade.php</b> on line <b>195</b><br />
	        return JSON.stringify(claimRateArray);
        }

        function generateClaimRate(){
            var result = confirm("Are you sure want to update?");
            console.log( getClaimRateJSON());
            $.ajax({
                type:'get',
                data: {  rate_type: $("#rate_type_change").val(), claimrate_json: getClaimRateJSON(), },
                url:'{{ route('setclaimrate')}}',
                success:function(data) {
                    getfilterdata();
                }
                                
            });
    
        }
    </script>