@extends('buyers_sellers.layout2.master')
@section('title', 'Dashboard')
@section('content')
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">Released Job Details</div>
                </div>
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{route('seller.dashboard')}}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Released Job Details</li>
                </ol>
            </div>
        </div>
      <div class="container">
 	<div class="row">
 		<div class="col-md-12">
 			<div class="card">
 				<div class="card-header">
 					<div class="row">
 						<div class="col-md-8">
 							<p class="text-dark">Released Job Details</p>
 						</div>
 						{{-- <div class="col-md-4 text-right">
 							<a href="{{url('admin/addbuyer')}}" class="btn btn-primary"><i class="fa fa-plus"></i> Add New Buyer</a>
 						</div> --}}
 					</div>
 				</div>
 				<div class="card-body">
                    @if (Session::has('message'))
                    <div class="alert alert-primary" role="alert">
                        {{Session::get('message')}}
                      </div>
                    @endif

 					<table id="buyertable" class="table table-ordered">
 						<thead class="thead bg-light text-center">
 							<tr>
								 <th>Sr no</th>
 								<th>Job Title</th>
								 <th>View Job</th>
								 {{-- <th>Job Description</th> --}}
								 <th>Administration Fee</th>
								 <th>Your Quote</th>
 								 <th>Released Date</th>
								  <th>Job Type</th>
								 <th>Action</th>
                            </tr>
 						</thead>
 						<tbody class="tbody text-center">
						@foreach ($data as $item)
							 <tr>
								<td>{{ $item->job_id }}</td>
								<td>{{ $item->jobdetails->title }}</td>
								<td><a href="{{route('view.job.details', [$item->job_id])}}" class="btn btn-primary">View Job</a></td>
								{{-- <td>{{ $item->jobdetails->desc }}</td> --}}
								<td>{{ $item->holding_fee }}</td>
								<td>
									@if ($item->jobdetails->type == 'range')
										 this is fix price job {{$item->jobdetails->price}}
									@else

										@if ($item->quotes == null)
											<button onclick="qouets({{ $item->job_id }},{{$item->id}})" id="{{ $item->job_id }}" data-id="{{ $item->job_id }}" class="btn-sm">Please Send Your Quotes</button>
											@else
											{{ $item->quotes }}
											@if ($item->assign_jobs == 0)
											<button onclick="qouets({{ $item->job_id }},{{$item->id}})" id="{{ $item->job_id }}" data-id="{{ $item->job_id }}" class="fa fa-edit"></button>
											@endif
										@endif
									@endif
								</td>
								<td>{{ Date("Y-m-d", strtotime($item->created_at)) }}</td>
								<td>
									@if ($item->jobdetails->type == 'range')
										Fix Price
									@else
										Standard
									@endif
								</td>
								<td>
                                    @if ($item->status == 1)
                                        <a href="{{route('job.details.response', [$item->id,2])}}" type="button" class="btn btn-primary">I'm Available</a>
                                        <a href="{{route('job.details.response', [$item->id, 3])}}" type="button" class="btn btn-danger">Reject</a>
                                    @elseif($item->status == 2)
                                    <span class="label btn-theme">I'm Available</span>
                                    @elseif($item->status == 3)
                                    <span class="label label-danger">You Rejected This Job</span>
                                    @endif
                                  </td>
							</tr>
							 @endforeach
 						</tbody>
 					</table>

 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->

       
        
      
        
     
    </div>
</div>

  <!-- Modal -->
  <div class="modal fade" id="rel_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title" id="exampleModalLabel">Send Your Quotes</h5>
		  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		  </button>
		</div>
		<div class="modal-body">
		  <form action="{{ route('job.send.qouets') }}" method="POST" enctype='multipart/form-data'>
			@csrf
			<input type="hidden" name="job_id" id="job_id" value="">
			<input type="hidden" name="job_idforstatus" id="job_idforstatus" value="">
			<input type="hidden" name="job_idforstatus2" id="job_idforstatus2" value="">
			<input type="hidden" name="job_idforstatus2no" id="job_idforstatus2no" value="">
			<div class="modal-body">
				<lable>Quotes</lable>
				<input type="text" name="price" id="qts" class="form-control" required>
			  </div>

			  <div class="modal-body">
				  <lable>Upload supporting documents</lable>
				<input type="file" name="doc" id="qts" class="form-control">
			  </div>
		</div>
		<div class="modal-footer">
		  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
		   <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#confirrejectmmodal">Reject</button>
		  {{-- <a href="{{route('job.details.response', [$item->id, 3])}}" type="button" class="btn btn-danger">Reject</a> --}}
		  <button type="button" class="btn btn-primary" data-toggle="modal" id="qouetessavechages" data-target="#confirmmodal">Save changes</button>
		</div>
		<div class="modal" id="confirmmodal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
			  <div class="modal-content">
				<div class="modal-header">
				  <h5 class="modal-title">Confirmation</h5>
				  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				  </button>
				</div>
				<div class="modal-body">
				  <p>Are you available?</p>
				</div>
				<div class="modal-footer">
				  <button type="submit" class="btn btn-theme">Yes</button>
				  <button type="button" class="btn btn-secondary" onclick="cancelconfirmmodal()">Cancel</button>
				</div>
			  </div>
			</div>
		  </div>
	</form>
	<div class="modal" id="confirrejectmmodal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
		  <div class="modal-content">
			<div class="modal-header">
			  <h5 class="modal-title">Confirmation</h5>
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			  </button>
			</div>
			<div class="modal-body">
			  <p>Are you sure you want to reject?</p>
			</div>
			<div class="modal-footer">
				<a href="" id="modalrejectbutton" type="button" class="btn btn-danger">Reject</a>
			  <button type="button" class="btn btn-secondary" onclick="cancelrejectmmodal()">Cancel</button>
			</div>
		  </div>
		</div>
	  </div>
	  </div>
	</div>
  </div>
<!-- end page content -->
@endsection
@section('scripts')
<script>
	function qouets(id1,id2){

		let id = document.getElementById(id1).getAttribute('data-id');
		document.getElementById('job_id').value = id;
		document.getElementById('job_idforstatus').value = id2;
		document.getElementById('job_idforstatus2').value = 2;
		// var host = window.location.host; 
		var src = '/job/details/response/'+id2+'/3';
		document.getElementById('modalrejectbutton').setAttribute('href',src);
		$('#rel_modal').modal('show');

	}
	function cancelconfirmmodal(){
		document.getElementById('job_idforstatus2no').value = 'no';
		$('#qouetessavechages').attr('type','submit');
		$('#qouetessavechages').attr('data-target','');
		$('#confirmmodal').modal('hide');
	}
	function cancelrejectmmodal(){
		$('#confirrejectmmodal').modal('hide');
	}
</script>
@endsection