<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
</html>
<?php get_header(); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <main class="pt-110">
		<section id="menuItemWrapper">
			<div class="row">
				<div class="col-lg-5 menuItemImage" style="background-image: url(https://inquiringchef.com/wp-content/uploads/2023/02/Authentic-Pad-Thai_square-1908.jpg);">
					<div class="overlay">
					<h1><?php the_title(); ?></h1>
					</div>
				</div>
				<?php if( have_rows('food_item_list') ): ?>
					<?php while( have_rows('food_item_list') ): the_row(); ?>
                    <div class="col-lg-7 menuDesignArea ">
					    <div class="menuItemHeading"><?php the_sub_field('food_category_name'); ?></div>
						<ul>
							<?php if( have_rows('item_list') ): ?>
								<?php while( have_rows('item_list') ): the_row(); $i++; ?>
								<li class="d-flex align-item-center">
									<div class="sl"><?php echo $i; ?>.</div>
									<div class="foodDetails">
									<h4><?php the_sub_field('food_name'); ?></h4>
									<p><?php the_sub_field('food_description'); ?></p>
									</div>
									<div class="price">
									<b><?php the_sub_field('Price'); ?></b>
									</div>
								</li>
								<?php endwhile; ?>
							<?php endif; ?>
						</ul>
					</div>
					<?php endwhile; ?>
				<?php endif; ?>
			</div>
		</section>
	</main>
    <?php endwhile; endif; ?>
<?php get_footer(); ?>