@extends('layout/admin')

@section('tittle', 'Info Kontak')

@section('container')
<header class="page-header">
	<h2>@yield('tittle')</h2>

	<div class="right-wrapper text-end">
		<ol class="breadcrumbs">
			<li>
				<a href="index.html">
					<i class="bx bx-home-alt"></i>
				</a>
			</li>

			<li><span>Home</span></li>

			<li><span>@yield('tittle')</span></li>

		</ol>

		<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fas fa-chevron-left"></i></a>
	</div>
</header>

<!-- start: page -->

<div class="row">
	<div class="col-lg-12 col-xl-6 mb-4 mb-xl-0">
		<section class="card">
			<div class="card-body">
				<div class="thumb-info mb-3">
					<img src="{{url('admin/img/logo_.png')}}" class="rounded img-fluid" alt="">
					<div class="thumb-info-title">
						<span class="thumb-info-inner">Stita Albukhary</span>
						<span class="thumb-info-type">-</span>
					</div>
				</div>

				<hr class="dotted short">
				<div class="row">
					<div class="col-sm-12 mt-3">
						<h3>
							<i class="fas fa-map-marker text-center" style="width: 19.81px;"></i><span style="padding-left: 10px;"> {{$alamat->link}}</span>
						</h3>
					</div>
					<div class="col-sm-6 mb-3">
						<h3>
							<i class="fas fa-phone text-center" style="width: 19.81px;"></i><span style="padding-left: 10px;"> {{$telp->link}}</span>
						</h3>
					</div>
					<div class="col-sm-6 mb-3">
						<h3>
							<i class="far fa-envelope text-center" style="width: 19.81px;"> </i><span style="padding-left: 10px;"> {{$email->link}}</span>
						</h3>
					</div>
				</div>
				<hr class="dotted short">
				<div class="widget-toggle-expand mb-3">
					<ul class="simple-post-list">
						<li>
							<div class="post-image">
								<div class="img-thumbnail rounded-circle text-center" style="width: 30px;">
									<a href="#">
										<i class="fab fa-facebook-f"></i>
									</a>
								</div>
							</div>
							<div class="post-info">
								<div class="post-meta">
									{{$facebook->name}}
								</div>
								<a href="#">{{$facebook->link}}</a>
							</div>
						</li>
						<li>
							<div class="post-image">
								<div class="img-thumbnail rounded-circle text-center" style="width: 30px;">
									<a href="#">
										<i class="fab fa-instagram" style="color: rgb(193, 53, 132);"></i>
									</a>
								</div>
							</div>
							<div class="post-info">
								<div class="post-info">
									<div class="post-meta">
										{{$instagram->name}}
									</div>
									<a href="#">{{$instagram->link}}</a>
								</div>
							</div>
						</li>
						<li>
							<div class="post-image">
								<div class="img-thumbnail rounded-circle text-center" style="width: 30px;">
									<a href="#">
										<i class="fab fa-twitter"></i>
									</a>
								</div>
							</div>
							<div class="post-info">
								<div class="post-meta">
									{{$twitter->name}}
								</div>
								<a href="#">{{$twitter->link}}</a>
							</div>
						</li>
						<li>
							<div class="post-image">
								<div class="img-thumbnail rounded-circle text-center" style="width: 30px;">
									<a href="#">
										<i class="fab fa-youtube text-danger"></i>
									</a>
								</div>
							</div>
							<div class="post-info">
								<div class="post-meta">
									{{$youtube->name}}
								</div>
								<a href="#">{{$youtube->link}}</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</section>
	</div>
</div>
<div class="row action-buttons">
	<div class="col-12 col-md-auto">
		<a type="button" href="{{url('admin/kontak/form')}}" class="submit-button btn btn-primary btn-px-4 py-3 d-flex align-items-center font-weight-semibold line-height-1" data-loading-text="Loading...">
			<i class="bx bx-edit text-4 me-2"></i> Edit
		</a>
	</div>
</div>
<!-- end: page -->
<!-- end: page -->
@endsection