839 lines
37 KiB
PHP
Executable File
839 lines
37 KiB
PHP
Executable File
<?php
|
|
|
|
use common\models\CmsPost;
|
|
use common\widgets\Alert;
|
|
use yii\bootstrap4\ActiveForm;
|
|
use yii\bootstrap4\Breadcrumbs;
|
|
use yii\bootstrap4\Nav;
|
|
use yii\bootstrap4\NavBar;
|
|
use yii\helpers\Html;
|
|
use frontend\themes\mali\MaliAsset;
|
|
use yii\helpers\Url;
|
|
|
|
MaliAsset::register($this);
|
|
|
|
$this->registerCssFile(Yii::getAlias('@web') . '/css/custom.css');
|
|
$this->registerCssFile(Yii::getAlias('@web') . '/css/chat.css');
|
|
|
|
$assets = Yii::$app->assetManager->getPublishedUrl('@frontend/themes/mali/assets');
|
|
?>
|
|
<?php $this->beginPage() ?>
|
|
<!DOCTYPE html>
|
|
<html lang="<?= Yii::$app->language ?>">
|
|
|
|
<head>
|
|
<title><?= Html::encode($this->title) ?></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="<?= Yii::$app->charset ?>">
|
|
|
|
<?php $this->registerCsrfMetaTags() ?>
|
|
<?php $this->head() ?>
|
|
|
|
<?php $this->registerJsFile("https://code.jquery.com/jquery-migrate-3.4.0.min.js", ['depends' => ['yii\web\JqueryAsset']]) ?>
|
|
<?php $this->registerJsFile('https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js', ['depends' => ['yii\web\JqueryAsset']]) ?>
|
|
<?php $this->registerCssFile('https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css', ['depends' => ['yii\bootstrap4\BootstrapAsset']]) ?>
|
|
|
|
<meta property="og:locale" content="th_TH" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="<?= $this->title ?>" />
|
|
<meta property="og:url" content="<?= Yii::$app->urlManager->createAbsoluteUrl(Yii::$app->request->url, true) ?>" />
|
|
<meta property="og:site_name" content="องค์การบริหารส่วนตำบลโคกจาน" />
|
|
<meta property="article:publisher" content="https://kokjan.go.th/" />
|
|
|
|
<meta Http-Equiv="Cache-Control" Content="no-cache">
|
|
<meta Http-Equiv="Pragma" Content="no-cache">
|
|
<meta Http-Equiv="Expires" Content="0">
|
|
<meta Http-Equiv="Pragma-directive: no-cache">
|
|
<meta Http-Equiv="Cache-directive: no-cache">
|
|
|
|
<!-- Favicon icon -->
|
|
<link rel="apple-touch-icon" sizes="57x57" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="<?= Yii::getAlias('@web') ?>/fav/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="<?= Yii::getAlias('@web') ?>/fav/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="<?= Yii::getAlias('@web') ?>/fav/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="<?= Yii::getAlias('@web') ?>/fav/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="<?= Yii::getAlias('@web') ?>/fav/favicon-16x16.png">
|
|
<link rel="manifest" href="<?= Yii::getAlias('@web') ?>/fav/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="<?= Yii::getAlias('@web') ?>/fav/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<!-- Fonts Loader -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<!-- Google Sans & Product Sans via CDN -->
|
|
<link href="https://fonts.cdnfonts.com/css/google-sans" rel="stylesheet">
|
|
<link href="https://fonts.cdnfonts.com/css/product-sans" rel="stylesheet">
|
|
<!-- Noto Sans Thai, Kanit, Sarabun via Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&family=Sarabun:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
|
<link rel="stylesheet" type="text/css" href="<?= $assets ?>/css/ie10-viewport-bug-workaround.css">
|
|
|
|
<script src="<?= $assets ?>/js/ie-emulation-modes-warning.js"></script>
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script type="text/javascript" src="<?= $assets ?>/js/html5shiv.min.js"></script>
|
|
<script type="text/javascript" src="<?= $assets ?>/js/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
<?php $this->registerCss("
|
|
body, p, a, li, span, div, input, button, textarea {
|
|
font-family: 'Google Sans', 'Product Sans', 'Noto Sans Thai', 'Sarabun', sans-serif !important;
|
|
color: #333;
|
|
font-weight: 400;
|
|
}
|
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|
font-family: 'Kanit', sans-serif !important;
|
|
font-weight: 700 !important;
|
|
color: #2c1810;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
.main-header .navbar-nav .nav-item .nav-link {
|
|
font-family: 'Kanit', sans-serif !important;
|
|
}
|
|
.main-footer h1, .main-footer h5 {
|
|
font-family: 'Kanit', sans-serif !important;
|
|
}
|
|
.banner-text {
|
|
font-family: 'Kanit', sans-serif !important;
|
|
}
|
|
") ?>
|
|
</head>
|
|
|
|
<body>
|
|
<?php $this->beginBody() ?>
|
|
|
|
<!-- Banner start -->
|
|
<div class="banner banner_video_bg d-none d-lg-block">
|
|
<div class="pattern-overlay">
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/header/Head2.png', ['class' => 'down-border d-none d-md-block']) ?>
|
|
</div>
|
|
</div>
|
|
<?php if (Yii::$app->controller->id == 'site' && Yii::$app->controller->action->id == 'index') {
|
|
echo $this->render('_top');
|
|
}
|
|
?>
|
|
|
|
<!-- Main header start -->
|
|
<style>
|
|
.main-header {
|
|
background: #fff !important;
|
|
border-bottom: 4px solid #FFC068;
|
|
/* Warm Gold */
|
|
box-shadow: 0 4px 20px rgba(44, 24, 16, 0.08);
|
|
}
|
|
|
|
.navbar-brand img {
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.navbar-brand:hover img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.navbar-nav .nav-item .nav-link {
|
|
color: #2c1810 !important;
|
|
/* Deep Brown */
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
padding: 12px 20px !important;
|
|
transition: all 0.3s ease;
|
|
position: relative;
|
|
font-family: 'Kanit', sans-serif;
|
|
border-radius: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.navbar-nav .nav-item .nav-link i {
|
|
color: #FFC068;
|
|
/* Warm Gold */
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.navbar-nav .nav-item:hover .nav-link,
|
|
.navbar-nav .nav-item.active .nav-link {
|
|
background: linear-gradient(135deg, #FFC068 0%, #ff8f00 100%) !important;
|
|
/* Warm Gold Gradient */
|
|
color: #fff !important;
|
|
box-shadow: 0 4px 15px rgba(255, 143, 0, 0.3);
|
|
}
|
|
|
|
.navbar-nav .nav-item:hover .nav-link i,
|
|
.navbar-nav .nav-item.active .nav-link i {
|
|
color: #FFDBBB !important;
|
|
/* Soft Peach Icon on Hover */
|
|
}
|
|
|
|
/* Modern Dropdown */
|
|
.dropdown-menu {
|
|
border: none;
|
|
border-top: 4px solid #8e1d1d;
|
|
border-radius: 0 0 20px 20px;
|
|
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
|
|
padding: 15px 0;
|
|
min-width: 260px;
|
|
background: #fff;
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.dropdown-item {
|
|
padding: 12px 25px;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
color: #2c1810;
|
|
/* Deep Brown */
|
|
transition: all 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
|
|
.dropdown-item i {
|
|
width: 20px;
|
|
color: #FFC068;
|
|
/* Warm Gold */
|
|
font-size: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.dropdown-item:hover {
|
|
background-color: #FFDBBB;
|
|
/* Soft Peach Hover */
|
|
color: #8e1d1d;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
/* Search Button */
|
|
.btn-search-nav {
|
|
width: 42px;
|
|
height: 42px;
|
|
background: linear-gradient(135deg, #FFC068 0%, #ff8f00 100%);
|
|
/* Gold Gradient */
|
|
color: #fff !important;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: none;
|
|
box-shadow: 0 4px 10px rgba(255, 143, 0, 0.3);
|
|
margin-left: 15px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.btn-search-nav:hover {
|
|
transform: rotate(90deg) scale(1.1);
|
|
color: #fff !important;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.navbar-collapse {
|
|
background: #fff;
|
|
padding: 20px;
|
|
border-radius: 20px;
|
|
margin-top: 15px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.navbar-nav .nav-item .nav-link {
|
|
border-radius: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<header class="main-header sticky-header header-with-top" id="main-header-2">
|
|
<div class="container-fluid px-lg-5">
|
|
<nav class="navbar navbar-expand-lg navbar-light p-0">
|
|
<a class="navbar-brand" href="<?= Yii::$app->homeUrl ?>">
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/header/logo.png', ['width' => 220]) ?>
|
|
</a>
|
|
|
|
<button class="navbar-toggler" id="drawer" type="button">
|
|
<span class="fa fa-bars"></span>
|
|
</button>
|
|
|
|
<div class="navbar-collapse collapse w-100 justify-content-end" id="navbar">
|
|
<ul class="navbar-nav ml-auto align-items-center">
|
|
<?php
|
|
$navbar = Yii::$app->abt->getFrontendMenu('navbar');
|
|
foreach ($navbar as $item):
|
|
if (empty($item['items'])): ?>
|
|
<li class="nav-item <?= Yii::$app->request->url == $item['link'] ? 'active' : '' ?>">
|
|
<a class="nav-link" href="<?= $item['link'] ?>">
|
|
<?= $item['icon'] ? Html::tag('i', '', ['class' => $item['icon']]) : '' ?>
|
|
<?= $item['name'] ?>
|
|
</a>
|
|
</li>
|
|
<?php else: ?>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
|
|
<?= $item['icon'] ? Html::tag('i', '', ['class' => $item['icon']]) : '' ?>
|
|
<?= $item['name'] ?>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<?php foreach ($item['items'] as $sub): ?>
|
|
<li>
|
|
<a class="dropdown-item" href="<?= $sub['link'] ?>">
|
|
<?= $sub['icon'] ? Html::tag('i', '', ['class' => $sub['icon']]) : '' ?>
|
|
<?= $sub['name'] ?>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<?php endif;
|
|
endforeach; ?>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link text-danger" href="<?= Yii::$app->params['backendUrl'] ?>" target="_blank">
|
|
<i class="fa fa-lock"></i> เข้าระบบ
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Search Button -->
|
|
<li class="nav-item">
|
|
<a href="#" class="btn-search-nav" data-toggle="modal" data-target="#searchleModal">
|
|
<i class="fa fa-search"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Modal Search Redesigned -->
|
|
<div class="modal fade" id="searchleModal" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content" style="border-radius: 30px; border: none; overflow: hidden;">
|
|
<div class="modal-header border-0 pb-0" style="background: #fdfaf5;">
|
|
<h5 class="modal-title font-weight-bold" style="color: #2c1810;"><i class="fa fa-search text-warning mr-2"></i> ค้นหาข้อมูล</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body p-4" style="background: #fdfaf5;">
|
|
<?php $form = ActiveForm::begin([
|
|
'method' => 'get',
|
|
'action' => ['/site/search'],
|
|
'options' => ['class' => 'm-0']
|
|
]); ?>
|
|
<div class="input-group">
|
|
<input type="search" name="SearchForm[q]" class="form-control"
|
|
placeholder="พิมพ์คำค้นหาที่คุณต้องการ..."
|
|
style="height: 55px; border-radius: 50px 0 0 50px; padding-left: 25px; border: 2px solid #FFDBBB;">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-warning" type="submit"
|
|
style="border-radius: 0 50px 50px 0; padding: 0 30px; background: #FFC068; border: 2px solid #FFC068; color: #fff;">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<?php ActiveForm::end(); ?>
|
|
<p class="text-muted small mt-3 px-3">ตัวอย่าง: ประกาศรับสมัครงาน, ข้อบัญญัติงบประมาณ, ข่าวประชาสัมพันธ์</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main header end -->
|
|
|
|
<!-- Sidenav start -->
|
|
<nav id="sidebar" class="nav-sidebar">
|
|
<!-- Close btn-->
|
|
<div id="dismiss">
|
|
<i class="fa fa-close"></i>
|
|
</div>
|
|
<div class="sidebar-inner">
|
|
<div class="sidebar-logo">
|
|
<a href="<?= Yii::$app->homeUrl ?>">
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/logo2.png', ['width' => 200]) ?>
|
|
</a>
|
|
</div>
|
|
<div class="sidebar-navigation">
|
|
<h3 class="heading">เมนู</h3>
|
|
<ul class="menu-list">
|
|
<?php
|
|
$sidenav = Yii::$app->abt->getFrontendMenu('navbar');
|
|
|
|
if (!function_exists('renderSidenav')) {
|
|
function renderSidenav($items) {
|
|
foreach ($items as $item) {
|
|
$hasChildren = !empty($item['items']);
|
|
echo '<li>';
|
|
$link = $hasChildren ? '#' : $item['link'];
|
|
$chevron = $hasChildren ? '<em class="fa fa-chevron-down"></em>' : '';
|
|
$icon = $item['icon'] ? Html::tag('i', '', ['class' => $item['icon']]) . ' ' : '';
|
|
echo Html::a($icon . $item['name'] . $chevron, $link);
|
|
if ($hasChildren) {
|
|
echo '<ul>';
|
|
renderSidenav($item['items']);
|
|
echo '</ul>';
|
|
}
|
|
echo '</li>';
|
|
}
|
|
}
|
|
}
|
|
|
|
renderSidenav($sidenav);
|
|
?>
|
|
</ul>
|
|
</div>
|
|
<div class="get-in-touch">
|
|
<h3 class="heading">Get in Touch</h3>
|
|
<div class="sidebar-contact-info">
|
|
<div class="icon">
|
|
<i class="fa fa-phone"></i>
|
|
</div>
|
|
<div class="body-info">
|
|
<a href="tel:<?= Yii::$app->params['org_phone'] ?>"><?= Yii::$app->params['org_phone'] ?></a>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-contact-info">
|
|
<div class="icon">
|
|
<i class="fa fa-envelope"></i>
|
|
</div>
|
|
<div class="body-info">
|
|
<a href="<?= Yii::$app->params['org_mail'] ?>"><?= Yii::$app->params['org_mail'] ?></a>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-contact-info mb-0">
|
|
<div class="icon">
|
|
<i class="fa fa-fax"></i>
|
|
</div>
|
|
<div class="body-info">
|
|
<a href="tel:<?= Yii::$app->params['org_fax'] ?>"><?= Yii::$app->params['org_fax'] ?></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="get-social">
|
|
<h3 class="heading">Get Social</h3>
|
|
<a href="<?= Yii::$app->params['org_face'] ?>" class="facebook-bg">
|
|
<i class="fa fa-facebook"></i>
|
|
</a>
|
|
<a href="#" class="twitter-bg">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
<a href="#" class="google-bg">
|
|
<i class="fa fa-google-plus"></i>
|
|
</a>
|
|
<a href="#" class="linkedin-bg">
|
|
<i class="fa fa-linkedin"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Sidenav end -->
|
|
|
|
<?= $this->render('floating-left') ?>
|
|
|
|
<!--main starts-->
|
|
<div id="main">
|
|
<?php if (Yii::$app->controller->id == 'site' && Yii::$app->controller->action->id == 'index') { ?>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-3 side-menu d-none d-md-block">
|
|
<?= $this->render('_menu') ?>
|
|
</div>
|
|
<div class="col-md-9 no-lr">
|
|
<?= Alert::widget() ?>
|
|
<?= $content ?>
|
|
</div>
|
|
</div>
|
|
<?php if (Yii::$app->controller->id == 'site' && Yii::$app->controller->action->id == 'index') {
|
|
echo $this->render('_bottom');
|
|
}
|
|
?>
|
|
</div>
|
|
<?php } else { ?>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-3 side-menu d-none d-md-block">
|
|
<?= $this->render('_menu') ?>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<!-- Page Header & Breadcrumbs -->
|
|
<style>
|
|
.thai-page-header {
|
|
background: linear-gradient(135deg, #FFDBBB 0%, #FFC068 100%);
|
|
padding: 35px 0 45px; /* Compact padding */
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-bottom: 4px solid #2c1810;
|
|
margin-bottom: 0;
|
|
border-radius: 0 0 30px 30px;
|
|
box-shadow: 0 8px 25px rgba(44, 24, 16, 0.05);
|
|
}
|
|
|
|
.thai-page-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 100 100'%3E%3Cpath d='M50 0 L100 50 L50 100 L0 50 Z' fill='%232c1810' fill-opacity='0.02'/%3E%3C/svg%3E");
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.thai-page-header h1 {
|
|
color: #2c1810;
|
|
font-weight: 800;
|
|
font-size: clamp(22px, 4vw, 30px); /* Scaled down */
|
|
margin-bottom: 15px;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
|
|
font-family: 'Kanit', sans-serif;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.breadcrumb-wrap {
|
|
display: inline-block;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
backdrop-filter: blur(8px);
|
|
padding: 6px 22px; /* Slimmer padding */
|
|
border-radius: 50px;
|
|
border: 1px solid rgba(44, 24, 16, 0.08);
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.breadcrumb-wrap .breadcrumb {
|
|
background: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 14px; /* Slightly smaller */
|
|
}
|
|
|
|
.breadcrumb-wrap .breadcrumb li {
|
|
color: #5d4037;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.breadcrumb-wrap .breadcrumb li a {
|
|
color: #8e1d1d;
|
|
font-weight: 700;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.breadcrumb-wrap .breadcrumb li a:hover {
|
|
color: #2c1810;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before {
|
|
content: '\f105';
|
|
font-family: 'FontAwesome';
|
|
color: rgba(44, 24, 16, 0.3);
|
|
padding: 0 12px;
|
|
}
|
|
</style>
|
|
|
|
<section class="thai-page-header">
|
|
<div class="container-fluid px-lg-5 text-center text-lg-left">
|
|
<h1 class="wow fadeInDown"><?= $this->title ?></h1>
|
|
<div class="breadcrumb-wrap wow fadeInUp" data-wow-delay="0.2s">
|
|
<?= Breadcrumbs::widget([
|
|
'tag' => 'ol',
|
|
'encodeLabels' => false,
|
|
'homeLink' => [
|
|
'label' => '<i class="fa fa-home"></i> หน้าแรก',
|
|
'url' => Yii::$app->homeUrl,
|
|
],
|
|
'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
|
|
'options' => ['class' => 'breadcrumb'],
|
|
'itemTemplate' => '<li class="breadcrumb-item">{link}</li>',
|
|
'activeItemTemplate' => '<li class="breadcrumb-item active" aria-current="page">{link}</li>',
|
|
]) ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="main-content-body">
|
|
<div class="container-fluid px-lg-5 pb-5">
|
|
<?= Alert::widget() ?>
|
|
<?= $content ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
<!--main ends-->
|
|
|
|
<!-- Footer start -->
|
|
<style>
|
|
.main-footer {
|
|
background-color: #2c1810 !important;
|
|
/* Deep warm brown */
|
|
color: #FFDBBB !important;
|
|
padding: 80px 0 0 !important;
|
|
border-top: 5px solid #FFC068;
|
|
position: relative;
|
|
}
|
|
|
|
.main-footer::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 10px;
|
|
background: linear-gradient(90deg, #FFC068 0%, #ff8f00 50%, #FFC068 100%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.main-footer .main-title-4 h1 {
|
|
color: #FFC068 !important;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
border-bottom: 2px solid #FFDBBB;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 25px;
|
|
font-family: 'Kanit', sans-serif;
|
|
}
|
|
|
|
.main-footer .personal-info li {
|
|
margin-bottom: 15px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 12px;
|
|
color: #FFDBBB !important;
|
|
font-size: 0.85rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.main-footer .personal-info li i {
|
|
color: #FFC068;
|
|
font-size: 1.1rem;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.main-footer .personal-info li strong {
|
|
color: #FFC068;
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.main-footer a {
|
|
color: #FFDBBB !important;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.main-footer a:hover {
|
|
color: #FFC068 !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.stats-table {
|
|
background: rgba(255, 255, 255, 0.03);
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
border: 1px solid rgba(255, 219, 187, 0.1);
|
|
}
|
|
|
|
.stats-table th,
|
|
.stats-table td {
|
|
color: #FFDBBB !important;
|
|
border-color: rgba(255, 219, 187, 0.05) !important;
|
|
padding: 8px 15px !important;
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.stats-table tr:hover {
|
|
background: rgba(255, 192, 104, 0.05);
|
|
}
|
|
|
|
.footer-item iframe {
|
|
border-radius: 15px;
|
|
border: 2px solid rgba(255, 192, 104, 0.2) !important;
|
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.copy-right {
|
|
background-color: #1a0f0a !important;
|
|
padding: 25px 0 !important;
|
|
margin-top: 60px;
|
|
border-top: 1px solid rgba(255, 219, 187, 0.1);
|
|
color: #FFDBBB !important;
|
|
}
|
|
|
|
.copy-right a {
|
|
color: #FFC068 !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.social-list li a {
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
background: rgba(255, 192, 104, 0.1) !important;
|
|
border: 1px solid #FFC068 !important;
|
|
color: #FFC068 !important;
|
|
border-radius: 50%;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.social-list li a:hover {
|
|
background: #FFC068 !important;
|
|
color: #1a0f0a !important;
|
|
transform: translateY(-3px);
|
|
}
|
|
</style>
|
|
|
|
<footer class="main-footer clearfix">
|
|
<div class="container-fluid px-lg-5">
|
|
<!-- Footer info-->
|
|
<div class="footlogo text-center mb-5">
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/header/logo.png', ['width' => 320, 'class' => 'img-fluid']) ?>
|
|
</div>
|
|
|
|
<div class="footer-info">
|
|
<div class="row">
|
|
<!-- Contact Info -->
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="footer-item">
|
|
<div class="main-title-4">
|
|
<h1>ติดต่อเรา</h1>
|
|
</div>
|
|
<ul class="personal-info">
|
|
<li>
|
|
<i class="fa fa-map-marker"></i>
|
|
<span>
|
|
<strong><?= Yii::$app->params['org_place1'] ?></strong><br>
|
|
<?= Yii::$app->params['org_place2'] ?><br>
|
|
<?= Yii::$app->params['org_place3'] ?>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-phone"></i>
|
|
<span>เบอร์โทรศัพท์ : <a href="tel:+<?= Yii::$app->params['org_phone'] ?>"><?= Yii::$app->params['org_phone'] ?></a></span>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-fax"></i>
|
|
<span>โทรสาร : <a href="tel:+<?= Yii::$app->params['org_fax'] ?>"><?= Yii::$app->params['org_fax'] ?></a></span>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-envelope"></i>
|
|
<span>อีเมล : <a href="mailto:<?= Yii::$app->params['org_mail'] ?>"><?= Yii::$app->params['org_mail'] ?></a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Statistics -->
|
|
<div class="col-lg-2 col-md-6 col-sm-12">
|
|
<div class="footer-item">
|
|
<div class="main-title-4">
|
|
<h1>สถิติผู้เข้าชม</h1>
|
|
</div>
|
|
<div class="stats-table">
|
|
<table class="table table-sm table-borderless table-hover mb-0">
|
|
<tr>
|
|
<td>สถิติวันนี้</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterToday(), 0) ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td>เมื่อวาน</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterYesterday(), 0) ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td>เดือนนี้</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterThisMonth(), 0) ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td>เดือนที่แล้ว</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterLastMonth(), 0) ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td>สถิติปีนี้</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterThisYear(), 0) ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td>รวมทั้งหมด</td>
|
|
<td class="text-right"><?= number_format(Yii::$app->abt->getCounterTotal(), 0) ?></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Map -->
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="footer-item">
|
|
<div class="main-title-4">
|
|
<h1>แผนที่ตั้ง</h1>
|
|
</div>
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3843.9090403290083!2d105.06015968203289!3d15.54300614654831!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3115df32470ffe13%3A0xb7f08a63d4af6495!2z4Lit4LiH4LiE4LmM4LiB4Liy4Lij4Lia4Lij4Li04Lir4Liy4Lij4Liq4LmI4Lin4LiZ4LiV4Liz4Lia4Lil4LmC4LiE4LiB4LiI4Liy4LiZ!5e0!3m2!1sth!2sth!4v1771992846564!5m2!1sth!2sth"
|
|
width="100%" height="220" frameborder="0" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Facebook -->
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="footer-item">
|
|
<div class="main-title-4">
|
|
<h1>Facebook</h1>
|
|
</div>
|
|
<iframe
|
|
src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fp%2F%25E0%25B8%25AD%25E0%25B8%259A%25E0%25B8%2595%25E0%25B9%2582%25E0%25B8%2584%25E0%25B8%2581%25E0%25B8%2582%25E0%25B8%25B2%25E0%25B8%2599-%25E0%25B8%25AD%25E0%25B8%25B3%25E0%25B9%2580%25E0%25B8%25A0%25E0%25B8%25AD%25E0%25B8%2595%25E0%25B8%25A3%25E0%25B8%25B0%25E0%25B8%2581%25E0%25B8%25A3%25E0%25B8%259E%25E0%25B8%25B7%25E0%25B8%2584%25E0%25B8%259C%25E0%25B8%25A5-100002602093728%2F&tabs=timeline&width=340&height=220&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
|
|
width="100%" height="220" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="copy-right">
|
|
<div class="container-fluid px-lg-5">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-12 text-center text-lg-left mb-3 mb-lg-0">
|
|
<span>สงวนลิขสิทธิ์ © <?= date('Y') ?> <?= Yii::$app->params['org_name_th'] ?></span><br>
|
|
<small>พัฒนาโดย <a href="https://hanumanit.co.th/" target="_blank">HANUMANIT Co., Ltd.</a></small>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 text-center text-lg-right">
|
|
<ul class="social-list list-inline mb-0">
|
|
<li class="list-inline-item">
|
|
<a href="<?= Yii::$app->params['org_face'] ?>" target="_blank"><i class="fa fa-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="#"><i class="fa fa-linkedin"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="mailto:<?= Yii::$app->params['org_mail'] ?>"><i class="fa fa-envelope"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Footer end -->
|
|
|
|
<!-- Facebook Chat Popup Widget Placeholder (If applicable) -->
|
|
|
|
<?php $this->endBody() ?>
|
|
</body>
|
|
|
|
</html>
|
|
<?php $this->endPage() ?>
|
|
|
|
<!-- เริ่มนับ -->
|
|
<?= Yii::$app->abt->setCounter() ?>
|