<div class=“flex flex-row justify-start mb-5”>
<h1 class="text-xl text-gray-600 mr-10">
<%- if options -%>
<%%%= title('<%%= plural_table_name.titleize %>') %>
<%- else -%>
<%%= plural_table_name.titleize %>
<%- end -%>
</h1> <%%%= link_to 'New <%%= singular_table_name.titleize %>', new_<%%= singular_route_name %>_path, class: 'px-2 py-1 inline-flex text-xs font-semibold rounded-full bg-green-100 text-green-800 hover:bg-green-200' %>
</div> <div class=“shadow overflow-hidden border-b border-gray-200 sm:rounded-lg”>
<table class="min-w-full divide-y divide-gray-200 border-collapse"> <thead class="bg-gray-200"> <tr>
<%% attributes.reject(&:password_digest?).each do |attribute| -%>
<th class="px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" scope="col"><%%= attribute.human_name %></th>
<%% end -%>
<th class="px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" scope="col" colspan="3"></th> </tr> </thead> <tbody class="bg-white divide-y divide-gray-200"> <%%% @<%%= plural_table_name %>.each do |<%%= singular_table_name %>| %> <tr class="bg-white hover:bg-blue-50 hover:text-gray-500">
<%% attributes.reject(&:password_digest?).each do |attribute| -%>
<td class="px-3 py-3 text-sm whitespace-nowrap"><%%%= <%%= singular_table_name %>.<%%= attribute.column_name %> %></td>
<%% end -%>
<td class="px-3 py-3 text-sm whitespace-nowrap"><%%%= link_to 'Show', <%%= model_resource_name %>, class: 'inline-flex text-xs leading-5 font-semibold text-indigo-500 hover:underline cursor-pointer' %></td> <td class="px-3 py-3 text-sm whitespace-nowrap"><%%%= link_to 'Edit', edit_<%%= singular_route_name %>_path(<%%= singular_table_name %>), class: 'inline-flex text-xs leading-5 font-semibold text-yellow-500 hover:underline cursor-pointer' %></td> <td class="px-3 py-3 text-sm whitespace-nowrap"><%%%= link_to 'Destroy', <%%= model_resource_name %>, method: :delete, data: { confirm: 'Are you sure?' }, class: 'inline-flex text-xs leading-5 font-semibold text-red-500 hover:underline cursor-pointer' %></td> </tr> <%%% end %> </tbody> </table>
<%- if options -%>
<%%%= render 'shared/pagination' %>
<% end -%> </div>