## -*- coding: utf-8 -*-

<%def name="controls(previous, itself, next)">
    <!-- CONTROLS -->
    <div class="table-row">
        <div class="col-left info-footer">
            Version ${c.version}, r${c.svn} - ${h.link_to(u'Impressum',
                                                          url=c.impressum)}
        </div>
        <% linkDisabled = not session.has_key('kid') or not session['kid']%> 
        % if c.disabled == 'disabled':
            ${h.end_form()}
            % if next and next is not '':
                <div class="col-right controls">
                        ${h.button_to(name='weiter',
                                  url=h.url_for(controller=next,
                                                action='index'),
                                  disabled=linkDisabled)}
                </div>
            % endif
            <div class="col-right controls">
                ${h.button_to(name='editieren',
                              url=h.url_for(controller=itself,
                                            action='edit'))}
            </div>

            % if previous and previous is not '':
                <div class="col-right controls">
                ${h.button_to(name=u'zurück',
                              url=h.url_for(controller=previous,
                                            action='index'))}
                </div>
            % endif
        % else:
            <div class="col-right controls">
                ${h.submit(name='save', value='speichern')}
                ${h.end_form()}
            </div>
            <div class="col-right controls">
                ${h.button_to(name=u'abbrechen',
                              url=h.url_for(controller=itself,
                                            action='index'))}
            </div>
        % endif
    </div>
</%def>

<%def name="navigation_bar(active)">
    <%
        pages = [
            [u'kartierabschnitt', u'Kartierabschnitt'],
            [u'laufentwicklung', u'Laufentwicklung'],
            [u'laengsprofil', u'Längsprofil'],
            [u'querprofil', u'Querprofil'],
            [u'sohlenstruktur', u'Sohlenstruktur'],
            [u'uferstruktur', u'Uferstruktur'],
            [u'gewaesserumfeld', u'Gewässerumfeld'],
        ]
    %>

   <% linkDisabled = not session.has_key('kid') or not session['kid']%>
    % for page in pages:
        % if active.lower() == page[0].lower():
            <div class="col-left navigation-cell-active">
                ${h.button_to(name=page[1],
                              url=h.url_for(controller=page[0],
                                            action='index'),
                              class_='plain-button')}
            </div>
        % else:
            % if not c.disabled:
                % if not linkDisabled:
                <div class="col-left navigation-cell-inactive"
                     onclick="new ConfirmDialog('${h.url_for(controller=page[0],
                                                            action='index')}').confirm()">
                    ${page[1]}
                </div>
                % else:
                 <div class="col-left navigation-cell-inactive">

                    ${h.button_to(name=page[1],
                                url=h.url_for(controller=page[0],
                                              action='index'),
                                class_='plain-button-pointer',
                                disabled=True)}
                 </div>
                % endif
            %  else:
                <div class="col-left navigation-cell-inactive">
                
                    ${h.button_to(name=page[1],
                              url=h.url_for(controller=page[0],
                                            action='index'),
                              class_='plain-button-pointer',
                              disabled=linkDisabled)}
                </div>
            % endif
        % endif
    % endfor
</%def>

<%def name="errors()">
    <div class="table-row error-row">
        % if c.form_errors:
            <fieldset class="error-fieldset">
                <legend class="error">Fehler</legend>
                <table>
                % for error in c.form_errors.keys():
                        <form:iferror name="${error}">
                            <tr>
                                <td class="error-col-label">
                                    ${c.error_labels[error]}:
                                </td>
                                <td class="error-col">
                                    <form:error name="${error}" format="escape">
                                </td>
                                </form:error>
                            </tr>
                        </form:iferror>
                % endfor
                </table>
            </fieldset>
        % endif
    </div>
</%def>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
        <title>Flie&szlig;gew&auml;sserstrukturg&uuml;tekartierung
        Mecklenburg-Vorpommern, ${self.title()}</title>
        <link rel="stylesheet" type="text/css" href="${h.url_for('/mfbase/ext/resources/css/ext-all.css')}"></link>
        <link rel="stylesheet" type="text/css" href="${h.url_for('/mfbase/ext/resources/css/xtheme-gray.css')}"></link>
        <link rel="stylesheet" type="text/css" href="${h.url_for('/styles/base.css')}"></link>
        <script type="text/javascript" src="${h.url_for('/mfbase/ext/adapter/ext/ext-base.js')}"></script>
        <script type="text/javascript" src="${h.url_for('/mfbase/ext/ext-all-debug.js')}"></script>
        <script type="text/javascript" src="${h.url_for('/app/js/fgskmf_bogen.js')}"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!--[if IE]>
            <style>
                .ie-content {
                    width:expression(document.body.clientWidth < 1000
                        ? "1000px" : document.body.clientWidth)
                }

                .ie-header {
                    width:expression(document.body.clientWidth < 1000
                        ? "1000px" : document.body.clientWidth)
                }

                .ie-title {
                }

                .ie-navigation {
                    bottom: -1px;
                    height: 20%;
                    width:expression(document.body.clientWidth < 1000
                        ? "1000px" : document.body.clientWidth)
                }

                fieldset {
                    position: relative;
                    overflow: visible;
                    padding-top: 20px;
                    min-height: 100%;
                }

                .error-fieldset {
                    height: auto;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                legend {
                    position: absolute;
                    top: -.5em;
                    left: .2em;
                    padding-top: 0px;
                    padding-bottom: 0px;
                }

                .navigation-cell-active {
                    padding-top: 10px;
                }

                .navigation-cell-inactive {
                    padding-top: 10px;
                }

                .stammdaten {
                    height: 40px;
                    font-size: 0.95em;
                    width: 94%;
                }
            </style>
        <![endif]-->
    </head>

    <body>
        <div class="header ie-header">
            <div class="title ie-title">
                <h1>${self.title()}</h1>
            </div>
            <div class="navigation ie-navigation">
                ${self.navigation()}
            </div>
        </div>
        <div class="content ie-content">
            ${self.errors()}
            ${self.body()}
        </div>
    </body>
</html>