## Copyright 2010, Intevation GmbH, Germany, <info@intevation.de>
##
## This file is part of FGSK.
##
## FGSK is free software: you can redistribute it and/or modify it under
## the terms of the GNU General Public License as published by the
## Free Software Foundation, either version 2 of the License, or (at your
## option) any later version.
##
## FGSK is distributed in the hope that it will be useful, but WITHOUT
## ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
## FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public
## License for more details.
##
## You should have received a copy of the GNU General Public
## License along with FGSK. If not, see <http://www.gnu.org/licenses/>.
##
## FGSK has been developed on behalf of the
## Landesamt fuer Umwelt und Geologie Mecklenburg Vorpommern (LUNG-MV)
## by Intevation GmbH. 
## biota Institut fuer oekologische Forschung und Planung GmbH has provided
## the functional background.
##
## Authors:
## Tim Englich <tim.englich@intevation.de>
## Ingo Weinzierl <ingo.weinzierl@intevation.de>

<%inherit file="/form.html" />

<%def name="title()">
    Uferstruktur
</%def>

<%def name="navigation()">
    ${self.navigation_bar(u'uferstruktur')}
</%def>

<%def name="uferstruktur()">
    <div class="table-row uferstruktur-first-row">
        <fieldset>
            <legend>Uferbewuchs</legend>

            <!-- FIRST COL -->
            <div class="table-row">
                <div class="col-left ufer-bewuchs-first">&nbsp;</div>
                <div class="col-left ufer-bewuchs-second">&nbsp;</div>
                <div class="col-left ufer-bewuchs-third">
                    talraumtypisch
                </div>
            </div>

            <div class="table-row">
                <div class="col-left ufer-bewuchs-first">
                    Uferbewuchs links
                </div>
                <div class="col-left ufer-bewuchs-second">
                    ${self.select('ufer_bewuchs_links', c.ufer_links_selected,
                                  c.ufer_bewuchs_opts)}
                </div>
                <div class="col-left ufer-bewuchs-third">
                    ${self.single('bewuchs_links_typisch',
                                  [[1, 'Ja', 'Ja'],[0, 'Nein', 'Nein']],
                                  multi_line=False)}
                </div>
            </div>
            <div class="table-row">
                <div class="col-left ufer-bewuchs-first">
                    Uferbewuchs rechts
                </div>
                <div class="col-left ufer-bewuchs-second">
                    ${self.select('ufer_bewuchs_rechts', c.ufer_links_selected,
                                  c.ufer_bewuchs_opts)}
                </div>
                <div class="col-left ufer-bewuchs-third">
                    ${self.single('bewuchs_rechts_typisch',
                                  [[1, 'Ja', 'Ja'],[0, 'Nein', 'Nein']],
                                  multi_line=False)}
                </div>
            </div>
        </fieldset>
    </div>

    <div class="table-row uferstruktur-second-row">
        <div class="col-left uferverbau-col">
            <fieldset>
                <legend>Uferverbau</legend>
                <!-- SECOND COL -->
                <div class="col-left ufer-verbau-links">
                    Links
                </div>
                <div class="col-left ufer-verbau-rechts">
                    Rechts
                </div>
                <div class="col-left ufer-verbau-links">
                    ${self.right_single('ufer_verbau_links', c.ufer_verbau_opts,
                                        descriptions=False)}
                </div>
                <div class="col-left ufer-verbau-rechts">
                    ${self.single('ufer_verbau_rechts', c.ufer_verbau_opts)}
                </div>
            </fieldset>
        </div>
        <div class="col-left uferverbau-zustand-col">
            <fieldset>
                <legend>Zustand</legend>
                <!-- SECOND COL -->
                <div class="col-left ufer-verbau-zustand-links">
                    Links
                </div>
                <div class="col-left ufer-verbau-zustand-rechts">
                    Rechts
                </div>
                <div class="col-left ufer-verbau-zustand-links">
                    ${self.right_single('ufer_zverbau_links', c.ufer_zverbau_opts,
                                        descriptions=False)}
                </div>
                <div class="col-left ufer-verbau-zustand-rechts">
                    ${self.single('ufer_zverbau_rechts', c.ufer_zverbau_opts)}
                </div>
            </fieldset>
        </div>
    </div>

    <div class="table-row uferstruktur-third-row">
        <div class="col-left uferstrukturen-col">
            <fieldset>
                <legend>Anzahl besonderer Uferstrukturen</legend>
                <div class="table-row">
                    <div class="col-left ufer-strukturen-intern-desc">
                        L
                    </div>
                    <div class="col-left ufer-strukturen-intern-form">
                        <input type="hidden" name="strukturen_links">
                        ${self.anzahl(c.anzahl_uferstrukturen_opts, multi_line=False,
                                      postfix=c.postfix_strukturen_links,
                                      labels_above=True)}
                    </div>
                </div>
                <div class="table-row">
                    <div class="col-left ufer-strukturen-intern-desc"
                    style="top: 5px;">
                        R
                    </div>
                    <div class="col-left ufer-strukturen-intern-form">
                        <input type="hidden" name="strukturen_rechts">
                        ${self.anzahl(c.anzahl_uferstrukturen_opts, multi_line=False,
                                      postfix=c.postfix_strukturen_rechts,
                                      labels=False)}
                    </div>
                </div>
            </fieldset>
        </div>

        <div class="col-left uferbelastungen-col">
            <fieldset>
                <legend>Anzahl besonderer Uferbelastungen</legend>
                <div class="table-row">
                    <div class="col-left ufer-belastungen-intern-desc">
                        L
                    </div>
                    <div class="col-left ufer-belastungen-intern-form">
                        ${self.anzahl(c.anzahl_uferbelastungen_opts, multi_line=False,
                                      postfix=c.postfix_belastungen_links,
                                      labels_above=True)}
                        <input type="hidden" name="belastungen_links">
                    </div>
                </div>
                <div class="table-row">
                    <div class="col-left ufer-belastungen-intern-desc" style="top: 7px;">
                        R
                    </div>
                    <div class="col-left ufer-belastungen-intern-form">
                        ${self.anzahl(c.anzahl_uferbelastungen_opts, multi_line=False,
                                      postfix=c.postfix_belastungen_rechts,
                                      labels=False)}
                        <input type="hidden" name="belastungen_rechts">
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
</%def>

${h.form(h.url_for(controller='uferstruktur', action='submit'), method='post')}
<div class="table small-font">
    ${self.stammdaten()}

    ${self.uferstruktur()}

    <div class="table-row">
        <hr class="divide" />
    </div>
    ${self.controls('sohlenstruktur', 'uferstruktur', 'gewaesserumfeld')}
</div>