{% extends 'layouts/base.html' %}


{% block main %}

    <div class="grid-container">
        <div class="order-section">
            <div class="order-view">
                <table class="centered">
                    <thead>
                    <tr>
                        <th>QT</th>
                        <th>Item</th>
                        {#                        <th class="center-align">$</th>#}
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>5</td>
                        <td>ITEM - - - OPTION</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>ITEM - - -OPTION</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="order-info">
                <ul class="my0">
                    <li>
                        <pre class="my0">Sub-Total: <span class="right">100.00</span></pre>
                    </li>
                    <li>
                        <pre class="my0">Discount: <span class="right">00.00</span></pre>
                    </li>
                    <li>
                        <pre class="my0">Tax(8.25%): <span class="right">8.25</span></pre>
                    </li>
                    <li>
                        <pre class="my0">Total: <span class="right">108.25</span></pre>
                    </li>
                </ul>
            </div>
            <div class="order-payout center">
                <a href="#" class="btn blue accent-4 waves-effect waves-light rounded">108.25</a>
            </div>
        </div>

        <div class="menu-section">
            <div class="menu-view">
                <div class="row my0">
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col s6 m3">
                        <a href="#">
                            <div class="card rounded">
                                <div class="card-image">
                                    <img src="{{ url_for('static', filename='img/sample.jpg') }}" alt="">
                                    <span class="card-title">Item</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}