@extends('layouts.app')

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

				@if (session('success'))
					<div class="alert alert-success" role="alert" style="text-align: center">
						{{ session('success') }}
					</div>
				@endif
				@if (count($errors) > 0)
					  @if($errors->any())
						<div class="alert alert-success alert-dismissible" role="alert">
						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						  {{$errors->first()}}
						</div>
					  @endif
				  @endif
		
		<div class="fun-facts-container margin-top-10">

			<div class="fun-fact" data-fun-fact-color="#36bd78">
				<div class="fun-fact-text">
					<span>Customers</span>
					<h4>{{ $data['customerCount'] }}</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="#0D928D">
				<div class="fun-fact-text">
					<span>My Bids Placed</span>
					<h4>{{ $data['myBidsCount'] }}</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-line-awesome-dollar"></i></div>
			</div>

			<div class="fun-fact" data-fun-fact-color="#efa80f">
				<div class="fun-fact-text">
					<span>Total Earnings</span>
					<h4>R 0.00</h4>
				</div>
				<div class="fun-fact-icon"><i class="icon-material-outline-rate-review"></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-15 padding-bottom-25">
				<div class="container">
					<div class="row">

            <div class="col-xl-12">
              <!-- Section Headline -->
              <div class="section-headline margin-top-0 margin-bottom-35">
                <h3>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> 
														{{ $jobs->created_at }}
													</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=""><span><i class="fa fa-eye"></i></span></a>
													@if(!$jobs->contractor_accepted)
														<form id="accept-form" action="{{ URL::to('contractor/accept_job',$jobs->id) }}" method="POST" style="display: inline;">
															@csrf
															{{ method_field('PUT') }}
															<span><button type="submit" class=""><i class="fa fa-check"></i></button></span>
														</form>
													@endif
													@if(!$jobs->contractor_rejected && !$jobs->contractor_accepted)
														<form id="reject-form" action="{{ URL::to('contractor/reject_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>



		
				<!-- Features Jobs -->
				

				<!-- Dashboard Box -->
				<div class="col-xl-6">
					<div class="dashboard-box margin-top-0">

						<!-- Headline -->
						<div class="headline">
							<h3><i class="icon-material-outline-gavel"></i> My Accepted Bids</h3>
						</div>

						<div class="content">
							<ul class="dashboard-box-list">
							@forelse($data['approved_jobs']->listings as $bid)

								<li>
									<!-- Job Listing -->
									<div class="job-listing width-adjustment">

										<!-- Job Listing Details -->
										<div class="job-listing-details">

											<!-- Details -->
											<div class="job-listing-description">
												<h3 class="job-listing-title"><a href="#">{{ $bid->job_title }}</a></h3>
											</div>
										</div>
									</div>
									
									<!-- Task Details -->
									<ul class="dashboard-task-info">
										<li><strong>R{{ $bid->price_min }}</strong><span>Hourly Rate</span></li>
										<li><strong>{{ $bid->bids[0]->delivery_integer }} {{ $bid->bids[0]->delivery_interval }}</strong><span>Delivery Time</span></li>
									</ul>

									<!-- Buttons -->
									<div class="buttons-to-right always-visible">
										<a href="#small-dialog" class="popup-with-zoom-anim button dark ripple-effect ico" title="Edit Bid" data-tippy-placement="top"><i class="icon-feather-edit"></i></a>
										<a href="#" class="button red ripple-effect ico" title="Cancel Bid" data-tippy-placement="top"><i class="icon-feather-trash-2"></i></a>
									</div>
								</li>
							@empty
							<p>No active jobs at the momemt</p>
              @endforelse

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

			
			

				<!-- Dashboard Box -->
				<div class="col-xl-6">
					<div class="dashboard-box margin-top-0">

						<!-- Headline -->
						<div class="headline">
							<h3><i class="icon-material-outline-gavel"></i> My Active Bids</h3>
						</div>

						<div class="content">
							<ul class="dashboard-box-list">
							@foreach($data['bids'] as $bid)
								<li>
									<!-- Job Listing -->
									<div class="job-listing width-adjustment">

										<!-- Job Listing Details -->
										<div class="job-listing-details">

											<!-- Details -->
											<div class="job-listing-description">
												<h3 class="job-listing-title"><a href="#">{{ $bid->listing->job_title }}</a></h3>
											</div>
										</div>
									</div>
									
									<!-- Task Details -->
									<ul class="dashboard-task-info">
										<li><strong>R{{ $bid->bid_price }}</strong><span>Hourly Rate</span></li>
										<li><strong>{{ $bid->delivery_integer }} {{ $bid->delivery_interval }}</strong><span>Delivery Time</span></li>
									</ul>

									<!-- Buttons -->
									<div class="buttons-to-right always-visible">
										<a href="#small-dialog" class="popup-with-zoom-anim button dark ripple-effect ico" title="Edit Bid" data-tippy-placement="top"><i class="icon-feather-edit"></i></a>
										<a href="#" class="button red ripple-effect ico" title="Cancel Bid" data-tippy-placement="top"><i class="icon-feather-trash-2"></i></a>
									</div>
								</li>
                @endforeach

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

			
</div>

















			@php
			/*
			<div class="col-md-12">
				<div class="card">
				 <div class="card-header" style="padding: 5px">
						<h4>My Jobs</4>		
				  </div>
				
					<table class="table table-bordered table-sm">
					<thead class="thead-light">
							<th>Title</th>
							<th>Location</th>
							<th>Date</th>
							<th>Status</th>
							<th></th>
					</thead>
						<tbody>
						@foreach($data['jobs'] as $jobs)
							<tr>
								<td>{{  $jobs->title }}</td>
								<td></td>
								<td>{{  $jobs->date }}</td>
								<td> 
									@if($jobs->contractor_accepted)
										{{ 'Accepted' }}
									@elseif($jobs->contractor_rejected)
										{{ 'Rejected' }}
									@else
										{{ 'Pending' }}
									@endif
								</td>
								<td width="130px">
									<a href="{{ URL::to('job',$jobs->id) }}" class="btn btn-info btn-sm"><i class="fa fa-eye"></i></a>
									@if(!$jobs->contractor_accepted)
										<form id="accept-form" action="{{ URL::to('contractor/accept_job',$jobs->id) }}" method="POST" style="display: inline;">
											@csrf
											{{ method_field('PUT') }}
											<button type="submit" class="btn btn-success btn-sm" ><i class="fa fa-check"></i></button>
										</form>
									@endif
									@if(!$jobs->contractor_rejected && !$jobs->contractor_accepted)
										<form id="reject-form" action="{{ URL::to('contractor/reject_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












@endsection