<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Template" name="auto.tel.conversion.prevention" template="Magento_Theme::html/phone-number-conversion.phtml"/>
            <block class="Magento\Framework\View\Element\Template" name="preload" template="Magento_Theme::html/preload.phtml"/>
            <block class="Magento\Framework\View\Element\Template" name="fonts" template="Magento_Theme::html/fonts.phtml"/>
            <block class="Magento\Framework\View\Element\Template" name="styles" template="Magento_Theme::html/styles.phtml"/>
        </referenceBlock>

        <move element="skip_to_content" destination="header.container" before="-"/>
        <move element="top.links" destination="header.user-area" before="-"/>

        <referenceContainer name="header.panel" remove="true"/>
        <move element="store_language" destination="information-stripe" after="authorization-link"/>


        <!--Welcome message-->
        <referenceBlock name="header" remove="true"/>

        <referenceContainer name="page.wrapper">
            <container name="information.stripe.container" htmlTag="div" htmlClass="cs-container cs-container--contrast cs-container--viewport-width" before="-">
                <container name="information.stripe.container.inner" htmlTag="div" htmlClass="cs-container__inner cs-container__inner--flex">
                    <block class="Magento\Framework\View\Element\Template" name="information-stripe" template="Magento_Theme::html/information-stripe.phtml"/>

                    <!-- this block is moved by js to offcanvas navigation -->
                    <container name="store_language_nav_container" htmlTag="div" htmlClass="cs-visually-hidden">
                        <block class="Magento\Store\Block\Switcher" name="store_language_nav" as="store_language_nav" template="switch/languages.phtml">
                            <arguments>
                                <argument name="id_modifier" xsi:type="string">nav</argument>
                            </arguments>
                        </block>
                    </container>
                </container>
            </container>

            <container name="header.page.container" htmlTag="div" htmlClass="cs-container cs-container--ontop cs-container--viewport-width" after="information.stripe.container">
                <container name="header.page.container.inner" htmlTag="div" htmlClass="cs-container__inner"/>
            </container>
        </referenceContainer>

        <referenceContainer name="header.container" htmlClass="cs-header" />
        <move element="header.container" destination="header.page.container.inner"/>

        <referenceContainer name="page.top">
            <container name="breadcrumbs.container" htmlTag="div" htmlClass="cs-container cs-container--contrast cs-container--breadcrumbs" after="-">
                <container name="breadcrumbs.container.inner" htmlTag="div" htmlClass="cs-container__inner"/>
            </container>
        </referenceContainer>

        <move element="breadcrumbs" destination="breadcrumbs.container.inner"/>

        <referenceContainer name="header-wrapper" htmlClass="cs-header__content">
            <container name="header.user-area" htmlTag="div" htmlClass="cs-header__user-area cs-header-user-area"/>
            <container name="header.search.placeholder" htmlTag="div" htmlClass="cs-header__search-placeholder">
                <block class="Magento\Framework\View\Element\Text" name="header.search.placeholder.text">
                    <arguments>
                        <argument name="text" xsi:type="string"><![CDATA[<!-- -->]]></argument>
                    </arguments>
                </block>
            </container>
            <block class="Magento\Framework\View\Element\Template" name="header.burger" template="Magento_Theme::html/burger.phtml"/>
        </referenceContainer>
        <move element="minicart" destination="header.user-area" after="-"/>

        <referenceBlock name="logo">
            <arguments>
                <argument name="logo_file" xsi:type="string">images/creativeshop-logo.png</argument>
                <argument name="logo_img_width" xsi:type="number">213</argument>
                <argument name="logo_img_height" xsi:type="number">67</argument>
            </arguments>
        </referenceBlock>

        <referenceBlock name="navigation.sections" remove="true"/>
        <referenceContainer name="page.top">
            <block class="Creativestyle\FrontendExtension\Block\Twig" template="offcanvas-navigation/offcanvas-navigation.twig" />
            <container name="navigation.container" htmlTag="div" htmlClass="cs-container cs-container--viewport-width">
                <container name="navigation.container.inner" htmlTag="div" htmlClass="cs-container__inner">
                    <block class="Creativestyle\ContentConstructorFrontendExtension\Block\Component" name="componentjk8k2">
                        <arguments>
                            <argument xsi:type="string" name="type">navigation</argument>
                            <argument xsi:type="array" name="data">
                            </argument>
                        </arguments>
                    </block>
                </container>
            </container>

        </referenceContainer>

        <referenceContainer name="main.content" htmlTag="main" htmlId="maincontent" htmlClass="cs-container cs-container--spacious">
            <container name="page.main.container.inner" htmlTag="div" htmlClass="cs-container__inner">
            </container>
        </referenceContainer>
        <move element="columns.top" destination="page.main.container.inner" after="-"/>
        <move element="columns" destination="page.main.container.inner" after="-"/>

        <move element="form.subscribe" destination="footer.right" after="-"/>

        <referenceContainer name="footer-container" htmlClass="cs-container cs-container--viewport-width cs-footer">
            <referenceContainer name="footer" htmlClass="cs-container__inner cs-footer__wrapper">
                <referenceBlock name="store_switcher" remove="true"/>
                <referenceBlock name="copyright" remove="true"/>
                <referenceBlock name="report.bugs" remove="true"/>
                <referenceBlock name="footer_links" remove="true"/>
                <container name="footer.left" htmlTag="div" htmlClass="cs-footer__left">
                    <block class="Magento\Framework\View\Element\Template" name="footer.columns" template="Magento_Theme::html/footer/columns.phtml"/>
                </container>
                <container name="footer.right" htmlTag="div" htmlClass="cs-footer__right">
                </container>

            </referenceContainer>
        </referenceContainer>

        <container name="page.bottom.wrapper" htmlTag="div" htmlClass="cs-container cs-container--viewport-width">
            <container name="page.bottom.inner" htmlTag="div" htmlClass="cs-container__inner">
                <block class="Magento\Framework\View\Element\Template" name="page.bottom" template="Magento_Theme::html/page-bottom.phtml"/>
            </container>
            <block class="Magento\Framework\View\Element\Template" name="scripts" template="Magento_Theme::html/scripts.phtml" after="-"/>
        </container>

        <move element="page.bottom.wrapper" destination="page.wrapper" after="-"/>

        <referenceContainer name="before.body.end">
            <block class="Creativestyle\FrontendExtension\Block\Twig" name="video.player" template="video-player/video-player.twig" />
        </referenceContainer>
    </body>
</page>
