<table class="table table-striped table-hover">
  <tr>
    <th class="" style="width: 24px;">
      <input type="checkbox" value="" name="bulk_all"/>
    </th>
    <th></th>
  </tr>
<% for ticket in @objects: %>
  <tr data-id="<%= ticket.id %>">
    <td>
      <input type="checkbox" value="<%= ticket.id %>" name="bulk"/>
    </td>
    <td>
      <%- ticket.customer.avatar("50", "", "userInfo-avatar") %>
      <h2 style="margin-top: 0px;"><a href="<%- ticket.uiUrl() %>" data-type="edit"><%= ticket.title %></a></h2>

      <div class="horizontal">
        <div class="vertical flex">
          <table style="width: 100%;">
            <tr>
              <td style="width: 25%;"><label><%- @T( 'Number' ) %></label></td><td> <%- @P( ticket, 'number' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'State' ) %></label></td><td> <%- @P( ticket, 'state' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'Group' ) %></label></td><td> <%- @P( ticket, 'group' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'Customer' ) %></label></td><td> <%- @P( ticket, 'customer' ) %></td>
            </tr>
          </table>
        </div>
        <div class="vertical flex">
          <table style="width: 100%;">
            <tr>
              <td style="width: 25%;"><label><%- @T( 'Erstellt' ) %></label></td><td> <%- @P( ticket, 'created_at' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'Priority' ) %></label></td><td> <%- @P( ticket, 'priority' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'Owner' ) %></label></td><td> <%- @P( ticket, 'owner' ) %></td>
            </tr>
            <tr>
              <td><label><%- @T( 'Organization' ) %></label></td><td> <%- @P( ticket, 'organization' ) %></td>
            </tr>
          </table>
        </div>
      </div>
    </td>
  </tr>
<% end %>
</table>