@extends('layouts.admin')

@section('content')
	{{ csrf_field() }}

	<div class="newcontbtn" style="margin-left: 0px;">
		<a href="{{ url('admin/inbev') }}" class="btn btn-sm btn-danger btn-white">
			<i class="fa fa-arrow-left"></i> back <div class="ripple-wrapper"></div>
		</a>
	</div>

	<div class="card">
	  <div>
			<div>
			  <table class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th></th>
						<th>Offer #</th>
						<th>Created By</th>
						<th>Carrier Name</th>
						<th>Phone No</th>
						<th>Price</th>
						<th>Notes</th>
						<th>Minutes To Confirm</th>
						<th>Status</th>
						<th>Bid time</th>
						<th>Actions</th>
					  </tr>
					</thead>

					<tbody>
						@if($offers)
						 	@foreach($offers as $offer)
							 	<tr @if($offer->approved == 1) style="background-color: #20de5a4a;" @endif>
								 	<td></td>
									<td>{{ $offer->id }}</td>
									<td>{{ $offer->createdByRecord ? $offer->createdByRecord->name : 'NA' }}</td>
									<td>{{ $offer->carrier }}</td>
									<td>{{ $offer->phone_no }}</td>
									<td>{{ $offer->price }}</td>
									<td>{{ $offer->note }}</td>
									<td>{{ $offer->minutes_to_confirm }}</td>
									<td>{{ $offer->status }}</td>
									<td>{{ date('m/d/Y' , strtotime($offer->created_at)) }}</td>
									<td>
										{{--
										<a
											class="btn btn-link btn-round copy-row counter-bid-order btn-primary btn-white"
											title="Counter"
											data-id="{{ $offer->id }}"
											id="counter-bid-order-{{ $offer->order_id }}"
											href="javaScript:void(0)"
										>
											<i class="md md-queue"></i>
										</a>
										--}}

										{{--
										<a
											class="btn btn-link btn-round copy-row accept-bid-order btn-primary btn-white"
											title="Accept"
											data-id="{{ $offer->id }}"
											id="accept-bid-order-{{ $offer->order_id }}"
											href="javaScript:void(0)"
											{{ $offer->status == 'accepted' ? 'disabled' : '' }}
										>
											<i class="md md-check"></i>
										</a>

										<a
											class="btn btn-link btn-round copy-row decline-bid-order btn-primary btn-white"
											title="Decline"
											data-id="{{ $offer->id }}"
											id="decline-bid-offer-{{ $offer->id }}"
											href="javaScript:void(0)"
											{{ $offer->status == 'rejected' ? 'disabled' : '' }}
										>
											<i class="md md-close"></i>
										</a>
										--}}

										<a
											class="btn btn-link btn-round copy-row restore-bid-order btn-primary btn-white"
											title="Restore"
											data-id="{{ $offer->id }}"
											id="restore-bid-offer-{{ $offer->id }}"
											href="javaScript:void(0)"
										>
											<i class="md md-restore"></i>
										</a>
									</td>
								</tr>
						 	@endforeach
					 	@endif

						<tr id="no-note" @if(count($offers)) style="display: none" @endif>
							<td colspan="5">No records found.</td>
						</tr>
					</tbody>
			  </table>
			</div>
	  </div>
	</div>

	<!-- counter modal -->
	<div class="modal fade" id="counterBidOrderModal" role="dialog">
		<div class="modal-dialog" style="width:400px;">
		  <div class="modal-content">
				<div class="modal-header">
				  <button type="button" class="close" data-dismiss="modal">&times;</button>
				  <h4 class="modal-title firstTime" id="marktitle">Counter Carrier Bid </h4>
				</div>

				<div class="modal-body">
					<div class="col-md-12">
						<form class="form-floating" id="smsform" name="smsform">
							{{ csrf_field() }}

							<input type="hidden" class="hidden-field" id="order_id" name="order_id">
							<input type="hidden" class="hidden-field" id="carrier_id" name="carrier_id">
							<input type="hidden" class="hidden-field" id="carrier_bid_id" name="carrier_bid_id">

							<fieldset>
								<div class="form-group filled">
									<label for="mark_date" class="control-label">Pick Up Date</label>
									<input type="text" class="form-control datepicker" id="pu_date" name="pu_date">
								</div>
								<div class="form-group filled">
									<label for="mark_time" class="control-label">Pick Up Time</label>
									<input type="text" class="form-control timepicker" id="pu_time" name="pu_time">
								</div>
								<div class="form-group filled">
									<label for="mark_date" class="control-label">Delivery Date</label>
									<input type="text" class="form-control datepicker" id="delivery_date" name="delivery_date">
								</div>
								<div class="form-group filled">
									<label for="mark_time" class="control-label">Delivery Time</label>
									<input type="text" class="form-control timepicker" id="delivery_time" name="delivery_time">
								</div>
								<div class="form-group filled">
									<label for="carrier_charges" class="control-label">Suggested Carrier Charges</label>
									<input type="text" class="form-control addr-box-field" id="carrier_charges" name="carrier_charges" value="">
								</div>
							</fieldset>

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

							<input
								class="btn btn-sm btn-danger"
								type="button"
								name="Submit"
								value="Submit"
								id="counter-carrier-bid-save"
							/>
						</form>
					</div>
				</div>

				<div class="modal-footer firstTime_footer">
				</div>
		  </div>
		</div>
	</div>

	<style>
		#searchclient, #searchpo, #searchnumber, #searchpickup { display: none; }
	</style>
@endsection

@section('scripts')
	<script charset="utf-8" src="{{asset('backend/js/services/inbev-order-offers-list.js')}}"></script>
@endsection