<!DOCTYPE html>
<html lang="en">
	<head>

		<!-- Meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="author" content="ItcnDevs">
		<meta name="robots" content="" >
		<meta name="keywords" content="parkir control, parkir monitoring, control system">
		<meta name="description" content="Control and MOnitoring your parking system easy">
		<meta property="og:title" content="ITCN Parking Support">
		<meta property="og:description" content="We proudly present Jobick, a Job Admin dashboard HTML Template, If you are hiring a job expert you would like to build a superb website for your Jobick, it's a best choice." >
		<meta property="og:image" content="https://itcn.co.id">
		<meta name="format-detection" content="telephone=+62 812 97797 957">

		<meta name="csrf-token" content="{{ csrf_token() }}">
		
		<!-- Mobile Specific -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<!-- Page Title -->
		<title>PCMS - {{ $parameter->namaperusahaan }} | Powered by ITCN Parking Support</title>
		
		<!-- Favicon icon -->
		<link rel="shortcut icon" type="image/png" href="images/favicon.png">
		
		<!-- All StyleSheet -->
		<link href="{{asset('vendor/bootstrap-select/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">
		<link href="{{asset('vendor/bootstrap-datepicker-master/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
		<link href="{{asset('vendor/owl-carousel/owl.carousel.css') }}" rel="stylesheet">
		
		<!-- Globle CSS -->
		<link class="main-css" href="{{asset('css/style.css') }}" rel="stylesheet">
		@yield('styles')
		<style>
			.logo {
				padding-top: 1em;
			}
			.indented {
				display: inline-block;
				padding-left: 2em; /* Atur padding sesuai kebutuhan */
			}

			.text-1 {
				display: inline-block;
			}
			.text-2 {
				display: inline-block;
				padding-left: 2em; /* Atur padding sesuai kebutuhan */
			}

			@media (max-width: 768px) {
				.word2 {
					padding-left: 0;
				}
			}	
		</style>
		<livewire:styles />
	</head>

	<body>

		{{-- <livewire:scripts /> --}}
		<!--*******************
			Preloader start
		********************-->
		<div id="preloader">
			<div class="lds-ripple">
				<div></div>
				<div></div>
			</div>
		</div>
		<!--*******************
			Preloader end
		********************-->

		<!--**********************************
			Main wrapper start
		***********************************-->
		<div id="main-wrapper">

			<!--**********************************
				Nav header start
			***********************************-->
			<div class="nav-header">
				<a href="javascript:void(0)" class="brand-logo">
					<img src="images/profile/posthink-logo.jpeg" width="50" alt="Logo">
					<h3>
						<span class="text-1">{{ strtok($parameter->namaperusahaan, ' ') }}</span><br>
						<span class="text-2">{{ str_replace(strtok($parameter->namaperusahaan, ' '), '', $parameter->namaperusahaan) }}</span>
					</h3>
				</a>
				<div class="nav-control">
					<div class="hamburger">
						<span class="line"></span><span class="line"></span><span class="line"></span>
					</div>
				</div>
			</div>
			
			<!--************ Header start *****************-->
				@include('layouts.partial.header')
			<!--******** Header end ti-comment-alt ********************-->

			<!--******* Sidebar start ***************-->
				@include('layouts.partial.sidebar')
			<!--******* Sidebar end **************-->
			
			<!--*************** Content body start  **********************-->
				@yield('content')
			<!--*************** Content body end *****************-->
			
			
			
			<!--**********************************
				Footer start
			***********************************-->
				@include('layouts.partial.footer')
			<!--**********************************
				Footer end
			***********************************-->

			<!--**********************************
			Support ticket button start
			***********************************-->
			
			<!--**********************************
			Support ticket button end
			***********************************-->


		</div>

	<!--**********************************
		Scripts
	***********************************-->
	<!-- Required vendors -->
		<script src="vendor/global/global.min.js"></script>
		@yield('javascript')
	</body>
</html>