@extends('layouts.index')

@push('css')
	<style>
		.program {
			color: white;
			font-weight: 700;
		}
		
		.icon {
			width: 5rem !important;
			height: 5rem !important;
		}

		.icon-shape i, .icon-shape svg {
			font-size: 28px !important;
		}

		.bg-kayu{
			background-image: url({{ asset('assets/img/bg-kayu.jpg') }});
		}
y
		.parent{
			background: greenyellow;
		}

		.child{
			background: bisque;
		}

		.pointer{
			cursor: pointer;
		}

		.break-word{
			max-width: 200px !important;
			word-wrap: break-word !important;
			white-space: inherit !important;
		}

		.table-responsive{
			max-height: 800px !important;
    		overflow-y: scroll;
		}

		td{
			vertical-align: middle !important;
			text-align: center !important;
		}
		th{
			vertical-align: middle !important;
			text-align: center !important;
		}

		table td {
			position: relative;
		}

		.table-dark{
			position: sticky; top: 0;
			z-index: 999;
		}

		.table-bordered th, .table-bordered td { border: 1px solid #0A1D37!important }

		.table-striped>tbody>tr:nth-child(odd)>td,
		.table-striped>tbody>tr:nth-child(odd)>th {
			background-color: rgb(6, 184, 238);
			color: black;
		}
		.table-striped>tbody>tr:nth-child(even)>td,
		.table-striped>tbody>tr:nth-child(even)>th {
			background-color: bisque;
			color: black;
		}

		table td input {
			background: transparent;
			position: absolute;
			display: block;
			top:0;
			left:0;
			margin: 0;
			height: 100%;
			width: 100%;
			border: none;
			padding: 10px;
			box-sizing: border-box;
		}
	</style>
@endpush

@section('content')

@include('layouts.include._breadcrumb')

<div class="page-content-wrapper">

	{{-- <div class="row">
		<div class="col-xl-3 col-md-6">
				<div class="card mini-stats">
						<div class="p-3 mini-stats-content">
								<div class="mb-4">
										<div class="float-end text-end">
												<h2 class="my-3 program display-6"> 100 </h2>
										</div>
										<span><i class="mdi mdi-cube-outline display-3 text-white"></i></span>
								</div>
						</div>
						<div class="mx-3">
								<div class="card mb-0 border p-3 mini-stats-desc">
										<div class="text-center">
												<h4>Program RPJMD</h4>
										</div>
								</div>
						</div>
				</div>
		</div>
	</div> --}}
    
	{{-- CHART --}}
	<div class="row">
			<div class="col-md-12">
				<div class="card" style="background: antiquewhite;">
						<div class="card-body">
							<div class="p-3">
								<h4 class="font-size-18 text-center">VISI KOTA SAMARINDA 2021-2026</h4>
								<h4 class="font-size-18 text-center mb-4"> <b>"Terwujudnya Samarinda Sebagai Kota Pusat Peradaban"</b></h4>

								<p>Visi ini diwujudkan melalui 5 (lima) <b> MISI </b> yaitu:</p>
								<ol>
									<li>
										Mewujudkan Masyarakat Kota yang Religius, Unggul & Berbudaya
									</li>
									<li>
										Mewujudkan Perekonomian Kota yang Maju, Mandiri, Berkerakyatan & Berkeadilan.
									</li>
									<li>
										Mewujudkan Pemerintahan yang Profesional, Transparan, Akuntabel dan bebas Korupsi.
									</li>
									<li>
										Mewujudkan Infrastruktur yang mantap & Modern.
									</li>
									<li>
										Mewujudkan Lingkungan Kota yang Aman, Nyaman, Harmoni & Lestari.
									</li>
								</ol>
							</div>
						</div>
				</div>
		</div>
		
	</div>

</div>



@endsection