{% extends '@FoodAirwaySite/base.html.twig' %}
{%block metaTitle%}Food Airway{%endblock%}
{%block metaDescription%}
<meta name="description" content="Now Available in Ludhiana. First of its kind Online Kitchen where you can see your food being cooked live. Order food online at food airway and ditch the cliche.">
{%endblock%}
{% block body %}
<section class="pt-5 pb-5 homepage-search-block position-relative">
<div class="banner-overlay"></div>
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-md-8">
<div class="homepage-search-title">
<h2 class="mb-2 font-weight-normal"><span class="font-weight-bold">You don’t need a reason to order Good Food!</h2>
<h5 class="mb-5 text-secondary font-weight-normal">From Our Kitchens to your Doorsteps</h5>
</div>
<div class="homepage-search-form">
<form class="form-noborder">
<div class="form-row">
<div class="col-lg-9 col-md-9 col-sm-12 form-group">
<select class="form-control form-control-lg" id="homePageSearch" data-action="{{path('food_airway_api_fetch_area_detail')}}"></select>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 form-group">
<div id="result"></div>
<a href="{{path('food_airway_site_product_listing')}}" class="btn btn-primary btn-block btn-lg btn-gradient">Search</a>
</div>
</div>
</form>
</div>
<div class="owl-carousel owl-carousel-category owl-theme">
{%for product in products %}
{%if product.products|length>0 %}
<div class="item">
<div class="osahan-category-item">
<a href="#category-{{product.id}}" title="{{product.categoryName}}" alt="{{product.categoryName}}">
<img class="img-fluid" src="{{product.products[0].filePath}}">
<h6>{{product.categoryName|substr(8)}}</h6>
<p>{{product.products|length}} ITEMS</p>
</a>
</div>
</div>
{%endif%}
{%endfor%}
</div>
</div>
<div class="col-md-4">
<div class="osahan-slider pl-4 pt-3">
<div class="owl-carousel homepage-ad owl-theme">
<div class="item">
<a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/hygienic-food.jpg')}}"></a>
</div>
<div class="item">
<a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/tiffin-supply.jpg')}}"></a>
</div>
<div class="item">
<a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/live-kitchen.jpg')}}"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section pt-5 pb-5 bg-white mobile-download-section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="app-screen" style="background-image:url({{asset('bundles/foodairwaysite/img/download.jpg')}});"></div>
</div>
<div class="col-lg-7 col-md-8">
<div class="section-header text-left">
<h2>Customise Your Meals from your phone</h2>
<p>Browse through our kitchen menus and serve your hunger pangs with delicious, nutritious and hygienic food.</p>
</div>
<div class="app-line"><p>Get the link to download the Food Airway App on your phone now.</p></div>
<form id="sendAppLinkPhoneForm" action="" method="POST">
<div class="input-group mb-3">
<input type="text" placeholder="+91" class="col-lg-2 col-md-2 col-3 form-control">
<input type="text" aria-label="Text input with checkbox" class="col-lg-7 col-md-6 col-9 form-control" placeholder="Enter Phone Number" name="appLinkPhoneNumber" id="appLinkPhoneNumber">
<input type="submit" aria-label="Text input with checkbox" class="col-lg-3 col-md-4 btn btn-primary" value="Text App Link">
</div>
</form>
<div class="row">
<div class="col-md-12 divider-main">
<div class="ui horizontal divider">OR</div>
</div>
</div>
<form id="sendAppLinkEmailForm" action="" method="POST">
<div class="input-group mt-3">
<input type="email" aria-label="Text input with checkbox" class="col-lg-9 col-md-8 col-12 form-control" placeholder="Enter Email" name="appLinkEmail" id="appLinkEmail">
<input type="submit" aria-label="Text input with checkbox" class="col-lg-3 col-md-4 col-12 btn btn-primary" value="Email App Link">
</div>
</form>
<div class="row download-app-icons mt-4">
<div class="col-md-12">
<a target="blank" href="https://play.google.com/store/apps/details?id=com.foodairways">
<img src="{{asset('bundles/foodairwaysite/img/googleplay.png')}}" class="img-fluid" />
</a>
<a target="blank" href="https://apps.apple.com/us/app/food-airway/id1552633176">
<img src="{{asset('bundles/foodairwaysite/img/applestore.png')}}" class="img-fluid" />
</a>
</div>
</div>
</div>
</div>
</div>
</section>
{%if not app.user %}
<section class="section pt-5 pb-5 bg-white becomemember-section border-bottom">
<div class="container">
<div class="section-header text-center white-text">
<h2>Join The Family</h2>
<p>Because we serve food as tasty as your family at home does.</p>
<span class="line"></span>
</div>
<div class="row">
<div class="col-sm-12 text-center">
<a href="javascript:void(0)" class="btn btn-success btn-lg createAccountBtn">
Join Now <i class="fa fa-chevron-circle-right"></i>
</a>
</div>
</div>
</div>
</section>
{%endif%}
<input id="fetchAddressFromLatLongUrl" type="hidden" value="{{path('food_airway_site_google_fetch_address')}}">
{%endblock%}