<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.20"/>
  <template class="CameraControls" parent="CameraControlsContainer">
    <property name="visible">True</property>
    <child>
      <object class="GtkOverlay">
        <property name="visible">True</property>
        <child>
          <object class="GtkMenuButton" id="countdown_button">
            <property name="visible">True</property>
            <property name="menu-model">countdown_menu</property>
            <property name="halign">center</property>
            <property name="valign">center</property>
            <property name="width-request">34</property>
            <property name="height-request">34</property>
            <style>
              <class name="circular"/>
            </style>
            <child>
              <object class="GtkImage">
                <property name="visible">True</property>
                <property name="icon-name">stopwatch-symbolic</property>
              </object>
            </child>
          </object>
        </child>
        <child type="overlay">
          <object class="GtkButton" id="back_button">
            <property name="visible">True</property>
            <property name="action-name">win.toggle-gallery</property>
            <property name="halign">center</property>
            <property name="valign">center</property>
            <property name="width-request">34</property>
            <property name="height-request">34</property>
            <style>
              <class name="circular"/>
            </style>
            <child>
              <object class="GtkImage">
                <property name="visible">True</property>
                <property name="icon-name">go-previous-symbolic</property>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
    <child type="center">
      <object class="GtkBox" id="center_buttons">
        <property name="visible">True</property>
        <property name="spacing">12</property>
        <child>
          <object class="CameraGalleryButton" id="gallery_button">
            <property name="visible">True</property>
            <property name="width-request">44</property>
            <property name="height-request">44</property>
            <property name="valign">center</property>
            <property name="halign">center</property>
            <property name="action-name">win.toggle-gallery</property>
          </object>
        </child>
        <child>
          <object class="CameraShutterButton" id="shutter">
            <property name="visible">True</property>
            <property name="width-request">55</property>
            <property name="height-request">55</property>
            <property name="halign">center</property>
            <property name="valign">center</property>
            <property name="action-name">win.take-picture</property>
          </object>
        </child>
        <child>
          <object class="GtkButton" id="switcher">
            <property name="visible">True</property>
            <property name="width-request">44</property>
            <property name="height-request">44</property>
            <property name="valign">center</property>
            <property name="halign">center</property>
            <property name="action-name">win.next-camera</property>
            <child>
              <object class="GtkImage">
                <property name="visible">True</property>
                <property name="icon-name">camera-switch-symbolic</property>
              </object>
            </child>
            <style>
              <class name="circular"/>
            </style>
          </object>
        </child>

      </object>
    </child>
    <child type="end">
      <object class="GtkButton" id="close_button">
        <property name="action-name">win.close</property>
        <property name="halign">center</property>
        <property name="valign">center</property>
        <style>
          <class name="titlebutton"/>
        </style>
        <child>
          <object class="GtkImage">
            <property name="visible">True</property>
            <property name="icon-name">window-close-symbolic</property>
          </object>
        </child>
      </object>
    </child>
    <child type="end">
      <object class="GtkMenuButton">
        <property name="visible">True</property>
        <property name="menu_model">main_menu</property>
        <property name="halign">center</property>
        <property name="valign">center</property>
        <property name="width-request">34</property>
        <property name="height-request">34</property>
        <child>
          <object class="GtkImage">
            <property name="visible">True</property>
            <property name="icon-name">open-menu-symbolic</property>
          </object>
        </child>
        <style>
          <class name="circular"/>
        </style>
      </object>
    </child>
    <child type="end">
      <object class="GtkBox" id="mode_wrapper">
        <property name="visible">True</property>
        <property name="halign">center</property>
        <property name="valign">center</property>
        <child>
          <object class="GtkBox" id="mode_box">
            <property name="visible">True</property>
            <property name="orientation">vertical</property>
            <property name="halign">center</property>
            <property name="valign">center</property>
            <child>
              <object class="GtkToggleButton" id="picture_mode">
                <property name="visible">True</property>
                <property name="draw-indicator">False</property>
                <property name="action-name">win.picture-mode</property>
                <child>
                  <object class="GtkImage">
                    <property name="visible">True</property>
                    <property name="icon-name">camera-photo-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkToggleButton" id="video_mode">
                <property name="visible">True</property>
                <property name="draw-indicator">False</property>
                <property name="action-name">win.video-mode</property>
                <child>
                  <object class="GtkImage">
                    <property name="visible">True</property>
                    <property name="icon-name">camera-web-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
            <style>
              <class name="linked"/>
            </style>
          </object>
        </child>
      </object>
    </child>
  </template>
  <menu id="main_menu">
    <section>
      <item>
        <attribute name="action">win.show-help-overlay</attribute>
        <attribute name="label" translatable="yes">Keyboard Shortcuts</attribute>
      </item>
      <item>
        <attribute name="action">win.about</attribute>
        <attribute name="label" translatable="yes">About Camera</attribute>
      </item>
    </section>
  </menu>
  <menu id="countdown_menu">
    <section>
      <attribute name="label" translatable="yes">Countdown</attribute>
      <item>
        <attribute name="action">win.countdown</attribute>
        <attribute name="label" translatable="yes">None</attribute>
        <attribute name="target" type="i">0</attribute>
      </item>
      <item>
        <attribute name="action">win.countdown</attribute>
        <attribute name="label" translatable="yes">3s</attribute>
        <attribute name="target" type="i">3</attribute>
      </item>
      <item>
        <attribute name="action">win.countdown</attribute>
        <attribute name="label" translatable="yes">5s</attribute>
        <attribute name="target" type="i">5</attribute>
      </item>
      <item>
        <attribute name="action">win.countdown</attribute>
        <attribute name="label" translatable="yes">10s</attribute>
        <attribute name="target" type="i">10</attribute>
      </item>
    </section>
  </menu>
</interface>

