{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Car Company Lists')

@section('content')
<section class="users-list-wrapper section">
  	<div class="users-list-table">
		<div class="card">
            <div class="row pl-1 pr-1">
                <div class="col s4">
                    <h5><b>Car Company</b></h5>
                </div>
                <div class="input-field col s5">
                    <form action="{{ route('admin.car-company.index') }}" method="get" id="report-search-form" class="report-search-form2">
                        <input class="search-keyword" type="text" name="keyword" id="keyword" value="{{ request('keyword') ?? '' }}" placeholder="Search...">
                        <i class="material-icons prefix custom-search-icon custom-search-icon2">search</i>
                    </form>
                </div>
                <div class="col s3 mt-1" style="padding-top: 6px">
                    <a href="{{ route('admin.car-company.create') }}" class="btn waves-effect waves-light border-radius-button right"><i class="material-icons left">list</i>Add Car Company</a>
                </div>
            </div>
			<div class="card-content">
				<!-- datatable start -->
				<div class="responsive-table">
					<table id="users-list-datatable" class="table responsive-table striped">
						<thead class="grey lighten-2">
							<tr>
								<th></th>
								<th>#</th>
								<th>Company Image</th>
								<th>Company Name</th>
								<th>Created</th>
								<th>Created By</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							@forelse ($car_companies as $key => $car_company)
								<tr>
									<td></td>
									<td>{{$key + $car_companies->firstItem()}}</td>
									<td>
										@if ($car_company->image)
											<img src="{{ $car_company->image }}" alt="" srcset="" width="100" height="100">
										@else
											-
										@endif
									</td>
									<td>{{$car_company->name}}</td>
									<td>{{$car_company->created_time}}</td>
									<td>Admin</td>
									<td>
										<div class="right">
											<i class="material-icons left pt-3">
												<a class="blue lighten-4 border-radius-button z-depth-1" href="{{ route('admin.car-company.edit',$car_company->id) }}" style="padding: 6px 10px;">edit</a>
											</i>
											<form action="{{ route('admin.car-company.destroy', $car_company->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
												<input type="hidden" name="_method" value="DELETE">
												<input type="hidden" name="_token" value="{{ csrf_token() }}">
												<button class="btn waves-effect waves-light red darken-2 border-radius-button" type="submit" name="action"><i class="material-icons left">delete_forever</i>Delete</button>
											</form>
										</div>
									</td>
								</tr>
							@empty
								<tr>
									<td colspan="7">No Company Found!</td>
								</tr>
							@endforelse
						</tbody>
					</table>
                </div>
			</div>
        </div>
  	</div>
</section>
@endsection
@section('page-script')
<script>
	$(document).ready(function(){
		$('.modal').modal();
	});
	function checkFilter(id, type) {
		var filter_box = "#filter-box-" + type + '-' + id;
		var filter_check = "#filter-check-" + type + '-' + id;

		if ($(filter_box).hasClass("box-checked")) {
			$(filter_box).removeClass("box-checked");
			$(filter_check).removeAttr('checked');
		} else {
			$(filter_box).addClass("box-checked");
			$(filter_check).attr('checked', 'checked');
		}
	}

	$('#clearFilter').on('click', function() {
		$('.filter-box').removeClass('box-checked');
		$('.filter-check').removeAttr('checked');
		$('.date-filter').val('');
	})

    function Close() {
        $('.modal').modal().hide();
    }

</script>

@endsection