@extends('app')
@section('content')
<title>Manage Ratings</title>
<style type="text/css">
.form-group {
    min-height: 28px;
}
.modal-footer {
    clear: both;
}
.modal{
	z-index: 1000 !important;
}
/* For fixed table thead */
table {
        table-layout:fixed;
}

.div-table-content {
    max-height:350px;
    overflow-y:auto;
}
.scorll {
    width: 98.5%;
    margin-bottom: 0px;
    border-bottom: none !important;
}
.scorll1 {
    width: 1122px
}
</style>
<div class="content-wrapper">
    <div class="container">
        <div class="row">
                <div class="col-md-12">
                    
						<a href="ratings/create" data-toggle="tooltip" title="Add New" id="add" class="btn btn-primary display_button" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-plus"></i></a>
                    
                    <form method="POST" id="amc_form" action="">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<input type="hidden" name="_method" value="DELETE">
						<button type="submit" id="delete" data-toggle="tooltip" title="Delete entry" class="btn btn-danger pull-right display_button" style="margin-right:0.5%;margin-top:1%" disabled onclick="return confirm('Are you sure to delete this rating?');"><i class="fa fa-trash-o"></i></button>
						<!--<a href="" id="edit" data-toggle="tooltip" title="Edit details" class="btn btn-info pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-pencil"></i></a>-->
						<a href="" id="view" data-toggle="tooltip" title="View details" class="btn btn-warning pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-street-view"></i></a>
					</form>
					<a href="/ratings/graph" data-toggle="tooltip" title="" class="btn btn-primary" data-original-title="View Graph" style="float:right;margin-right:5px;margin-top:11px;"><i class="fa fa-line-chart"></i></a>
										<a href="?report=1" data-toggle="tooltip" title="" class="btn btn-primary" data-original-title="Download Exel" style="float:right;margin-right:5px;margin-top:11px;"><i class="fa fa-download"></i></a>
					<a href="" id="clear" data-toggle="tooltip" title="Clear details" class="btn btn-warning pull-right display_button" style="margin-right:0.5%;margin-top:1%" onclick="ClearFields();">Clear</a>
                    <form methd="get" action="/ratings">
                        <div class="col-md-3 pull-right" style="margin-top: 1%;">
                             <input type="text" class="form-control" placeholder="Search By CompanyName,Technician name.." name="filter_name" value=""/>
                        </div>
                    </form>
					<h1 class="page-head-line">RATING MEMBERS LIST</h1>
                </div>
       	</div>
        <div class="row">
        	<div class="col-md-12">
                    	@if(Session::has('success'))
				            <div class="alert alert-success">
				                {{ Session::get('success') }}
				            </div>
						@endif
						@if($errors->any())
						    <div class="alert alert-danger">
						        @foreach($errors->all() as $error)
						            <p>{{ $error }}</p>
						        @endforeach
						    </div>
						@endif
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover scorll" id="content_table" style="margin-bottom: 0px;">
                            	<thead>
                                    <tr>
                                        <th style="width:3%"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked).change();"/></th>
                                    	<th style="width: 15%;">
								        			                                        <a href="/ratings&sort=v.company_name">Company Name/Client Name</a>
		                                    								        </th>
										<th style="width: 5%;">
								        			                                        <a href="/ratings&sort=ratings.app">Company Rating(Out Of 5)</a>
		                                    								        </th>
										<th style="width: 5%;">
								        			                                        <a href="/ratings&sort=ratings.technician">Technician Rating(Out Of 5)</a>
		                                    								        </th>
<!--								        <th style="width: 20%;">
								        			                                        <a href="/ratings&sort=ratings.desc">Description</a>
		                                    								        </th>-->
								        <th style="width: 15%;">
								        			                                        <a href="/ratings&sort=ratings.first_name">Technician Name</a>
		                                    								        </th>
								        <th style="width: 15%;">
								        			                                        <a href="/ratings&sort=ratings.awd">Ticket No</a>
		                                    								        </th>
										<th style="width: 15%;">
								        			                                        <a href="/ratings&sort=ratings.created_by">Created By</a>
		                                    								        </th>
                                    </tr>
                                </thead>
                            </table>
                            <div class="div-table-content">
                            <table class="table table-striped table-bordered table-hover scorll1" id="header_table" >
                                <tbody>
								
								@foreach($ratings as $rating)
								
                                    <tr>
                                    	<td style="width:3%"><input type="checkbox" name="selected[]" class="selected" value="{{ $rating->id }}" data-amount=""/></td>
								        <td style="width: 15%;">{{ $rating->company_name }}</td>
									<td style="width: 5%;">{{ $rating->app }}</td>
								        <td style="width: 5%;">{{ $rating->technician }}</td>
										<!--<td style="width: 20%;">{{ $rating->desc }}</td>-->
										<td style="width: 15%;">{{ $rating->first_name }} {{$rating->last_name}}</td>

										<td style="width: 15%;">{{ $rating->awd }}</td>
										<td style="width: 15%;">{{ $rating->created_by }}</td>
								   </tr>
								@endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>