@extends('student.layouts.app')
@section('titlePage', 'Company Questions')
@section('content')

@php 
	$brand_color = $dataConfigs['brand'] ?? 'default';
@endphp
<script>
    document.getElementById("ktss-9").classList.add("active");
</script>
	<!-- [ breadcrumb ] start -->
	<div class="breadcrumb-header justify-content-between">
		<div class="left-content">
			<span class="main-content-title">COMPANY QUESTIONS</span>
		</div>
		<div class="justify-content-center">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"><a href="{{ _route('student.company-questions.list') }}"><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">Manage company questions</li>
			</ol>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12 col-md-12">
			<div class="card">
				<!-- <div class="row"> -->
				<div class="card-body">
					<div class=" border-bottom">
						<h2 class="text-primary">{{$data['title']}}</h2>
					</div>
					<div class="p-sm-3 p-2">
						<div class="row">
							<div class="col-xl-9">
								<div class="results-all">
									<div class="main-result-container">
										<div class="main-result">
											<div class="my-2">
												<img src="{{env('S3_PATH') .'/default/company/company_'.$brand_color.'.png'}}" alt="img" class="cover-image radius-4 w-100 ht-300">
											</div>
											<div class="d-flex align-items-center mt-2">
												<span><i class="fe fe-calendar me-1 tx-14"></i>{{date_format($data['created_at'],"d-M-Y")}}</span>
											</div>
											<p class="mt-2 ps-2">{!! $data['description'] !!}</p>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xl-3">
								<div class="" id="scroll-stickybar">
									<div class="border radius-4">
										<div class="p-2">
											<h6 class="text-primary mb-0">Company Questions:</h6>
											<div class="mt-1">
												<ul class="list-group border-0">
													<li class="list-group-item p-0 mb-2 border-0">
														<label class="d-flex align-items-center mb-0">
															<span class="ms-3 my-auto">
																@foreach ($links as $link)
																<div class="mt-1">
																	<span><i class="pe-7s-angle-right-circle"></i></span>
																	<a href="{{route('student.company-questions.detail', $link->id)}}">{{$link->title}}</a>
																		<br>
																		<!-- <br> -->
																		</div>
																@endforeach
															</span>
														</label>
													</li>
												</ul>
											</div>
										</div>
									</div>
									<div class="border radius-4 mt-1">
									<div class="p-2">
										<h6 class="text-primary mb-0">Knewton Blogs:</h6>
										<div class="mt-1">
											<ul class="list-group border-0">
												<li class="list-group-item p-0 mb-2 border-0">
													<label class="d-flex align-items-center mb-0">
														<span class="ms-3 my-auto">
															@foreach ($blogs as $blog)
															<span><i class="pe-7s-angle-right-circle"></i></span>
															<a href="{{_route('student.knewton.blogDetail', $blog->id)}}">{{$blog -> title}}</a>
																	<br>
																	<!-- <br> -->
																	@endforeach
														</span>
													</label>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="border radius-4 mt-1">
									<div class="p-2">
										<h6 class="text-primary mb-0">Apply Your Dream Jobs:</h6>
										<div class="mt-1">
											<ul class="list-group border-0">
												<li class="list-group-item p-0 mb-2 border-0">
													<label class="d-flex align-items-center mb-0">
														<span class="ms-3 my-auto">
															<a href='https://www.naukri.com/{{$att_name[0]}}-jobs' target="_blank">

															<img src="{{ env('S3_PATH') .'/default/social_icons/naukri_'.$brand_color.'.png'}}" style="height:18px; width:18px;margin-right:10px">Naukri </a>

														</span>
													</label>
													<label class="d-flex align-items-center mb-0">
														<span class="ms-3 my-auto">
														<a href='https://www.linkedin.com/jobs/{{$att_name[0]}}' target="_blank">

															<img src="{{env('S3_PATH') .'/default/social_icons/in_'.$brand_color.'.png'}}" style="height:18px; width:18px;margin-right:10px">LinkedIn </a>

														</span>
													</label>
													<label class="d-flex align-items-center mb-0">
														<span class="ms-3 my-auto">
														<a href='https://in.indeed.com/jobs?q={{$att_name[0]}}' target="_blank"> 	

														<img src="{{env('S3_PATH') .'/default/social_icons/indeed_'.$brand_color.'.png'}}"  style="height:18px; width:18px;margin-right:10px">Indeed 

													</a>
														</span>
													</label>
												</li>
											</ul>
										</div>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
@endsection