<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.10"/>
  <requires lib="handy" version="1.0"/>
  <template class="GsScreenshotCarousel" parent="GtkStack">
    <property name="no-show-all">True</property>
    <child>
      <object class="GtkBox">
        <property name="visible">True</property>
        <property name="orientation">vertical</property>
        <style>
          <class name="frame"/>
          <class name="view"/>
        </style>
        <child>
          <object class="GtkOverlay">
            <property name="visible">True</property>
            <child>
              <object class="HdyCarousel" id="carousel">
                <property name="visible">True</property>
                <signal name="notify::n-pages" handler="gs_screenshot_carousel_notify_n_pages_cb" swapped="yes"/>
                <signal name="notify::position" handler="gs_screenshot_carousel_notify_position_cb" swapped="yes"/>
              </object>
            </child>
            <child type="overlay">
              <object class="GtkRevealer" id="button_previous_revealer">
                <property name="halign">start</property>
                <property name="transition-type">crossfade</property>
                <property name="valign">center</property>
                <property name="visible">True</property>
                <child>
                  <object class="GtkButton" id="button_previous">
                    <property name="visible">True</property>
                    <property name="width-request">64</property>
                    <property name="height-request">64</property>
                    <property name="margin">9</property>
                    <signal name="clicked" handler="gs_screenshot_carousel_button_previous_clicked_cb" swapped="yes"/>
                    <child internal-child="accessible">
                      <object class="AtkObject">
                        <!-- Translators: This is the accessible description for a button to go to the previous screenshot in the screenshot carousel. -->
                        <property name="accessible-name" translatable="yes">Previous Screenshot</property>
                      </object>
                    </child>
                    <style>
                      <class name="circular"/>
                      <class name="osd"/>
                    </style>
                    <child>
                      <object class="GtkImage" id="button_previous_image">
                        <property name="halign">center</property>
                        <property name="icon-name">carousel-arrow-previous-symbolic</property>
                        <property name="icon-size">1</property>
                        <property name="valign">center</property>
                        <property name="visible">True</property>
                        <property name="name">previous</property>
                        <signal name="direction-changed" handler="gs_screenshot_carousel_navigate_button_direction_changed_cb"/>
                      </object>
                    </child>
                  </object>
                </child>
              </object>
              <packing>
                <property name="pass-through">True</property>
              </packing>
            </child>
            <child type="overlay">
              <object class="GtkRevealer" id="button_next_revealer">
                <property name="halign">end</property>
                <property name="transition-type">crossfade</property>
                <property name="valign">center</property>
                <property name="visible">True</property>
                <child>
                  <object class="GtkButton" id="button_next">
                    <property name="visible">True</property>
                    <property name="width-request">64</property>
                    <property name="height-request">64</property>
                    <property name="margin">9</property>
                    <signal name="clicked" handler="gs_screenshot_carousel_button_next_clicked_cb" swapped="yes"/>
                    <child internal-child="accessible">
                      <object class="AtkObject">
                        <!-- Translators: This is the accessible description for a button to go to the next screenshot in the screenshot carousel. -->
                        <property name="accessible-name" translatable="yes">Next Screenshot</property>
                      </object>
                    </child>
                    <style>
                      <class name="circular"/>
                      <class name="osd"/>
                    </style>
                    <child>
                      <object class="GtkImage" id="button_next_image">
                        <property name="halign">center</property>
                        <property name="icon-name">carousel-arrow-next-symbolic</property>
                        <property name="icon-size">1</property>
                        <property name="valign">center</property>
                        <property name="visible">True</property>
                        <property name="name">next</property>
                        <signal name="direction-changed" handler="gs_screenshot_carousel_navigate_button_direction_changed_cb"/>
                      </object>
                    </child>
                  </object>
                </child>
              </object>
              <packing>
                <property name="pass-through">True</property>
              </packing>
            </child>
          </object>
        </child>
        <child>
          <object class="HdyCarouselIndicatorDots" id="carousel_indicator">
            <property name="carousel">carousel</property>
            <property name="visible">True</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="name">carousel</property>
      </packing>
    </child>
    <child>
      <object class="GtkBox">
        <property name="visible">True</property>
        <property name="orientation">vertical</property>
        <property name="spacing">6</property>
        <!-- Arbitrary size chosen to tile together at 16:9;
             see https://blogs.gnome.org/hughsie/2014/07/02/blurry-screenshots-in-gnome-software/ -->
        <property name="height_request">423</property>
        <property name="hexpand">True</property>
        <property name="halign">fill</property>
        <style>
          <class name="screenshot-image"/>
          <class name="frame"/>
          <class name="view"/>
        </style>
        <child>
          <object class="GtkImage">
            <property name="visible">True</property>
            <property name="pixel_size">64</property>
            <property name="icon_name">camera-photo-symbolic</property>
            <property name="valign">end</property>
            <property name="vexpand">True</property>
          </object>
        </child>
        <child>
          <object class="GtkLabel">
            <property name="visible">True</property>
            <property name="halign">center</property>
            <property name="valign">start</property>
            <property name="vexpand">True</property>
            <property name="label" translatable="yes">No screenshot provided</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="name">fallback</property>
      </packing>
    </child>
  </template>
</interface>
