<%= turbo_frame_tag dom_id(@page, :new_page_form) do %>
  <%= form_with model: @page, url: spina.admin_pages_path, data: {turbo_frame: "_top"} do |f| %>
    <%= f.hidden_field :view_template %>
    
    <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
      <div class="sm:flex sm:items-start">
        <div class="w-full">
          <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-headline">
            <%=t 'spina.pages.new' %>
            <span class="text-gray-400 text-sm">(<%= f.object.view_template %>)</span>
          </h3>
    
          <div class="mt-3">
            <%= render Spina::Forms::TextFieldComponent.new(f, :title, size: 'lg', autofocus: true) %>
          </div>
          
          <div class="mt-4">
            <div class="text-sm font-medium text-gray-700 mb-1"><%=t 'spina.pages.add_page_to' %></div>
            
            <%= render Spina::Pages::LocationComponent.new(f, @page) %>
          </div>
        </div>
      </div>
    </div>
    <div class="px-4 pb-5 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
      <button type="submit" class="btn btn-primary w-full sm:w-auto sm:ml-2">
        <%=t 'spina.pages.create' %>
      </button>
    
      <button type="button" class="btn btn-default w-full sm:w-auto mt-2 sm:mt-0" data-action="modal#close">
        <%=t 'spina.ui.cancel' %>
      </button>
    </div>
  <% end %>
<% end %>