@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid py-4">

        <div class="card">
            <div class="container-fluid mt-4">
                <div style="display: flex">
                    <h2>STUFFING BOARD</h2>
                    <a class="btn btn-primary mt-1 mx-5" href="stuffing_list.html">Stuffing List</a>
                </div>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th colspan="8">Loading A</th>
                        </tr>
                        <tr>
                            <th scope="col"></th>
                            <th>Group A</th>
                            <th>Group B</th>
                            <th>Group C</th>
                            <th>Group D</th>
                            <th>Group E</th>
                            <th>Group F</th>
                            <th>Group G</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">08:00</th>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">09:00</th>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020300</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020305</a></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">10:00</th>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020302</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020307</a></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">11:00</th>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020301</a></td>
                            <td></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020304</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">12:00</th>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">13:00</th>
                            <td></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020303</a></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020306</a></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th scope="row">14:00</th>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a class="btn btn-primary" href="deliveryorder.html" role="button">724020308</a></td>
                        </tr>
                    </tbody>
                </table>
                <br>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>DONE</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        @endsection

        <style>
            #truck {
                width: 50px;
                height: auto;
            }

            table {
                table-layout: fixed;
            }
        </style>

        @push('js')
            <script>
                
            </script>
        @endpush