@extends('layouts.app')
<style>
label {
	font-weight: 500;
}
input, input[type="checkbox"] {
	display: inline;
	height: inherit !important;
	width: inherit !important;
}
</style>
@section('content')
<div class="container">
<div class="col-md-12 margin-top-25">
    <div class="row">
		<div class="col-md-3">
			<div class="card">
				<div class="card-header"><h5>Search Contractors</h5></div>

					<div class="card-body">
						{{ Form::open(['route' => 'client-management.search_contractor', 'id' => 'search_contractor']) }}
							{{ Form::label('Location:') }}
							{{ Form::select('location',$data['suburb'],isset($data['location']->suburb_id)?$data['location']->suburb_id:0,['class' => 'form-control']) }}
							
							{{ Form::label('Price Range:') }}<br/>
							{{-- Form::select('price_range',$data['price_ranges'],null,['class' => 'form-control']) --}}
							@foreach($data['price_ranges'] as $range)
								 {{ Form::checkbox('price_range[]', $range) }}  {{ $range }}.<br/>
							@endforeach
							
							{{ Form::label('Service(s):') }} <br/>
							@foreach($data['services'] as $service)
								 {{ Form::checkbox('services[]', $service->id) }}  {{ $service->service }}.<br/>
								 @foreach($service->active_subservices as $sub_service)
								 {{ Form::checkbox('sub_services[]', $sub_service->id, null, ['style' => 'margin-left: 15px']) }}  {{ $sub_service->service }}.<br/>
								 @endforeach
							@endforeach
							
							{{ Form::submit('Search', ['class' => 'btn btn-info btn-sm', 'style' => 'margin-top: 10px; float: right']) }}
						{{ Form::close() }}
					</div>
				</div>
		</div>
        <div class="col-md-9">
				@if(session()->has('message'))
			<div class="alert alert-success" style="text-align: center">
				{{ session()->get('message') }}
			</div>
			@endif
			
			<div class="row">
					@foreach($data['contractors'] as $contractor)
						<div class="col-md-12" style="padding-bottom: 15px">
						<div class="card">
						  <div class="card-header" style="padding: 5px">
							{{ $contractor->user_information->company }}
							<a style="color: white" onclick="apply_contractor({{$contractor->user_id}})" class="btn btn-info btn-sm pull-right">Place Request</a>
						  </div>
						  <div class="card-body">
						  <div class="row">
							
							<img src="/assets/images/profile_unavailable.png" width="180px" />
							
							<div class="div" style="margin-left: 10px" >
								<strong>Rate/h: </strong> R{{ $contractor->user_information->hourly_rate }}<br/>
								<strong>Operating Hours: </strong> {{ $contractor->user_information->operating_hours }}<br/>
								<strong>Service(s):</strong> 
									
								<ul>
								@if(count($contractor->services) > 0)	
										@foreach($contractor->services as $service)
											<li>{{ $service->service->service }}</li>
										@endforeach
								@else
										<li>N/A</li>
								@endif	
									</ul>
																																				
								</div>
							</div>
						</div> 	
						</div>
						</div>
					@endforeach
			</div>
			<div class="row">
				<div class="pull-right">
				   @if(count($data['contractors']) > 0)
				   {{ $data['contractors']->links() }}
					@endif
				</div>
			</div>
					
        </div>
    </div>
</div>
</div>

<div class="modal" id="myModal" aria-hidden="true" tab-index="-1" role="dialog"></div>

@endsection
@section('scripts')
<script  type="application/javascript">
  function view_audit(id){
     	$('#myModal').load('/audit_data/contractor/'+id, function(response) {
			  $('#myModal').modal( {backdrop:'static'} );
	    });
	}
</script>
<script  type="application/javascript">
  function apply_contractor(id){
     	$('#myModal').load('/client-management/apply_contractor_form/'+id, function(response) {
			  $('#myModal').modal( {backdrop:'static'} );
	    });
	}
</script>
@endsection