@extends('front')
	@section('content')

 <!-- Breadcrumb -->
 <div class="breadcrumb-bar text-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-12">
					<h2 class="breadcrumb-title mb-2">{{ __('Bookings') }}</h2>
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb justify-content-center mb-0">
							<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="ti ti-home-2"></i></a></li>
                            <li class="breadcrumb-item">{{ __('Customer') }}</li>
							<li class="breadcrumb-item active" aria-current="page">{{ __('Bookings') }}</li>
						</ol>
					</nav>
				</div>
			</div>
			<div class="breadcrumb-bg">
            <img src="{{ asset('front/img/bg/breadcrumb-bg-01.png') }}" class="breadcrumb-bg-1" alt="Img">
            <img src="{{ asset('front/img/bg/breadcrumb-bg-02.png') }}" class="breadcrumb-bg-2" alt="Img">
			</div>
		</div>
	</div>
	<!-- /Breadcrumb -->

    <!-- Page Wrapper -->
     <div class="page-wrapper">
        <div class="content">
            <div class="container">
                <div class="row">

					<!-- Booking -->
					<div class="col-lg-12">

						<!-- Booking Step -->
						<ul class="step-register row">
							<li class=" col-md-4">
								<div class="multi-step-icon">
									<img src="{{ asset('front/img/icons/calendar-icon.svg') }}" alt="img">
								</div>
								<div class="multi-step-info">
									<h6>{{ __('Appointment') }}</h6>
									<p>{{ __('Choose time & date for the service') }}</p>
								</div>
							</li>
							<li class="active col-md-4">
								<div class="multi-step-icon">
									<img src="{{ asset('front/img/icons/wallet-icon.svg') }}" alt="img">
								</div>
								<div class="multi-step-info">
									<h6>{{ __('Payment') }}</h6>
									<p>{{ __('Select Payment Gateway') }}</p>
								</div>
							</li>
							<li class="col-md-4">
								<div class="multi-step-icon">
									<img src="{{ asset('front/img/icons/book-done.svg') }}" alt="img">
								</div>
								<div class="multi-step-info">
									<h6>{{ __('Done') }} </h6>
									<p>{{ __('Completion of Booking') }}</p>
								</div>
							</li>
						</ul>
						<!-- /Booking Step -->

						<!-- Booking Payment -->
						<div class="row">
							<div class="col-lg-6">
								<h5 class="pay-title">{{ __('Payment Methods') }}</h5>
								<div class="row g-3">
																	

									

</div>
</div>
							<div class="col-lg-6">
								<h5 class="pay-title">{{ __('Booking Summary') }}</h5>
								<div class="summary-box">
									<div class="booking-info">
										<div class="service-book">
											<div class="service-book-img">
												<img src="{{Modules\Product\app\Models\Productmeta::select('source_Values','source_key')->where('product_id','=',$products->id)->where('source_key', 'product_image')->first()->showImage()}}" alt="img">
											</div>
											<div class="serv-profile">
												<span class="badge badge-soft-primary">{{  Modules\Categories\app\Models\Categories::select('name')->where('id','=',$products->source_category)->first()->showcategoryname() }}</span>
												<h2>{{ $products->source_name }}</h2>
												<u>{{ __('Additional Service') }}</u>