blade


<!doctype html>
<html lang="en" class="h-100">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Jekyll v3.8.5">
    <title>RMS</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/sticky-footer-navbar/">

    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com/docs/4.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <!-- Custom styles for this template -->
    <link href="https://getbootstrap.com/docs/4.3/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<header>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#">Fixed navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
                </li>
            </ul>
            <form class="form-inline mt-2 mt-md-0">
                <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
            </form>
        </div>
    </nav>
</header>

<!-- Begin page content -->
<br>
<br>
<br>
<main role="main" class="flex-shrink-0">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h1>Category</h1>
                    <?php
                        $menus =DB::table('menus')->get();

                    ?>
                    <br>
                    {{--{{dd($menus)}}--}}

                    @foreach($menus as $menu)
                        <ul class="list-group">
                            <li class="list-group-item"><a href="{{route('food',$menu->id)}}" style="text-decoration:none;">{{$menu->name}}</a></li>
                        </ul>
                    @endforeach
                </div>
                <div class="col-md-4">
                    <h1>Menu</h1>
                    <br>
                    {{--{{dd($foods)}}--}}

                    @if($foods != null)
                        <ul class="list-group">

                            @foreach($foods as $food)
                                <li class="list-group-item  justify-content-between lh-condensed"><a href="{{route('food',$food->id)}}" style="text-decoration:none;">{{$food->name}} </a>
                                    <span class=" text-mute float-right">${{$food->price}}</span>
                                    <br>
                                    <br>
                                    <form action="{{route('cart.show')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="food_id" value="{{ $food->id }}">
                                        <button type="submit" class="btn btn-outline-info btn-sm float-right">Add to Cart</button>
                                    </form>
                                    <br>
                                    @foreach($data as $x )
                                        {{--{{dd($x->fooditem_id)}}--}}
                                        @if($food->id == $x->fooditem_id)
                                            <img height="25" width="25" src="{{URL::asset("storage/upload/$x->file")}}" alt="">
                                        @endif
                                    @endforeach
                                </li>
                            @endforeach

                        </ul>
                    @else
                        {{'No food'}}
                    @endif


                </div>
                <hr>
                <div class="card bg-light mb-3 col-md-4">
                    @if (session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                    @endif
                    <?php

                        $cart = session()->has('cart') ? session()->get('cart') : [];

                        ?>

                        {{--{{dd($cart)}}--}}
                    <h1>Cart</h1>
                    <br>
                    <div class="alert alert-info" v-if="cart.length === 0">
                        Please add some products to your cart.
                    </div>
                    <table id="cart" class="table table-hover table-condensed">
                        <thead>
                        <tr>
                            <th style="width:50%">Product</th>
                            <th style="width:10%">Price</th>
                            <th style="width:8%">Quantity</th>
                            <th style="width:22%" class="text-center">Subtotal</th>
                            <th style="width:10%"></th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($cart as $product)

                            {{--{{dd($product)}}--}}

                            <tr>
                                <td data-th="Product">
                                    <h4 class="nomargin">Fuska</h4>
                                </td>
                                <td data-th="Price">$123</td>
                                <td data-th="Quantity">
                                    <input type="number" value="" class="form-control quantity" />
                                </td>
                                <td data-th="Subtotal" class="text-center">$123</td>
                                {{--<td class="actions" data-th="">--}}
                                {{--<button class="btn btn-info btn-sm update-cart" data-id=""><i class="fa fa-refresh"></i></button>--}}
                                {{--<button class="btn btn-danger btn-sm remove-from-cart" data-id=""><i class="fa fa-trash-o"></i></button>--}}
                                {{--</td>--}}
                            </tr>
                        @endforeach
                        </tbody>

                        <tfoot>
                        {{--<tr class="visible-xs">--}}
                        {{--<td class="text-center"><strong>Total </strong></td>--}}
                        {{--</tr>--}}
                        <tr>
                            <td colspan="2" class="hidden-xs"></td>
                            <td class="hidden-xs text-center"><strong>Total </strong>$123</td>
                        </tr>


                        </tfoot>


                    </table>
                    <a href="#" class="btn btn-warning"><i class="fa fa-angle-left"></i>Check Out</a>
                    <br>
                </div>

            </div>
        </div>
</main>

<footer class="footer mt-auto py-3">
    <div class="container">
        <span class="text-muted">Place sticky footer content here.</span>
    </div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="/docs/4.3/assets/js/vendor/jquery-slim.min.js"><\/script>')</script><script src="/docs/4.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script></body>
</html>