@extends('admin.layouts.master')
@section('styles')
@parent

{{ HTML::style('assets/admin/vendor/multi-select/css/multi-select.css') }}

@stop
@section('content')
  @section('bodyClass')
    @parent
    hold-transition skin-blue sidebar-mini
  @stop
 <div class="container-fluid dashboard-content">
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="page-header">
                <h2 class="pageheader-title">User Profile
					<a class="float-sm-right" href="{{ apa('user-list') }}"><button class="btn btn-outline-dark btn-flat">Back</button></a>
				</h2>
            </div>
        </div>
    </div>
    <div class="row">



		<div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-12">
			<div class="card">
				<div class="card-body">
					<div class="user-avatar text-center d-block">
						<img src="{{route('profile-image',[$user->getUserAvatar()]) }}" alt="User Avatar" class="rounded-circle user-avatar-xxl">
					</div>
					<div class="text-center">
						<h2 class="font-24 mb-0">{{$user->name}}</h2>
						<p>{{$user->designation}}</p>
					</div>
				</div>
				<div class="card-body border-top">
					<h3 class="font-16">Contact Information</h3>
					<div class="">
						<ul class="list-unstyled mb-0">
							<li class="mb-2"><i class="fas fa-fw fa-envelope mr-2"></i>{{$user->email}}</li>
							<li class="mb-0"><i class="fas fa-fw fa-phone mr-2"></i>{{$user->phone_number}}</li>
						</ul>
					</div>
				</div>
				<div class="card-body border-top">
					<h3 class="font-16">Date Joined</h3>
					<h4 class="mb-0">{{$user->getDateJoined()}}</h1>
				</div>
				<div class="card-body border-top">
					<h3 class="font-16">User Status</h3>
					<h4 class="mb-0">@if($user->status==1)<a href="#" class="btn btn-rounded btn-success">Verified</a> @else <a href="#" class="btn btn-rounded btn-warning">Not Verified</a> @endif</h1>
				</div>
				<div class="card-body border-top">
					<h3 class="font-16">Attachments</h3>
					<div class="">
						<ul class="mb-0 list-unstyled">
						<li class="mb-1"><a class="btn btn-outline-primary" data-fancybox {!!documentPopupType($user->user_passport)!!} href="{{route('user-attachments',['passport',$user->user_passport]) }}">Passport Copy</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>


		<div class="col-xl-9 col-lg-9 col-md-7 col-sm-12 col-12">

			<div class="influence-profile-content pills-regular">
				 <ul class="nav  nav-pills mb-3 nav-justified" id="pills-tab" role="tablist">
					<li class="nav-item">
						<a class="nav-link active" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Profile Details</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="pills-award-tab" data-toggle="pill" href="#pills-award" role="tab" aria-controls="pills-award" aria-selected="false">Award Applications</a>
					</li>
				</ul> 
			<div class="tab-content" id="pills-tabContent">
				<div class="tab-pane fade  active show" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
					<div class="card">
					   <h5 class="card-header">Profile Details</h5>
							
							<div class="card-body">
								
								<div class="card-body border-top">
									<h3 class="font-16">Nationality</h3>
									<div>
										{{$user->nationality->getData('country_name')}}
									</div>
								</div>
								<div class="card-body border-top">
									<h3 class="font-16">Country of residence</h3>
									<div>
										{{$user->residence->getData('country_name')}}
									</div>
								</div>
								<div class="card-body border-top">
									<h3 class="font-16">Gender</h3>
									<div>
										{{ucwords($user->user_gender)}}
									</div>
								</div>
							
								<div class="card-body border-top">
									<h3 class="font-16">Email</h3>
									<div>
										{{$user->email}}
									</div>
								</div>
								
								<div class="card-body border-top">
									<h3 class="font-16">Mobile Number</h3>
									<div>
										{{$user->phone_number}}
									</div>
								</div>
								@if(!empty($user->languages))
								<div class="card-body border-top">
									<h3 class="font-16">Languages spoken</h3>
									<div>
										@foreach($user->languages as $language)
										   <a href="#" class="badge badge-light mr-1">{{$language->getData('lang_title')}}</a>
										@endforeach
									</div>
								</div>
								@endif
								@if(!empty($user->interest))
								<div class="card-body border-top">
									<h3 class="font-16">Category of Interest</h3>
									<div>
										@foreach($user->interest as $interest)
										   <a href="#" class="badge badge-light mr-1">{{$interest->getData('category_title')}}</a>
										@endforeach
									</div>
								</div>
								@endif
							</div>
							
					</div>
				
				</div>
				<div class="tab-pane fade " id="pills-award" role="tabpanel" aria-labelledby="pills-award-tab">
						  <div class="row">
							<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
								<div class="section-block">
									<h2 class="section-title">Award Applications</h2>
								</div>
							</div>
							@if(!empty($user->awardApplication))
								@foreach($user->awardApplication as $application)
								<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
									<div class="card">
										<div class="card-header bg-primary text-center p-3 ">
											<h4 class="mb-0 text-white"> {{$application->category->getData('category_title')}}</h4>
										</div>
										<div class="card-body text-center">
											<h1 class="mb-1">{{$application->subCategory->getData('category_title')}}</h1>
										
										</div>
										<div class="card-body border-top">
											<ul class="list-unstyled  font-14">
											<li><span>Title English : {{$application->award_title_english}} </span></li>
											<li><span>Title Arabic  : {{$application->award_title_arabic}}</span></li>
											</ul>
											<a href="{{ apa('application-details/'.$application->award_id) }}" class="btn btn-outline-secondary btn-block btn-lg">View Details</a>
										</div>
									</div>
								</div>
								@endforeach
							@endif
						</div>
				</div>
			</div>
		</div>
		</div>
</div>
 </div>
@stop

@section('scripts')
@parent

@stop