@extends('layouts.provider')

@section('after-styles')

<style>
	.truncate {
	  width: 15em;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
</style>

@endsection

@section('content')

	<div class="content-wrap gray-bg">

		<div class="container">

			@if(Auth::guard('provider')->user()->is_approved == PROVIDER_STATUS_PENDING)
		    
		        <div class="alert alert-danger text-uppercase" style="margin-top: 10px;">
		            {{tr('provider_waiting_for_admin_approval')}}
		        </div>

		    @endif

			@include('notification.notify')

			<div class="jobs white-bg m-30 p-f-30">
				<!-- jobs-head -->
				<div class="jobs-head row m-0">
					<ul class="nav nav-tabs job-tabs" role="tablist" id='tab'>
						
						<li role="presentation" class="{{$job_active == 'new-requests' ? 'active' : ''}} col-lg-2 col-md-3 col-sm-3 col-xs-12 p-0" id="new_badge">
							<a href="{{route('provider.dashboard', array('active'=>'new-requests', 'dashboard' => 1))}}" style="position: relative;">{{tr('new_requests')}}
							<div class="notify_badge new_job_badge" style="display: none"></div>
							</a>
						</li>

						<li role="presentation" class="{{$job_active == 'direct-requests' ? 'active' : ''}} col-lg-3 col-md-3 col-sm-3 col-xs-12 p-0" id="direct_badge">
							<a href="{{route('provider.dashboard', array('active'=>'direct-requests', 'dashboard' => 1))}}" style="position: relative;">
								{{tr('direct_requests')}}
								<div class="notify_badge direct_job_badge" style="display: none">{{direct_job_notifications()}}</div>
							</a>
						</li>

						<li role="presentation" class="{{$job_active == 'bidded-requests' ? 'active' : ''}} col-lg-2 col-md-3 col-sm-3 col-xs-12 p-0">
							<a href="{{route('provider.dashboard', array('active'=>'bidded-requests', 'dashboard' => 1))}}" style="position: relative;">{{tr('bidded_requests')}}
								<div class="notify_badge bidded_job_badge" style="display: none">{{bidded_job_notifications()}}</div>
							</a>
						</li>
						<li role="presentation" class="{{$job_active == 'confirm-requests' ? 'active' : ''}} col-lg-2 col-md-3 col-sm-3 col-xs-12 p-0">
							<a href="{{route('provider.dashboard', array('active'=>'confirm-requests', 'dashboard' => 1))}}">
								{{tr('confirmed_requests')}}
							</a>
						</li>

						<li role="presentation" class="{{$job_active == 'ongoing-requests' ? 'active' : ''}} col-lg-3 col-md-3 col-sm-3 col-xs-12 p-0">
							<a href="{{route('provider.dashboard', array('active'=>'ongoing-requests', 'dashboard' => 1))}}">{{tr('ongoing_requests')}}
							</a>
						</li>
					</ul>
				</div>
				<!-- End of jobs-head -->

				<!-- Job content -->
				<div class="tab-content job-content">

					<!-- Drafts tab -->
					<div role="tabpanel" class="tab-pane fade {{$job_active == 'new-requests' ? 'in active' : ''}}" id="new-requests">
						<!-- Job details-list -->
						<div class="job-details-list-row row m-0 p-30">

							<h3 class="job-main-tit"></h3>

							<!-- <h4 class="job-sub-tit"> 1 Results</h4> -->

							<div class="dashboard-list-outer">
								<!-- DAshboard list -->

								@if($new_requests)

									<div class="row">
										<div class="col-md-3">
										</div>
										<div class="col-md-3">
										</div>
										<div class="col-sm-6 top col-md-3">
											<input type="text" name="new_request_search" id="new_request_search" class="form-control" placeholder="{{tr('search_job_title')}}" onkeyup="searchNewRequest(this.value, false, 0)">
										</div>
										<div class="col-sm-6 top col-md-3">
											<select class="form-control" id="new_request_sorting_key" name="sorting" onchange="searchNewRequest(this.value, true, 0)">
												<option value="">{{tr('sort')}}</option>
												<option value="asc">{{tr('sort_by_a_z')}}</option>
												<option value="desc">{{tr('sort_by_z_a')}}</option>
												<option value="{{REQUEST_NOW}}">{{tr('only_ondemand_request')}}</option>
												<option value="{{REQUEST_LATER}}">{{tr('only_later_request')}}</option>
											</select>
										</div>
									</div>
									<br>


									<div class="clearfix"></div> 

									<div id="default_new_requests">

									@foreach($new_requests as $pr => $new_request)
								
										<div class="dashboard-list row m-0 create-job-shadow">

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-5 col-md-5 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">
													<h3 class="dashboard-list-tit job_name">{{$new_request->name}}</h3>
													<p class="dashboard-list-txt">
														<span><b>{{tr('request_date')}} : </b> {{$new_request->request_date}} </span>
													</p>
												</div>
											</div>
											<!-- End of dashboard-list-box -->

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-2 col-md-2 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">
													<p class="dashboard-list-txt">
														<i class="ion-arrow-graph-up-left truncate"></i> {{Setting::get('currency')}} {{$new_request->user_price}}{{$new_request->price_per_symbol}}
													</p>
													<p class="dashboard-list-txt">
														<i class="ion-arrow-graph-down-left"></i> {{$new_request->user_name}}
													</p>
												</div>
											</div>
											<!-- End of dashboard-list-box -->

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-2 col-md-2 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">
													<p class="dashboard-list-txt m-t-20">
													 	<i class="fa fa-briefcase"></i>
													 	{{request_status($new_request->status)}}
													</p>
												</div>
											</div>
											<!-- End of dashboard-list-box -->

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-3 col-md-3 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">

													<form class="job-form m-t-15" action="{{route('provider.requests.send.bid')}}" method="POST">
														<input required type="text" name="bid_amount" id="bid_amount" class="m-t-15" style="display: inline-block;padding: 5px;border-radius: 5px 5px;width: 50%;
														border:1px solid #999;height: 35px;" step="any" min="1" pattern="[0-9]+(\.[0-9]{0,2})?%?" title="{{tr('number_must_upto_decimal')}}" placeholder="{{tr('bid_amount_request')}}{{$new_request->price_per_symbol}}" onkeypress="return float_validation(event, this.value)">

														<input type="hidden" name="request_id" value="{{$new_request->request_id}}" >

														<button type="submit" class="btn btn-success" class=""><i class="fa fa-send" title="{{tr('send_bid_amount')}}"></i></button>

													</form>

													<a href="{{route('provider.requests.view' , ['request_unique_id' => $new_request->unique_id])}}" class="btn btn-warning" title="{{tr('view_job')}}"><i class="fa fa-eye"></i></a>								

												</div>
											</div>
											<!-- End of dashboard-list-box -->
										</div>

									@endforeach

									</div>

									<div id="new_requests"></div>

									<div id="new_loader"></div>

								@else

									<h3 class="text-center">{{tr('no_result_content')}}</h3>

								@endif
							
							</div>
						</div>
						<!-- End of job details list -->
					
					</div>
					<!-- End of Drafts tab -->

					<!-- Direct Jobs -->

					<div role="tabpanel" class="tab-pane fade {{$job_active == 'direct-requests' ? 'in active' : ''}}" id="direct-requests">
						<!-- Job details-list -->
						
						<div class="job-details-list-row row m-0 p-30">

							<h3 class="job-main-tit"></h3>

							@if($direct_requests)

								<h4 class="job-sub-tit">{{count($direct_requests)}} Results</h4>
								
							@endif

							<div class="dashboard-list-outer">

								@if($direct_requests)

									<div class="row">
										<div class="col-md-3">
										</div>
										<div class="col-md-3">
										</div>
										<div class="col-sm-6 top col-md-3">
											<input type="text" name="direct_job_search" id="direct_job_search" class="form-control" placeholder="{{tr('search_job_title')}}" onkeyup="searchDirectJob(this.value, false, 0)">
										</div>
										<div class="col-sm-6 top col-md-3">
											<select class="form-control" id="direct_job_sorting_key" name="sorting" onchange="searchDirectJob(this.value, true, 0)">
												<option value="">{{tr('sort')}}</option>
												<option value="asc">{{tr('sort_by_a_z')}}</option>
												<option value="desc">{{tr('sort_by_z_a')}}</option>
												
											</select>
										</div>
									</div>
									<br>

									<div id="default_direct_requests">

										@foreach($direct_requests as $pr => $direct_request)

											<div class="dashboard-list row m-0 create-job-shadow">

												<!-- Dashboard-list-box -->
												<div class="dashboard-list-col col-lg-4 col-md-5 col-sm-12 col-xs-12">
													<div class="dashboard-list-box">
														<h3 class="dashboard-list-tit truncate">{{$direct_request->name}}</h3>
														<p class="dashboard-list-txt">
															<span><b>{{tr('request_date')}} : </b> {{$direct_request->request_date}} </span>
														</p>
													</div>
												</div>
												<!-- End of dashboard-list-box -->

												<!-- Dashboard-list-box -->
												<div class="dashboard-list-col col-lg-3 col-md-2 col-sm-12 col-xs-12">
													<div class="dashboard-list-box">
														<p class="dashboard-list-txt">
															<i class="ion-arrow-graph-up-left"></i> 
															{{$direct_request->category_name}}
														</p>
														<p class="dashboard-list-txt">
															<i class="ion-arrow-graph-down-left"></i> 
															{{request_type($direct_request->request_type)}}
														</p>
													</div>
												</div>
												<!-- End of dashboard-list-box -->

												<!-- Dashboard-list-box -->
												<div class="dashboard-list-col col-lg-2 col-md-2 col-sm-12 col-xs-12">
													<div class="dashboard-list-box">
														<p class="dashboard-list-txt m-t-20">
														 	<i class="fa fa-money"></i>
														 	{{$direct_request->currency}} {{$direct_request->user_price}} {{$direct_request->price_per_symbol}}
														</p>
													</div>
												</div>
												<!-- End of dashboard-list-box -->

												<!-- Dashboard-list-box -->
												<div class="dashboard-list-col col-lg-3 col-md-3 col-sm-12 col-xs-12">
													<div class="dashboard-list-box m-t-15">

														<form class="job-form" action="{{route('provider.requests.send.bid')}}" method="POST">

															<input required type="text" name="bid_amount" id="bid_amount" class="m-t-15" style="display: inline-block;padding: 5px;border-radius: 5px 5px;width: 50%;height:35px;border:1px solid #999;" step="any" min="1" pattern="[0-9]+(\.[0-9]{0,2})?%?" title="This must be a number with up to 2 decimal places and/or %" placeholder="{{tr('bid_amount_request')}} {{$direct_request->price_per_symbol}}" onkeypress="return float_validation(event, this.value)">

															<input type="hidden" name="request_id" value="{{$direct_request->request_id}}" >

															<button type="submit" class="btn btn-success" class="" title="{{tr('send_bid_amount')}}"><i class="fa fa-send"></i></button>

														</form>

														<a href="{{route('provider.requests.view' , ['request_unique_id' => $direct_request->unique_id])}}" class="btn btn-success" title="{{tr('view_job')}}"><i class="fa fa-eye"></i></a>
																							
													</div>
												</div>
												<!-- End of dashboard-list-box -->
											</div>

										@endforeach

									</div>

									<div id="direct_requests"></div>

									<div id="direct_loader"></div>

								@else

									<h3 class="text-center">{{tr('no_result_content')}}</h3>

								@endif
								
							</div>

						</div>

						<!-- End of job details list -->
					
					</div>
					<!-- End of Direct Jobs -->

					<!-- Active jobs tab -->
					<div role="tabpanel" class="tab-pane fade {{$job_active == 'bidded-requests' ? 'in active' : ''}}" id="bidded-requests">
						<!-- Job details-list -->
						<div class="job-details-list-row row m-0 p-30">

							<h3 class="job-main-tit"></h3>

							@if($bidded_requests)

								<h4 class="job-sub-tit">{{count($bidded_requests)}} Results</h4>

							@endif

							<div class="dashboard-list-outer">
								<!-- DAshboard list -->

								@if($bidded_requests)


									<div class="row">
										<div class="col-md-3">
										</div>
										<div class="col-md-3">
										</div>
										<div class="col-sm-6 top col-md-3">
											<input type="text" name="bidded_job_search" id="bidded_job_search" class="form-control" placeholder="{{tr('search_job_title')}}" onkeyup="searchBidded(this.value, false, 0)">
										</div>
										<div class="col-sm-6 top col-md-3">
											<select class="form-control" id="bidded_sorting_key" name="sorting" onchange="searchBidded(this.value, true, 0)">
												<option value="">{{tr('sort')}}</option>
												<option value="asc">{{tr('sort_by_a_z')}}</option>
												<option value="desc">{{tr('sort_by_z_a')}}</option>
												
											</select>
										</div>
									</div>
									<br>

									<div id="default_bidded_requests">

									@foreach($bidded_requests as $pr => $bidded_request)

										<div class="dashboard-list row m-0 create-job-shadow">

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-4 col-md-5 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">
													<h3 class="dashboard-list-tit truncate">{{$bidded_request->name}}</h3>
													<p class="dashboard-list-txt">
														<span><b>{{tr('created')}} : </b> {{$bidded_request->request_date}} </span>
													</p>
												</div>
											</div>
											<!-- End of dashboard-list-box -->

											<!-- Dashboard-list-box -->
											<div class="dashboard-list-col col-lg-3 col-md-2 col-sm-12 col-xs-12">
												<div class="dashboard-list-box">
													<p class="dashboard-list-txt">
														<i class="ion-arrow-graph-up-left"></i> 
														{{$bidded_request->category_name}}
													</p>
													<p class="dashboard-list-txt">
														<i class="ion-arrow-graph-down-left"></i> 
														{{request_type($bidded_request->request_type)}}
													</p>
												</div>
											</div>
											<!-- End of dashboard-list-box -->