@extends('adminsection.layouts.master')

@section('title')
	{{$tour->title}}
	|| @parent
@stop

@section('page-title')
	{{$tour->title}} Details
@stop

@section('page-header-actions')
	<a href="{{route('tour.edit', $tour)}}" class="btn btn-primary btn-sm float-right" data-toggle="tooltip" data-placement="left" title="Edit this tour">
		<i class="icon-pencil"></i> 
		Edit tour
	</a>
@stop

@section('main-content')

<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="email-quotes">
			<div class="quotes-header">
				{{$tour->title}}
			</div>
			<ul class="clearfix">
				<li style="width: 25%;">
					<p>City</p>
					<h3>{{$tour->city_id}}</h3>
				</li>
				
				<li>
					<p>Country</p>
					<h3>{{$tour->country->name}}</h3>
				</li>
				
				<li>
					<p>Price</p>
					<h3>
						BDT {{$tour->price}}
					</h3>
				</li>

				<li>
					<p>Hit</p>
					<h3>{{$tour->hits}} Times</h3>
				</li>
				
			</ul>
		</div>
	</div>

	<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
		@if($tour->image)
		<img class="card-img-top" src="{{asset('uploads/tours/'.$tour->image)}}" alt="{{$tour->title}}">
		@else
		<img class="card-img-top" src="{{asset('adminsection/img/404.png')}}" alt="{{$tour->title}}">
		@endif
	</div>


	<div class="col-xl-8 col-lg-8 col-md-6 col-sm-6">
		<div class="col-md-12">
			<div class="card top-blue-bdr">
				<div class="card-header">
					Details
				</div>
				<div class="card-body" style="height: auto;">
					{!! $tour->description !!}
				</div>
			</div>
		</div>

		<div class="col-md-12">
			<div class="card top-blue-bdr">
				<div class="card-header">
					Itinerary
				</div>
				<div class="card-body" style="height: auto;">
					{!! $tour->tour_timeline !!}
				</div>
			</div>
		</div>
		
	</div>
</div>
@stop