{namespace neos=Neos\Neos\ViewHelpers}
{namespace gg=GesagtGetan\Inquiry\ViewHelpers}

<f:layout name="Default" />
<f:section name="Title">Anfragen - Detail</f:section>
<f:section name="Content">
<div class="neos-module-container">
    <div class="neos-row-fluid">
        <div class="neos-span5">
            <legend>{neos:backend.translate(id: 'inquiries.detail.personal', value: 'Persönliche Daten')}</legend>
            <table class="neos-info-table">
                <tbody>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.title', value: 'Anrede')}</th>
                        <td>
                            <f:if condition="{inquiry.title}">
                                <f:then>{inquiry.title}</f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.firstName', value: 'Vorname')}</th>
                        <td>
                            <f:if condition="{inquiry.firstName}">
                                <f:then>{inquiry.firstName}</f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.lastName', value: 'Nachname')}</th>
                        <td>
                            <f:if condition="{inquiry.lastName}">
                                <f:then>{inquiry.lastName}</f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.email', value: 'E-Mail')}</th>
                        <td>
                            <f:if condition="{inquiry.email}">
                                <f:then><a href="mailto:{inquiry.email}">{inquiry.email}</a></f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.telephone', value: 'Telefon')}</th>
                        <td>
                            <f:if condition="{inquiry.telephone}">
                                <f:then>{inquiry.telephone}</f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.newsletter', value: 'Newsletter')}</th>
                        <td>
                            <f:switch expression="{inquiry.newsletter}">
                                <f:case value="0">{neos:backend.translate(id: 'inquiries.newsletterno', value: 'Nein')}</f:case>
                                <f:case value="1">{neos:backend.translate(id: 'inquiries.newsletteryes', value: 'Ja')}</f:case>
                            </f:switch></td>
                        </td>
                    </tr>
                    <tr>
                        <th>{neos:backend.translate(id: 'inquiries.detail.type', value: 'Typ')}</th>
                        <td>
                            <f:if condition="{inquiry.type}">
                                <f:then>{inquiry.type}</f:then>
                                <f:else>-</f:else>
                            </f:if>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="neos-span5">
            <legend>{neos:backend.translate(id: 'inquiries.detail.message', value: 'Nachricht')}</legend>
            <div>
                <f:if condition="{inquiry.additionalInformation} || {inquiry.message}">
                    <f:then>
                        <p>{inquiry.additionalInformation -> f:format.nl2br()}</p>
                        <p>{inquiry.message -> f:format.nl2br()}</p>
                    </f:then>
                    <f:else>-</f:else>
                </f:if>
            </div>
        </div>
    </div>
    <div class="neos-row-fluid">
        <div class="neos-span5">
            <legend>{neos:backend.translate(id: 'inquiries.detail.address', value: 'Adresse')}</legend>
            <table class="neos-info-table">
                <tbody>
                <tr>
                    <th>{neos:backend.translate(id: 'inquiries.detail.street', value: 'Straße')}</th>
                    <td>
                        <f:if condition="{inquiry.street}">
                            <f:then>{inquiry.street}</f:then>
                            <f:else>-</f:else>
                        </f:if>
                    </td>
                </tr>
                <tr>
                    <th>{neos:backend.translate(id: 'inquiries.detail.postcode', value: 'PLZ')}</th>
                    <td>
                        <f:if condition="{inquiry.postcode}">
                            <f:then>{inquiry.postcode}</f:then>
                            <f:else>-</f:else>
                        </f:if>
                    </td>
                </tr>
                <tr>
                    <th>{neos:backend.translate(id: 'inquiries.detail.city', value: 'Stadt')}</th>
                    <td>
                        <f:if condition="{inquiry.city}">
                            <f:then>{inquiry.city}</f:then>
                            <f:else>-</f:else>
                        </f:if>
                    </td>
                </tr>
                <tr>
                    <th>{neos:backend.translate(id: 'inquiries.detail.country', value: 'Land')}</th>
                    <td>
                        <f:if condition="{inquiry.country}">
                            <f:then>{inquiry.country}</f:then>
                            <f:else>-</f:else>
                        </f:if>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="neos-span5">
            <legend>{neos:backend.translate(id: 'inquiries.detail.fields', value: 'Zusätzliche Felder')}</legend>
            <table class="neos-info-table">
                <tbody>
                <f:for each="{inquiry.fields}" key="fieldname" as="field">
                    <f:if condition="{fieldname} !== 'fileUpload'">
                        <f:then>
                            <tr>
                                <th>{fieldname}</th>
                                <td>
                                    <gg:isArray array="{field}">
                                        <f:then>
                                            <f:for each="{field}" key="subkey" as="subvalue">
                                                {subvalue} <br/>
                                            </f:for>
                                        </f:then>
                                        <f:else>
                                            {field}
                                        </f:else>

                                    </gg:isArray>
                                </td>
                            </tr>
                        </f:then>
                    </f:if>
                </f:for>

                </tbody>
            </table>
        </div>
    </div>
    <div class="neos-footer">
        <f:link.action action="index" class="neos-button">{neos:backend.translate(id: 'back', value: 'Back')}</f:link.action>

        <button class="neos-button neos-button-danger" title="{neos:backend.translate(id: 'inquiry.show.clickToDeleteInquiry', value: 'Click here to delete this inquiry')}" data-toggle="modal" href="#delete">
            <i class="fas fa-trash"></i> {neos:backend.translate(id: 'inquiry.show.deleteInquiry', value: 'Delete Inquiry')}
        </button>
        <div class="neos-hide" id="delete">
            <div class="neos-modal">
                <div class="neos-modal-header">
                    <button type="button" class="neos-close" data-dismiss="modal"></button>
                    <div class="neos-header">{neos:backend.translate(id: 'inquiry.show.buttonDelete', value: 'Do you really want to delete this inquiry?')}</div>
                    <div>
                        <div class="neos-subheader">
                            {neos:backend.translate(id: 'inquiry.show.deleteDialogWarning', value: 'This will delete the inquiry')}
                            {neos:backend.translate(id: 'inquiry.show.operationCannotBeUndone', value: 'This operation cannot be undone')}.
                        </div>
                    </div>
                </div>
                <div class="neos-modal-footer">
                    <a href="#" class="neos-button" data-dismiss="modal">{neos:backend.translate(id: 'cancel', value: 'Cancel', source: 'Modules', package: 'Neos.Neos')}</a>
                    <f:form action="delete" arguments="{inquiry: inquiry}" class="neos-inline">
                        <button type="submit" class="neos-button neos-button-danger" title="{neos:backend.translate(id: 'inquiry.show.deleteInquiry', value: 'Delete Inquiry')}">
                            {neos:backend.translate(id: 'inquiry.show.confirmDeleteButton', value: 'Yes, delete the inquiry')}
                        </button>
                    </f:form>
                </div>
            </div>
            <div class="neos-modal-backdrop neos-in"></div>
        </div>
    </div>
</div></f:section>