type: custom:mod-card
style:
  layout-card:
    $:
      horizontal-layout:
        $:
          .: |
            #columns {
              padding-left: 10px;
              margin: 0 20px;
              grid-gap: 20px;
            }
card:
  type: custom:layout-card
  layout_type: custom:horizontal-layout
  layout:
    max_cols: 2
  cards:
    - type: vertical-stack
      cards:
        - type: 'custom:simple-clock-card'
          hide_seconds: true
          font_size: 4rem
          padding_size: 0px
          style: |
            ha-card {
              background: none;
              box-shadow: none;
              margin-top: 30px;
              text-align: left;
            }

        - type: horizontal-stack
          cards:
            - type: custom:button-card
              template: v3_chip_person
              entity: input_boolean.georgi_home
              entity_picture: /local/images/people/georgi.jpg
              name: Georgi
            - type: custom:button-card
              template: v3_chip_person
              entity: input_boolean.player_2_home
              entity_picture: /local/images/people/maya.jpg
              name: Maya
            - type: custom:button-card
              template: v3_chip
              entity: sensor.average_temperature
              icon: mdi:thermometer
            - type: custom:button-card
              template: v3_chip
              entity: sensor.average_humidity
              icon: mdi:water-percent
        - type: horizontal-stack
          cards:
            - type: custom:button-card
              template: v3_chip_name
              entity: group.all_motion_sensors
              icon: |
                [[[
                  return entity.state === 'off' ? 'mdi:motion-sensor-off' : 'mdi:motion-sensor';
                ]]]
              name: Motion
              tap_action:
                action: more-info
            - type: custom:button-card
              template: v3_chip_entity_count
              entity: sensor.open_window_count
              variables:
                entity_type: window
              icon: |
                [[[
                  return entity.state === 0 ? 'mdi:window-closed' : 'mdi:window-open';
                ]]]

            - type: custom:button-card
              template: v3_chip_entity_count
              entity: sensor.open_door_count
              variables:
                entity_type: door
              icon: |
                [[[
                  return entity.state === 0 ? 'mdi:door-closed' : 'mdi:door-open';
                ]]]


        - type: custom:decluttering-card
          template: v3_section_title
          variables:
            - title: Modes & Devices
        - type: horizontal-stack
          cards:
            - type: custom:button-card
              template: v3_tablet_button
              entity: input_select.hallway_dashboard_mode
              name: Mode
              styles:
                card:
                  - background-color: var(--primary-color)
              tap_action:
                action: call-service
                service: input_select.select_next
                service_data:
                  entity_id: input_select.hallway_dashboard_mode
            - type: custom:button-card
              template: [v3_button_cover, v3_tablet_button]
              entity: cover.living_room
              name: LR Blinds
              tap_action:
                action: call-service
                service: script.toggle_living_room_cover
            - type: custom:button-card
              template: v3_tablet_button
              entity: input_boolean.simulation_mode
              name: Simulation


        - type: custom:sun-card
          darkMode: true
    - type: vertical-stack
      cards:
        - type: custom:weather-card
          entity: weather.dark_sky
        - type: custom:mini-graph-card
          hours_to_show: 72
          line_width: 2
          entities:
            - sensor.dark_sky_precip_probability
            - sensor.dark_sky_cloud_coverage

    - !include ../popup_cards.yaml