@extends('frontend.layouts.main')
@section('title', $seo['title'] ?? '')
@section('keywords', $seo['keywords'] ?? '')
@section('description', $seo['description'] ?? '')
@section('abstract', $seo['abstract'] ?? '')
@section('image', $seo['image'] ?? '')
@php
    $about_us = App\Models\CategoryPost::where('active', 1)->find(1);
@endphp
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('frontend/css/header.css') }}">
	 <link rel="stylesheet" type="text/css" href="{{ asset('frontend/css/about-us.css') }}">
	 <style>
		.box-form{
			max-width: 600px;
			margin: 0 auto;
		}
		.register-heading{
			color: white;
			text-align: center;
			margin-bottom: 30px;
		}
		.register-heading__ttl{
			font-size: 32px;
		}
	 </style>
@endsection
@section('canonical')
    <link rel="canonical" href="{{ $about_us->slug_full }}" />
@endsection
@section('content')
<main class="main">
	<section class="page-register section__abouts">
		<div class="ctnr">
			<div class="register-heading">
				<div class="register-heading__brief">
					<h1>{{$data->name}}</h1>
					<p>{!!$data->description!!}</p>
				</div>
			</div>
				<div class="box-form">
					<form action="{{ route('contact.storeAjax') }}"
					data-url="{{ route('contact.storeAjax') }}" data-ajax="submit022"
					data-target="alert" data-href="#modalAjax" data-content="#content"
					data-method="POST" method="POST" name="frm" id="frm">
					@csrf
						<input type="hidden" name="robot_check" value="" id="robot_check">
						<input type="hidden" name="title" value="ĐĂNG KÝ NGAY" >
					<div class="box-form__group row">
						<div class="clm" style="--w-md:6; --w-xs:12">
							<input type="text" name="name" class="form-control" placeholder="Họ và tên*">
						</div>
						<div class="clm" style="--w-md:6; --w-xs:12">
							<input type="text" name="phone" class="form-control" placeholder="Số điện thoại*">
						</div>
					</div>
					<div class="box-form__group">
						<input type="text" name="email" class="form-control" placeholder="Email">
					</div>
					<div class="box-form__group">
						<input type="number" name="age" class="form-control" placeholder="Độ tuổi học viên">
					</div>
					<div class="box-form__desc">
						<h3 class="box-form__desc-ttl"></h3>
						<div class="box-form__desc-img">
							<img src="{{asset($data->image_path)}}" alt="{{$data->name}}">
						</div>
						<div class="box-form__desc-text">{!!$data->content!!}</div>

					</div>
					<p class="ta-center">
						<button type="submit" class=" box-form__btn">{{$data->value}}</button>
					</p>
					
				</form>
			</div>
		</div>
	</section>
</main>
    
@endsection
@section('js')
@endsection