@extends('layouts.app')

@section('content')
<div class="container">
    <div class="container margin-top-25">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
				
					<div style="padding: 0px 0px 0px 0px; width: 300px;">
						<form action="{{ URL::to('admin/search/jobs') }}" 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 btn-sm">
										<span class="fa fa-search"></span>
									</button>
								</span>
							</div>
						</form>
					</div>
					
				 <!--<div class="card-tools">
					<form action="/search/jobs" method="POST" role="search" target="_self">
						{{ csrf_field() }}
					  <div class="input-group input-group-sm" style="width: 300px;">
						<input type="text" name="table_search" class="form-control float-right" placeholder="Search">
								
							
						<div class="input-group-append">
						  <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
						</div>
					  </div>
					</form>
                </div>-->
				
				</div>
				
                <div class="card-body table-responsive p-0">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                   <table class="table table-bordered table-hover table-sm">
						<thead class="thead-light">
								<th>Title</th>
								<th>Customer</th>
								<th>Contractor</th>
								<th>Request Date</th>
								<th>Status</th>
								<th width="120px">Action</th>
						</thead>
						<tbody>
						@foreach($data['jobs'] as $job)
							<tr>
								<td><a href="{{ URL::to('job',$job->id) }}">{{ $job->title }}</a></td>
								<td>{{ $job->customer->contact_person }}</td>
								<td>{{ $job->contractor->contact_person }}</td>
								<td>{{ $job->date }}</td>
								<td>
									@if($job->contractor_accepted)
										<span class="badge badge-pill  badge-success">{{ 'Accepted' }}</span>
									@elseif($job->contractor_rejected)
										<span class="badge badge-pill  badge-danger">{{ 'Rejected' }}</span>
									@else
										<span class="badge badge-pill  badge-warning">{{ 'Pending' }}</span>
									@endif
								</td>
								<td>
								@role('admin')
									<a href="{{ URL::to('job',$job->id) }}" class="btn btn-info btn-sm"><i class="fa fa-eye"></i></a>
								@endrole
								</td>
							</tr>
						@endforeach
						</tbody>
				   </table>
				   <div class="pull-right">
				   @if(count($data['jobs']) > 0)
				   {{ $data['jobs']->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/customer/'+id, function(response) {
			  $('#myModal').modal( {backdrop:'static'} );
	    });
	}
</script>
@endsection