@extends('frontend.layouts.main')
@section('title', $seo['title'] ?? '' )
@section('keywords', $seo['keywords']??'')
@section('description', $seo['description']??'')
@section('abstract', $seo['abstract']??'')
@section('image', $seo['image']??'')
@section('css')
<link rel="stylesheet" href="{{asset('frontend/css/teacher.css')}}">
@endsection
@php
$nextPageUrl = $data->nextPageUrl();
$previousPageUrl = $data->previousPageUrl();
$page = request()->input('page');
@endphp

@section('canonical')
<link rel="canonical" href="{{ $category->slug_full }}" />
@endsection

@if(request()->has('page') && ($page == 1 || $page == 2))
@section('prevPage')
<link rel="prev" href="{{ $category->slug_full }}" />
@endsection
@else
@if ($previousPageUrl)
@section('prevPage')
<link rel="prev" href="{{ $previousPageUrl }}" />
@endsection
@endif
@endif

@if ($nextPageUrl)
@section('nextPage')
<link rel="next" href="{{ $nextPageUrl }}" />
@endsection
@endif
@section('content')
<link rel="stylesheet" type="text/css" href="{{ asset('frontend/css/about-us.css') }}">
<div class="main">
	@php
	$banner = App\Models\Slider::where('active', 1)->find(1);
	@endphp

	{{--<div class="brackham-commont">
		<div class="ctnr">
			@isset($breadcrumbs,$typeBreadcrumb)
			@include('frontend.components.breadcrumbs',[
			'breadcrumbs'=>$breadcrumbs,
			'type'=>$typeBreadcrumb,
			])
			@endisset
		</div>
	</div>--}}

	<div class="section__abouts main">
		<div class="ctnr ">
			<div class="heading-teacher">
				<h1 class="heading-teacher__ttl">{{$category->name}}</h1>
				<p>{!!$category->content!!}</p>
			</div>
			@if(isset($teacher) && count($teacher->childs()->where('active',1)->orderBy('order')->get()) >0)
			<div class="teachers-grid">
				<div class="row teachers-grid__row">
					@foreach($teacher->childs()->where('active',1)->orderBy('order')->get() as $item)
					<div class="clm" style="--w-lg: 4; --w-md: 6; --w-xs: 12">
						<div class="teacher-card">
							<div class="teacher-avatar">
								<img src="{{asset($item->image_path)}}" alt="{{$item->name}}">
							</div>
							<div class="teacher-info">
								<h3 class="teacher-name">{{$item->name}}</h3>
								<div class="teacher-title mh"><span>{{$item->value}}</span></div>
								<div class="teacher-description">{!!$item->description!!}</div>
								
							</div>
						</div>
					</div>
					@endforeach
				</div>
			</div>
			@else
			<span>Đang cập nhập dữ liệu!</span>
			@endif

		</div>
	</div>

</div>
</div>

@endsection