{namespace be = TYPO3\CMS\Backend\ViewHelpers}

<f:layout name="Event"/>

<f:section name="content">

    <script type="text/javascript">
        /*
        require(['/typo3conf/ext/ms_event/Resources/Public/js/list.js'], function(List) {
            TYPO3.jQuery(document).ready(function ($) {

                $('#events tbody').addClass('list');
                var options = {
                    valueNames: ['col-fromdate', 'col-title', 'col-subtitle']//you can specify more columns by adding ,
                };
                var userList = new List('events', options);


                $('.eventLink').click(function (event) {
                    event.preventDefault();

                    var url = $(this).attr('href');

                    $.get(url, function (data) {

                        var win = window.open(data, '_blank');
                        win.focus();
                    });


                    return false;
                });

                var houseId = '{houseID}';
                var oldHref = $('.btn-toolbar a').attr('href');

                $('.btn-toolbar a').attr('href',oldHref+='&house='+houseId)
            });
        });
        */
    </script>
    <div id="events">

        <p style="background-color: rgba(251, 192, 147, 0.2);"> Orange: Verknüpfte Events aus anderem Blauen Ordner </p>
        <p style="background-color: rgba(210, 0, 27, 0.1);"> Rot: Deaktivierte Events, nicht sichtbar im Frontend </p>

        <table id="event-table" class="display">
            <thead>
            <tr>
                <th>Events(
                    <f:count subject="{events}"/>
                    )
                </th>
                <th>Title</th>
                <th>Subtitle</th>
                <th>Von Datum</th>
                <th>Bis Datum</th>
            </tr>
            </thead>
            <tbody class="event-record">
            <f:for each="{events}" as="event">
                <tr style="{f:if(condition: '{event.event.hidden}', then: 'background: rgba(210, 0, 27, 0.1);', else: '')}  {f:if(condition: '{event.currentPage.uid} != {event.event.pid}', then: 'background: rgba(251, 192, 147, 0.2);', else: '')}   ">
                    <td width="225">
                        <div class="event-actions">

                            <f:image src="/typo3conf/ext/ms_event/ext_icon.svg" title="{event.event.uid}"
                                     alt="{event.event.uid}"/>

                            <be:link.editRecord title="Edit Event" uid="{event.event.uid}"
                                                table="tx_msevent_domain_model_event" returnUrl="">
                                <core:icon identifier="actions-document-open"/>
                            </be:link.editRecord>

                            <f:if condition="{event.event.hidden}">
                                <f:then>
                                    <a target="_blank" href="{event.actions.frontEndUrl}">
                                        <core:icon identifier="actions-document-view" size="small"/>
                                    </a>
                                </f:then>
                                <f:else>
                                    <a target="_blank" href="{event.actions.frontEndUrl}">
                                        <core:icon identifier="actions-document-view" size="small"/>
                                    </a>
                                </f:else>
                            </f:if>


                            <a href="{event.actions.translate}"
                               title="Edit Event Translation ({event.actions.translated_uid})">
                                <f:if condition="{event.actions.isTranslated}">
                                    <f:then>
                                        <core:icon identifier="flags-gb"/>
                                    </f:then>
                                    <f:else>
                                        <core:icon identifier="flags-gb-grey"/>
                                    </f:else>
                                </f:if>
                            </a>

                            <f:if condition="{event.event.crm_id}">
                                <a  target="_blank" href="{event.crm}index.php?action=EditView&module=vk_inquiry&return_action=main&record={event.event.crm_id}">Im CRM anzeigen</a>
                            </f:if>

                        </div>
                    </td>
                    <td>{event.event.title}</td>
                    <td>{event.event.subtitle}</td>
                    <td data-sort="{event.event.from_date}">
                        <f:format.date format="d.m.Y">{event.event.from_date}</f:format.date>
                    </td>
                    <td data-sort="{event.event.to_date}">
                        <f:format.date format="d.m.Y">{event.event.to_date}</f:format.date>
                    </td>
                </tr>

            </f:for>
            </tbody>
        </table>
    </div>
</f:section>