@extends('layouts.app')
@section('title')
{{ $pageType->name }}

@endsection

@section('style')
<style>
    .blox-menu {
	height: 150px;
	margin-bottom: 15px;
	background: rgba(17,183,129,1.00);
	text-align: center;
	padding:5px;
	padding-top: 10px;
	color: rgba(255,255,255,1.00)
}
.blox-menu:hover, .blox-menu:focus {
	background: rgba(17,183,129,0.10);
	color: rgba(0,0,0,1.00);
	cursor: pointer;
	border-bottom:2px solid #0E70E5;
}
</style>
@endsection
@section('content')
<div class="container main-container">
  <div class="row">

  <div class="card">
  <div class="card-header bg-primary text-white">
    <h5  class="my-1 float-left"> {{ $pageType->name }}</h5>
</div>

 


<div class="card-body"> 
  <div class="row"> 
    @foreach($years as $ps)
    <div class="col-sm-4">
      <a  href="{{route('page_type.show',[ $pageType->id , $pageType->name ])}}?year={{$ps['year']}}">
      <div class="blox-menu">
        <h3 style="font-size:2rem" class="f-sarabun">{{ $pageType->name }}<br>
          ปี {{ $thai->thai_year($ps['year'])}}</h3>
      </div>
      <br>
      </a>
    </div>
    @endforeach </div>
</div>
</div>
</div>
</div>
@endsection