{{define "dashboard_content"}}
<div class="dashboard-header">
  <h2>Dashboard</h2>
  <button id="customize-btn" class="customize-btn" onclick="toggleCustomize()">
    📝 Customize Layout
  </button>
</div>

<p>Welcome to the ServiceTrade Tools Dashboard.</p>

<div id="customization-help" class="customization-help" style="display: none;">
  💡 <strong>Tip:</strong> Drag and drop the cards to arrange them in your preferred order.
</div>

<div id="dashboard-grid" class="dashboard-grid">
  <div class="dashboard-item draggable-card" data-widget-id="invoice-search" data-widget-title="Update Invoice Status">
    <div class="drag-handle" style="display: none;">⋮⋮</div>
    {{template "invoice_search" .}}
  </div>

  <div class="dashboard-item draggable-card" data-widget-id="document-upload" data-widget-title="Document Uploads">
    <div class="drag-handle" style="display: none;">⋮⋮</div>
    {{template "document_upload" .}}
  </div>

  <div class="dashboard-item draggable-card" data-widget-id="document-remove" data-widget-title="Document Removal">
    <div class="drag-handle" style="display: none;">⋮⋮</div>
    {{template "document_remove" .}}
  </div>
</div>
{{end}}