%= render PandaCms::Admin::ContainerComponent.new do |component| %>
<% component.with_heading(text: "#{page.title}", level: 1) do |heading| %>
<%# heading.with_button(action: :secondary, text: "Save Draft", link: "#", icon: "clipboard-check") %>
<%# heading.with_button(action: :save, text: "Publish Page", link: "#") %>
<% end %>
<% component.with_slideover(title: "Page Details") do %>
<%= form_with model: page, url: admin_page_path, method: :put do |f| %>
<%= f.label :title, class: "mt-2 block text-sm font-medium leading-6 text-gray-900" %>
<%= f.text_field :title, class: "block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6 hover:pointer" %>
<%= f.label :template, class: "mt-2 block text-sm font-medium leading-6 text-gray-900" %>
<%= f.text_field :template, value: template.name, readonly: true, class: "read-only:bg-gray-100 block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6 hover:pointer" %>
<%= f.submit "Save", class: "mt-4 inline-flex justify-center rounded-md bg-panda-cms-dark px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-panda-cms-dark focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-panda-dark" %>
<% end %>
<% end %>