@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
    		

		<div class="fun-facts-container margin-top-10">

			<div class="fun-fact" data-fun-fact-color="#36bd78">
				<div class="fun-fact-text">
					<span>Tradespeople</span>
					<h4>{{ $data['tradesmanCount'] }}</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-material-outline-business-center"></i></div>
			</div>

			<div class="fun-fact" data-fun-fact-color="#efa80f">
				<div class="fun-fact-text">
					<span>My Job Posts</span>
					<h4>{{ $data['myListingsCount'] }}</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-material-outline-rate-review"></i></div>
			</div>
			
			<div class="fun-fact" data-fun-fact-color="#0D928D">
				<div class="fun-fact-text">
					<span>Bids Received</span>
					<h4>{{ $data['myBidsRecievedCount'] }}</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-line-awesome-dollar"></i></div>
			</div>

				<!-- Last one has to be hidden below 1600px, sorry :( -->
				<div class="fun-fact" data-fun-fact-color="#2a41e6">
				<div class="fun-fact-text">
					<span></span>
					<h4>0</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-feather-trending-up"></i></div>
			</div>

		</div>
	</div>




			
			<div class="col-md-12 margin-top-10">
			<!-- Features Jobs -->
      <div class="section gray padding-top-35 padding-bottom-75">
				<div class="container">
					<div class="row">


			
            <div class="col-xl-12">
              <!-- Section Headline -->
              <div class="section-headline margin-top-0 margin-bottom-35">
                <h3>My Recent job cards</h3>
                <a href="{{ URL::to('job-list') }}" class="headline-link">Browse All Job cards</a>
              </div>

              <!-- Jobs Container -->
              <div class="tasks-list-container compact-list margin-top-35">
								@foreach($data['jobs'] as $jobs)
									<div class="task-listing">
										<!-- Job Listing Details -->
										<div class="task-listing-details">
											<!-- Details -->
											<div class="task-listing-description">
												<h3 class="task-listing-title">{{  $jobs->job_title }}</h3>
												<ul class="task-icons"> 
													<li>
														<i class="icon-material-outline-location-on"></i> Cape
														Town
													</li>
													<li>
														<i class="icon-material-outline-access-time"></i> 
														{{ \Carbon\Carbon::parse($jobs->created_at)->diffForHumans() }}
													</li>
												</ul>
												<div class="task-tags margin-top-15">
													<span>{{  isset($jobs->user_information->company)?$jobs->user_information->company:'N/A' }}</span>

													@if($jobs->contractor_accepted)
														<span class="">{{ 'Accepted' }}</span>
													@elseif($jobs->contractor_rejected)
														<span class="">{{ 'Rejected' }}</span>
													@else 
														<span class="">{{ 'Pending' }}</span>
													@endif

												</div>
											</div>
										</div>

										<div class="task-listing-bid">
											<div class="task-listing-bid-inner">
												<div class="task-offers">
													<strong>R{{ $jobs->price_min }} - R{{ $jobs->price_max }}</strong>
													<span>Fixed Price</span>
												</div> 
												<div class="task-tags"> 
												
												<a href="{{ URL::to('job',$jobs->id) }}" class="" title="View Job" style="display: inline"><span><i class="fa fa-eye"></i></span></a>
												
												@if(!$jobs->contractor_accepted && !$jobs->contractor_rejected)
													<form id="accept-form" action="{{ URL::to('client-management/cancel_job',$jobs->id) }}" method="POST" style="display: inline;">
													@csrf
													{{ method_field('PUT') }}
													<span><button type="submit" class=""><i class="fa fa-times"></i></button></span>
												</form>
												@endif

											</div>
										</div>


										</div>
								</div>
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		
		@php /*
			<div class="col-md-12">
				<div class="card">
				 <div class="card-header" style="padding: 5px">
						<h4>My Requests</4>		
				  </div>
				
					<table class="table table-bordered table-sm">
					<thead class="thead-light">
							<th>Title</th>
							<th>Date</th>
							<th>Contractor</th>
							<th>Status</th>
							<th></th>
					</thead>
						<tbody>
						@foreach($data['jobs'] as $jobs)
							<tr>
								<td>{{  $jobs->title }}</td>
								<td>{{  $jobs->date }}</td>
								<td>{{  $jobs->contractor->company }}</td>
								<td> 
									@if($jobs->contractor_accepted)
										<span class="btn btn-success btn-sm">{{ 'Accepted' }}</span>
									@elseif($jobs->contractor_rejected)
										<span class="btn btn-danger btn-sm">{{ 'Rejected' }}</span>
									@else
										<span class="btn btn-warning btn-sm">{{ 'Pending' }}</span>
									@endif
								</td>
								<td width="100px">
								<a href="{{ URL::to('job',$jobs->id) }}" class="btn btn-info btn-sm" title="View Job"><i class="fa fa-eye"></i></a>
								@if(!$jobs->contractor_accepted && !$jobs->contractor_rejected)
									<form id="accept-form" action="{{ URL::to('client-management/cancel_job',$jobs->id) }}" method="POST" style="display: inline;">
										@csrf
										{{ method_field('PUT') }}
										<button type="submit" class="btn btn-danger btn-sm" ><i class="fa fa-times"></i></button>
									</form>
								@endif
								</td>
							</tr>
						@endforeach
						</tbody>
					</table>
				
				</div>
			</div>
		*/ @endphp

</div>
@endsection