@extends('adminsection.layouts.master')

@section('title')
	Details of {{$details->country->name}}
	|| @parent
@stop

@section('page-title')
	 Details of {{$details->country->name}}
@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">
				{{$details->country->name}} <img src="{{asset('adminsection/img/flags/flags-small/'.$details->country->flag)}}">
			</div>
			<ul class="clearfix">
				<li style="width: 20%;">
					<p>Capital</p>
					<h3>{{$details->capital_city}}</h3>
				</li>
				
				<li>
					<p>Currency</p>
					<h3>{{$details->currency}}</h3>
				</li>
				
				<li>
					<p>Local Time</p>
					<h3>
						{{$details->local_time}}
					</h3>
				</li>

				<li>
					<p>Exchange Rate</p>
					<h3>{{$details->exchange_rate}}</h3>
				</li>

				<li>
					<p>Telephone Code</p>
					<h3>{{$details->telephone_code}}</h3>
				</li>
				
			</ul>
		</div>
	</div>

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


	<div class="col-xl-7 col-lg-7 col-md-6 col-sm-6">
		<div class="card block-300 top-blue-bdr">
			<div class="card-header">
				Details
			</div>
			<div class="card-body">
				{!! $details->about !!}
			</div>
		</div>
	</div>
</div>


@stop