@extends('layouts.frontend2')

@section('content')
<div class="col-md-12">
    <div class="row">
		<div class="col-md-3">
			<div class="card">
				<div class="card-header"><h2>Search Contractors</h2></div>

					<div class="card-body">
						{{ Form::open(['route' => 'client-management.search_contractor', 'id' => 'search_contractor']) }}
							{{ Form::label('Service') }}
							{{ Form::select('service',$data['services'],null,['class' => 'form-control']) }}
							{{ Form::label('Price Range') }}
							{{ Form::select('price_range',$data['price_ranges'],null,['class' => 'form-control']) }}
							{{ Form::submit('Submit',['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="card">
                <div class="card-header">
				@role('admin')
					<a href="{{ URL::to('add_contractor') }}" class="btn btn-info btn-sm pull-right">ADD</a>
					<a href="#" onclick="import_contractor()" class="btn btn-info btn-sm pull-right" style="margin-right: 5px">IMPORT</a>
					<a href="{{ URL::to('download/contractors') }}" class="btn btn-success btn-sm pull-right" style="margin-right: 5px">DOWNLOAD TEMPLATE</a>
				@endrole
				<div style="padding: 0px 0px 0px 0px; width: 450px;">
					<form action="/search/contractors" method="POST" role="search" target="_self">
						{{ csrf_field() }}
						<div class="input-group">
							<input type="text" class="form-control" name="q"
								placeholder="search..." /> 
							<span class="input-group-btn">
								<button type="submit" class="btn btn-success">
									<span class="fa fa-search"></span>
								</button>
							</span>
						</div>
					</form>
				</div>
				</div>
		
                <div class="card-body" style="padding: 0">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
				
                   <table class="table table-bordered table-hover table-sm table-light">
						<thead class="thead-light">
								<th>Company</th>
								<th>Contact Person</th>
								<th>Email</th>
								<th>Contact Number</th>
								<th width="120px">Action</th>
						</thead>
						<tbody>
						@foreach($data['contractors'] as $contractor)
							<tr>
								<td><a href="{{ URL::to('view_contractor',$contractor->id) }}" >{{ $contractor->company }}</a></td>
								<td>{{ $contractor->contact_person }}</td>
								<td>{{ $contractor->email }}</td>
								<td>{{ $contractor->contact_number }}</td>
								<td>
								@role('admin')
									<a href="{{ URL::to('edit_contractor',$contractor->id) }}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i></a>
								@endrole
									<a href="{{ URL::to('view_contractor',$contractor->id) }}" class="btn btn-info btn-sm"><i class="fa fa-eye"></i></a>
								@role('admin')
									<a onclick="view_audit('{{ $contractor->id }}')" class="btn btn-light btn-sm"><i class="fa fa-list"></i></a>
								@endrole
								</td>
							</tr>
						@endforeach
						</tbody>
				   </table>
			
				   <div class="pull-right">
				   @if(count($data['contractors']) > 0)
				   {{ $data['contractors']->links() }}
					@endif
					</div>
                </div>
            </div>
			--}}
			
			<div class="row">
					@foreach($data['contractors'] as $contractor)
						<div class="col-md-3" style="padding-bottom: 15px">
						<div class="card">
						  <div class="card-header" style="padding: 5px">
							{{ $contractor->company }}
							<a style="color: white" onclick="apply_contractor({{$contractor->id}})" class="btn btn-info btn-sm pull-right">Apply</a>
						  </div>
						  <div class="card-body" style="padding: 5px">
							<strong>Rate/h: </strong> R{{ $contractor->hourly_rate }}<br/>
							<strong>Service(s):</strong> 
								<ul>
									<li>List of Services</li>
									<li>List of Services</li>
									<li>List of Services</li>
								</ul>
								
																																
							</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 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