// src/components/templates/app-cloud/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /templates/app-cloud
type: object
required:
  - breadcrumb
  - content
additionalProperties: false
properties:
  breadcrumb:
    type: string
    format: html
    description: template-components/breadcrumb
  content:
    type: string
    format: html
    description: patterns/*, apps/cloud/*
  header:
    type: string
    format: html
    description: template-components/header
  footer:
    type: string
    format: html
    description: template-components/footer

// src/components/templates/app-cloud/mocks.yaml

$hidden: true
header:
  $tpl: template-components/header
  $ref: template-components/header#cloud:-with-user-menu
footer:
  $tpl: template-components/footer
  $ref: template-components/footer
$variants:
  - $name: Edit Profile
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/profile#full-page
    content:
      $tpl: apps/cloud/profile/profile-edit
      $ref: apps/cloud/profile/profile-edit#component:-success-response
  - $name: Contact Support
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/support-ticket#full-page
    content:
      $tpl: apps/cloud/support-ticket/form-contact-support
      $ref: >-
        apps/cloud/support-ticket/form-contact-support#component:-success-response
  - $name: Manage My Team
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/user-management#full-page
    content:
      $tpl: apps/cloud/user-management/app-user-management
      $ref: apps/cloud/user-management/app-user-management
  - $name: Ticket Overview
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/ticket-overview#full-page
    content:
      $tpl: apps/cloud/ticket-overview/app-ticket-overview
      $ref: apps/cloud/ticket-overview/app-ticket-overview
  - $name: Employee Ticket Overview
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/ticket-overview#full-page
    content:
      $tpl: apps/cloud/ticket-overview/app-ticket-overview
      $ref: apps/cloud/ticket-overview/app-ticket-overview#employee
  - $name: Ticket Detail
    breadcrumb:
      $tpl: template-components/breadcrumb
      $ref: apps/cloud/ticket-detail#full-page
    content:
      $tpl: apps/cloud/ticket-detail/app-ticket-detail
      $ref: apps/cloud/ticket-detail/app-ticket-detail#component:-success-response

// src/components/templates/app-cloud/app-cloud.twig

<div class="Template">
	{% include "@templates/_skip-link/_skip-link.twig" %}

	{% if header %}
		{{ header|raw }}
	{% endif %}

	{% include "@elements/alert-box/alert-box.twig" with {
		end_date: "2025-02-28T00:00:00Z",
		message: "alertbox.default_message"|tc,
		start_date: "2025-02-24T00:00:00Z",
		tone: "warning"
	} only %}

	{{ content }}

	{% if footer %}
		{{ footer|raw }}
	{% endif %}

</div>