<f:layout name="Default" />
<f:section name="Title">Neuen Anlandekontrolle anlegen</f:section>
<f:section name="JS" >
<script>
    $(document).ready(function()
    {
        // sends the addFieldsButton to the addFieldsAction instead of createAction
        $("#addFieldsButton").click(function()
        {
            $("#depositInspectionForm").submit(function()
            {
                $('#depositInspectionForm').attr('action', 'xxx.intranet.fisheryinspection/depositinspection/addFields');
                return true;
            });
        });
    });
</script>
</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">
        <fieldset><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" 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}" 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">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><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" id="__addFields" class="form-control" tabindex="10"/></div>
                <div class="col-md-2"><button type="submit" accesskey="l" name="_addFields" 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-4"><f:form.select property="deposits.{i.index}.deposit" options="{deposits}" class="form-control" /></div>
                <div class="col-md-3"><f:form.textfield property="deposits.{i.index}.amount" placeholder="Menge" class="form-control" /></div>
            </div>
            </f:for>

            <hr />
            <fieldset><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" tabindex="13"/></div>
                </div>
            </fieldset>

            <hr />
            <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>