@extends('layouts.app')
@section('title', __('tracker::lang.Details'))
@section('content')
	@section('css')
		<style>
			th, td{
				border: 1px solid #ccc;
				font-size: 1.1rem;
			}

			img {
				width: 100% !important;
    			margin: 9px;
				height: 115px;
			}
		</style>
	@endsection

	@include('tracker::layouts.nav')

	<!-- Content Header (Page header) -->
	<section class="content-header no-print">
		<h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
			@lang('tracker::lang.Details')
		</h1>
	</section>

	<!-- Main content -->
	<section class="content no-print">
		@component('components.widget', ['title' => '', 'icon' => '', 'class' => 'box-solid'])
			<div class="row">
				<div class="col-md-12">
					<div class="nav-tabs-custom">
						<ul class="nav nav-tabs">
							<li class="active">
								<a href="#details_tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-list" aria-hidden="true"></i> @lang( 'tracker::lang.details' )</a>
							</li>
						</ul>
						<div class="tab-content">
							<!-- start details tab -->
							<div class="tab-pane active" id="details_tab">
								<div class="row">
									<br>
									<div class="col-md-5">
										<div class="table-responsive ">
											<!-- <table class="table table-bordered table-striped" id="coordinates_table" style="width: 100%;"> -->
											<table class="table no-margin">
												<tr>
													<th>{{__('tracker::lang.code')}}</th>
													<td>{{ $data->code??"-" }}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.Customer')}}</th>
													<td>{{ $data->getCustomer->name??"-" }}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.Sales Person')}}</th>
													<td>
														@php
															$salesperson = '-';
															$getUser = $data->getUser;
															if(!empty($data->getUser)){
																$salesperson = $data->getUser->first_name .' '. $data->getUser->last_name;
															}
														@endphp
														{{ $salesperson }}
													</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.Status')}}</th>
													<td>{!! $data->getStatus()??"-" !!}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.Start Date')}}</th>
													<td>{{ getTimeZone($data->start_date) }}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.End Date')}}</th>
													<td>{{ getTimeZone($data->end_date) }}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.Duration')}}</th>
													<td>{{ $data->duration() }}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.notes_user')}}</th>
													<td>{{$data->note_user}}</td>
												</tr>
												<tr>
													<th>{{__('tracker::lang.notes_sales_person')}}</th>
													<td>{{$data->note}}</td>
												</tr>
											</table>
										</div>
									</div>

									<div class="col-md-7">
										@foreach ($data->getFiles() as $key => $row)
											<div class="col-md-4">
												<a href="{{$row}}" target="_blank">
													<img src="{{$row}}" alt="Not Photo">
												</a>
											</div>
										@endforeach
									</div>

								</div>
							</div>
							<!-- end Country tab -->
						</div>
					</div>
				</div>
			</div>
		@endcomponent
		
	</section>

	<div class="modal fade" id="action_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
	<div class="modal fade view_routes" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"></div>
@stop

@section('javascript')
@endsection