@extends('app')

@section('content')

    <div class="headline">Termine</div>

    <div class="row">
        <div class="col-lg-12">
            <table class="table">
            <thead>
            <tr>
                <th>Datum</th>
                <th>Uhrzeit</th>
                <th>Bezeichnung</th>
                <th>Ort/Treffpunkt</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>19.02.16</td>
                <td>18:00 - 19:00</td>
                <td>Verlängerung der Angelpapiere (1. Termin)</td>
                <td>Kaiser Dorfkrug (Picker)</td>
            </tr>
            <tr>
                <td>19.02.16</td>
                <td>19:00</td>
                <td>Jahreshauptversammlung</td>
                <td>Kaiser Dorfkrug (Picker)</td>
            </tr>
            <tr>
                <td>26.02.16</td>
                <td>14:00</td>
                <td>1. Arbeitsdienst / Teil 1</td>
                <td>Auebucht</td>
            </tr>
            <tr>
                <td>27.02.16</td>
                <td>8:00</td>
                <td>1. Arbeitsdienst / Teil 2</td>
                <td>Auebucht</td>
            </tr>
            <tr>
                <td>28.02.16</td>
                <td>10:00 - 11:30</td>
                <td>Verlängerung der Angelpapiere (2. Termin)</td>
                <td>Kaiser Dorfkrug (Picker)</td>
            </tr>
            <tr>
                <td>20.03.16</td>
                <td>10:00 - 11:30</td>
                <td>Verlängerung der Angelpapiere (3. Termin)</td>
                <td>Kaiser Dorfkrug (Picker)</td>
            </tr>
            <tr>
                <td>20.08.16</td>
                <td>13:00</td>
                <td>2. Arbeitsdienst</td>
                <td>Bruchsee</td>
            </tr>
            <tr>
                <td>05.11.16</td>
                <td>8:00</td>
                <td>3. Arbeitsdienst</td>
                <td>Gabelweiher</td>
            </tr>
            </tbody>
        </table>
        </div> <!-- Termine -->
    </div>

    <div class="row">
        <div class="container">
            <!-- Large modal -->
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Anmerkungen</button>

            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                            <h4 class="modal-title" id="myLargeModalLabel">Anmerkungen</h4>
                        </div>
                        <div class="modal-body">
                            <ul>
                                <li>
                                    Die Arbeitsdienste können, nach Bedarf, an allen Gewässern durchgeführt werden.
                                </li>
                                <li>
                                    Zu den jeweiligen Arbeitsdiensten sind eigene Utensilien (Arbeitshandschuhe, Werkzeuge) mitzubringen.
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- Anmerkung -->
    </div>
@stop