@section('header-menu') @include('layouts.partials.home.navbar') @endsection
{{-- @section('footer') @include('layouts.partials.home.footer') @endsection --}}

<div>
	<div class="nav-bg pt-2 pb-5">
		{{-- Check Icon --}}
		<div class="d-flex justify-content-center mb-2">
			<div class="nav-bg rounded-circle p-1" style="border: 5px solid #fff; box-shadow: 0 0 3px 3px #c5c5c5;">
				<div class="nav-bg rounded-circle" style="border: 5px solid #fff;">
					<svg class="text-white" style="height: 80px; width: 80px;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
				</div>
			</div>
		</div>		
		{{-- End Check Icon --}}
		<div class="text-center text-white container">
			<h1 class="text-white"> RP. {{ number_format($transaksi->total_biaya , 0, ',', '.') }} </h1>
			<small class="text-capitalize" style="font-size: 18px;"> Proses Booking Telah Berhasil Dilakukan  </small>
			<div class="d-flex justify-content-center my-2">
				<div class="p-3" style="border-radius: 25px; background: #12ac88; width: fit-content;">Admin Akan Segera Verifikasi Booking Anda</div>
			</div>
		</div>
	</div>

	<div class="nav-bg pb-3">
	</div>

	<div class="container mb-5 text-center" style="margin-top: -3em; ">
		<div class="p-3 bg-white" style="box-shadow: 0 0 3px 3px #c5c5c5; border-radius: 25px;">
			<p> Kode Booking : {{ $transaksi->kode_transaksi }} </p>
			<p> Nomor Telepon : {{ $transaksi->telepon }} </p>
			<p> Atas Nama : {{ $transaksi->nama }} </p>
			<p> Cabang : {{ $cabang }} </p>
		</div>
	</div>

</div>