@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="active 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="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 -->
						
						<!-- Appointment -->
						<div class="booking-service card shadow-none">
							<div class="card-body">
								<div class="row align-items-center">
									<div class="col-lg-5">
										<div class="d-flex align-items-center">
											<div class="flex-shrink-0 service-img me-3">
												<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>
												<h5 class="my-2">{{ $products->source_name }}</h5>
												<br />
<b>Warning</b>:  Undefined variable $service_offerd in <b>/home/acehost1/public_html/eazzybooking.com/resources/views/booking.blade.php</b> on line <b>83</b><br />
<br />
<b>Fatal error</b>:  Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /home/acehost1/public_html/eazzybooking.com/resources/views/booking.blade.php:83
Stack trace:
#0 {main}
  thrown in <b>/home/acehost1/public_html/eazzybooking.com/resources/views/booking.blade.php</b> on line <b>83</b><br />