@extends('guest.layout.main')
@section('body_main_guests')

<section class="section py-5 bg-light">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <ul class="nav nav-tabs mb-4 " id="tabJenisMenu">
                    <li class="nav-item"><a class="nav-link active text-success" href="#" data-filter="makanan">Makanan</a></li>
                    <li class="nav-item "><a class="nav-link text-black" href="#" data-filter="minuman">Minuman</a></li>
                    <li class="nav-item"><a class="nav-link text-black" href="#" data-filter="snack">Snack</a></li>
                    <li class="nav-item"><a class="nav-link text-black" href="#" data-filter="paket">Paket</a></li>
                </ul>
            </div>
            <div class="col-md-6">
                 <div class="mb-4">
                     <input type="text" class="form-control" id="searchMenu" placeholder="Pencarian...">
                </div>
            </div>
        </div>
        <div id="order_guest_id"></div>
    </div>
</section>

<script src="{{ ver('/js/order_guest/_init.js') }}"></script>
<script src="{{ ver('/js/order_guest/index.js') }}"></script>

@endsection