- theme: Backend-selected
    icon: mdi:robot-vacuum
    visible:
      - user: c864ccabca734f42bdfec2caa02217e7
      - user: b50a219938294e76a22ad92c2c9d68c0
    type: custom:layout-card
    layout_type: grid-layout
    layout:
      grid-template-columns: repeat(15, 80px)
      grid-template-rows: repeat(11, 50px)
    cards:
      - type: vertical-stack
        view_layout:
          grid-column-start: 1
          grid-column-end: 15
          grid-row-start: 1
          grid-row-end: end
        cards:
          - type: custom:xiaomi-vacuum-map-card
            title: ''
            preset_name: Live map
            entity: vacuum.roborock_vacuum_s5
            vacuum_platform: default
            map_locked: true
            map_source:
              camera: camera.xiaomi_cloud_map_extractor
            calibration_source:
              camera: true
            map_modes:
              - template: vacuum_clean_segment

            card_mod:
              style: |
                ha-card {
                  display: flex !important;
                  align-items: stretch;
                  flex-wrap: wrap;
                  justify-content: space-evenly;
                }
                #map-wrapper {
                  flex-grow: 3;
                  width: 300px;
                }
                .controls-wrapper {
                  flex-grow: 1;
                  width: 100px;
                }
                .room-wrapper {
                --map-card-internal-room-label-color: red;
                --map-card-internal-room-label-font-size: 20px;
                }
      - type: vertical-stack
        view_layout:
          grid-column-start: 12
          grid-column-end: 14
          grid-row-start: 8
          grid-row-end: 10
        cards:
          - type: entity-button
            name: Servis
            icon: mdi:tools
            entity: script.obyvak_stul
            tap_action:
              action: call-service
              service: script.obyvak_stul