{{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;}
}
.card {
    margin:0px;
}
</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">E-Claim
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">E-Claim Rates</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                
                <div class="row" style="margin:0px;">
                    <div class="card col-md-12" style="padding:0px;">
                        <div class="card-body" style="padding-left:0px; padding-right:0px; padding-bottom:0px;">
                            <!-- Tab panes -->
                            <div class="tab-content pt-1">
                                <div class="tab-pane active" id="home-just" role="tabpanel" aria-labelledby="home-tab-justified">
                                    <div class="card" style="border: 0px;">
                                        <div class="card-header " style="padding-top:0px;">
                                         <div class="btn-group btn-align-left ">
                                         <select name="rate_type" id="rate_type" class="form-control" style="padding-left: 10px; border-width: 0 1px 0 0px; border-radius:0px;" onchange="getdata();">
                        						<option value="0">Monthly</option>
                        						<option value="1">Yearly</option>
                                            </select>
                                            </div>
                                            <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 class="card-body" style="padding:0px; ">
                                                <div class="col-md-12" style="padding:0px;">
                                                    <div class="table-responsive" style="padding: 0 15px 15px 15px;">
                                                        <table class="table table-bordered  my-leave-summary-entitle" id="example11" style="font-size:12px; table-layout:fixed;" >
                                                            <tbody>
                                                                <tr >
                                                                    <th width="15%" style="text-align: left;text-transform: capitalize;">Category &#9660; / Claim-Type &#9658;</th>
                                                                    <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Claim/rates.blade.php</b> on line <b>120</b><br />
 
                                                                </tr>
                                                                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Claim/rates.blade.php</b> on line <b>124</b><br />
                                                            </tbody>
                                                            
                                                        </table>
                                                    </div>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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() {
            getdata();
            
        });

        function getdata(){
            $.ajax({
                type:'get',
                data: { rate_type: $("#rate_type").val(),},
                url:'{{ route('getClaimRateList')}}',
                    success:function(data) {
                        console.log(data);
                        for(var i = 0; i < data.length; i++){
                            $("#claimrate_" + data[i].typeid + "_" + 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, claimType, noRate)
        {
            ClaimRateArray[ClaimRateArray.length] = new ClaimRate(category, claimType, noRate);
        }

        function getclaimRateJSON(){
	        ClaimRateArray = new Array(); 
	        <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Claim/rates.blade.php</b> on line <b>192</b><br />
	        return JSON.stringify(ClaimRateArray);
        }

        function generateclaimrate(){
            var result = confirm("Are you sure want to update?");
            
            $.ajax({
                type:'post',
                data: { _token: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/ecoleave/public_html/backup/v6/resources/views/E-Claim/rates.blade.php:204
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Claim/rates.blade.php</b> on line <b>204</b><br />