{namespace lallf=LALLF\Intranet\ViewHelpers}
<f:layout name="Default" />
<f:section name="JS" >
<script>
    $(document).ready(function()
    {
        // sends the addFieldsButton to the addFieldsAction instead of createAction
        $("#addFieldsButton").click(function()
        {
            $("#inspectionForm").submit(function()
            {
                $('#inspectionForm').attr('action', '{f:uri.action(action: "addFields")}');
                return true;
            });
        });
    });
</script>
</f:section>

<f:section name="Title">Neue Anlandekontrolle anlegen</f:section>

<f:section name="Content">

    <div class="col-md-offset-10"><f:link.action action="index"><i class="icon-list"></i> zurück zur Liste</f:link.action></div>

    <f:form class="form-horizontal" method="post" action="create" object="{depositInspection}" objectName="depositInspection" id="inspectionForm">
        <fieldset class="well the-fieldset"><legend class="the-legend">Angaben zur Kontrolle</legend>
            <div class="form-group">
                <div class="col-md-2"><label for="date" class="control-label">Datum | Zeit</label></div>
                <div class="col-md-3"><f:form.textfield name="__date" placeholder="Datum (dd.mm.yy)" id="date" class="form-control onloadfocus" tabindex="1" /></div>
                <div class="col-md-2"><label for="time" class="sr-only">Zeit</label><f:form.textfield name="__time" placeholder="Zeit (hh:mm)" id="date" class="form-control" tabindex="2" /></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="fast" class="control-label">FAST</label></div>
                <div class="col-md-5"><f:form.select property="fast" options="{fasts}" id="fast" class="form-control" tabindex="2"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="depositHarbour" class="control-label">Hafen</label></div>
                <div class="col-md-5"><f:form.textfield property="depositHarbour" placeholder="Hafen" id="depositHarbour" class="form-control" tabindex="3"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="fisheryBadge" class="control-label">FKZ</label></div>
                <div class="col-md-5"><f:form.select property="fisheryBadge" options="{fisheryBadges}" id="fisheryBadge" class="form-control" tabindex="4"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="__newFisheryBadge" class="control-label">... oder FKZ neu</label></div>
                <div class="col-md-5"><f:form.textfield name="__newFisheryBadge" placeholder="neuer Wert für FKZ" id="__newFisheryBadge" class="form-control" tabindex="5"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="nationality" class="control-label">Nationalität</label></div>
                <div class="col-md-5"><f:form.select property="nationality" options="{nationalities}" class="form-control" tabindex="6"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="length" class="control-label">Länge</label></div>
                <div class="col-md-2"><f:form.textfield property="length" placeholder="Länge" id="length" class="form-control" tabindex="7"/></div>
            </div>
            <div class="form-group">
                <div class="col-md-2"><label for="kindOfTarget" class="control-label">Zielart</label></div>
                <div class="col-md-5"><f:form.select property="kindOfTarget" options="{kindOfTargets}" class="form-control" tabindex="8"/></div>
            </div>
        </fieldset>
        <fieldset class="well the-fieldset"><legend class="the-legend">Anlandungen</legend>
            <div class="form-group">
                <div class="col-md-3"><label for="__addFields" class="control-label">Anzahl Eingabefelder</label></div>
                <div class="col-md-1"><f:form.textfield name="__addFields" value="{addFields}" id="__addFields" class="form-control" tabindex="10"/></div>
                <div class="col-md-2"><button type="submit" accesskey="l" id="addFieldsButton" class="btn btn-primary btn-sm"/><u>L</u>aden</button></div>
            </div>
            <hr />
            <div class="row">
                <div class="col-md-2"><strong>Anlandung</strong></div><div class="col-md-4"><strong>Fischart</strong></div><div class="col-md-3"><strong>Menge (in vollen kg)</strong></div>
            </div>
            <hr />
            <f:for each="{depositInspection.deposits}" as="deposit" iteration="i">
                <div class="form-group">
                    <div class="col-md-2">Nr. {lallf:sum(a: i.index, b: 1)}</div>
                    <div class="col-md-4"><f:form.select property="deposits.{i.index}.deposit" options="{deposits}" id="deposit" class="form-control" tabindex="{lallf:sum(a: 11, b: i.index, factor:2)}"/></div>
                    <div class="col-md-3"><f:form.textfield property="deposits.{i.index}.amount" placeholder="Menge" id="amount" class="form-control" tabindex="{lallf:sum(a: 12, b: i.index, factor:2)}"/></div>
                </div>
            </f:for>
        </fieldset>
        <fieldset class="well the-fieldset"><legend class="the-legend">Kontrollhinweise</legend>
            <div class="form-group">
                <div class="col-md-4"><label for="statementNote">Bemerkung</label></div>
                <div class="col-md-5"><f:form.textarea property="statementNote"rows="4" id="statementNote" class="form-control" /></div>
            </div>
        </fieldset>

        <fieldset class="well">
            <div class="form-group">
                <div class="col-md-offset-7 col-md-2"><button accesskey="n" type="submit" name="__next" class="btn btn-primary btn-sm"><u>N</u>ächster Datensatz</button></div>
                <div class="col-md-offset-1 col-md-2"><button accesskey="s" type="submit" name="__save" class="btn btn-primary btn-sm"><u>S</u>peichern</button></div>
            </div>
        </fieldset>
    </f:form>
</f:section>