title: dev
path: dev
cards:
  - type: horizontal-stack
    cards:
      - type: custom:gui-sandbox
      - type: custom:button-card
        template: regular
        icon: mdi:reload
        name: Theme
        tap_action:
          action: call-service
          service: frontend.reload_themes
      - type: custom:button-card
        template: regular
        icon: mdi:reload
        name: Resources
        tap_action:
          action: call-service
          service: lovelace.reload_resources
      - type: custom:button-card
        template: regular
        name: time picker
        icon: mdi:clock
        tap_action:
          action: navigate
          navigation_path: "#time_picker"
      - type: custom:button-card
        template: regular
        icon: mdi:folder
        name: folder
        tap_action:
          action: navigate
          navigation_path: "#folder"

  - type: custom:state-switch
    entity: hash
    default: time_picker
    states:
      time_picker:
        type: vertical-stack
        cards:
          - type: markdown
            content: "# 🕰 Time Picker Card dev"
          - type: entities
            entities:
              - input_datetime.alarm_time
          - type: horizontal-stack
            cards:
              - type: custom:time-picker-card
                entity: input_datetime.alarm_time
                name: Alarm time
                hour_mode: 24
                hour_step: 2
              - type: custom:time-picker-card
                entity: input_datetime.alarm_time
                hour_mode: 12
                layout:
                  hour_mode: single
                hide:
                  name: true

          - type: custom:time-picker-card
            entity: input_datetime.alarm_time

          - type: horizontal-stack
            cards:
              - type: custom:time-picker-card
                entity: input_datetime.alarm_time
                hour_mode: 12
                hide:
                  name: true
              - type: custom:time-picker-card
                entity: input_datetime.alarm_time
                hour_mode: 12
                hour_step: 2
                minute_step: 3
                layout:
                  hour_mode: single
                hide:
                  name: false


      folder:
        type: vertical-stack
        cards:
          - type: markdown
            content: "# 📂 Folder Card dev"
          - type: horizontal-stack
            cards:
              - type: custom:folder-card
                entity: sensor.pds
                max_count: 3
                show_count: true
              - type: custom:folder-card
                entity: sensor.pds
                max_count: 5
              - type: custom:folder-card
                entity: sensor.pds
                max_count: 2
          - type: custom:folder-card
            entity: sensor.pds
