<?php /* Template Name: Page / Poradniki */ ?>
<?php get_header() ?>

<div class="mx-auto">
    <section class="p-6 lg:container lg:mx-auto">
        <h1 class="text-3xl font-semibold pb-6"><?php echo get_the_title() ?></h1>
    </section>

    <div class="lg:container lg:mx-auto lg:mb-16">

        <?php

            if( have_rows('guides_repeater') ):
            
                while( have_rows('guides_repeater') ) : the_row();
            
                    $title = get_sub_field('guide_title');
                    $excerpt = get_sub_field('guide_excerpt');
                    $file = get_sub_field('guide_file');
                    $link_title = get_sub_field('guide_link_title'); ?>

        <div class="p-6 pb-14">
            <h3 class="text-3xl font-semibold pb-6"><?php echo $title ?></h3>
            <p class="text-xl pb-6">
                <?php echo $excerpt ?>
            </p>
            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
                href="<?php echo $file ?>" download>
                <img class="absolute left-0 -ml-5"
                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
                <p class="text-xl font-semibold "><?php echo $link_title ?> </p>
            </a>
        </div>

        <?php
                endwhile;
                else :
                endif;
    ?>

        <div class="hidden p-6 pb-14">
            <h3 class="text-3xl font-semibold pb-6">O ogrodach zimowych</h3>
            <p class="text-xl pb-6">
                Od dawna ogrody zimowe były stosowane w architekturze, głównie pałacowej i dworkowej,
                dla stworzenia optymalnych warunków do uprawy egzotycznych roślin – jak drzewka
                pomarańczowe, stąd nazywano je również oranżeriami. Współcześnie mogą stać się
                dopełnieniem miejskiej, luksusowej willi, jak też wiejskiej rezydencji letniej.
            </p>
            <p class="text-xl pb-6">
                Już na początku należy odpowiedzieć sobie na pytanie: do czego ma służyć nasz nowy ogród zimowy oraz co
                jest dla nas ważniejsze – uzyskanie architektonicznego efektu, czy też powiększenie powierzchni
                mieszkalnej.
            </p>
            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
                href="#">
                <img class="absolute left-0 -ml-5 "
                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
                <p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “O ogrodach zimowych”.
                </p>
            </a>
        </div>

        <div class="hidden p-6 bg-gray pt-14 pb-14">
            <h3 class="text-3xl font-semibold pb-6">Przed budową ogrodu zimowego
            </h3>
            <p class="text-xl pb-6">
                Projektowanie ogrodu zimowego na etapie budowy nowego domu pozwala uniknąć wielu ograniczeń i zyskać
                całkowitą dowolność w działaniach. Odpowiedni wybór położenia ogrodu i jego formy architektonicznej
                pozwala na zachowanie stylu całego budynku oraz utrzymanie integralności jego struktury.
            </p>
            <p class="text-xl pb-6">
                Przyłączenie ogrodu do już istniejącego budynku z kolei wymaga sprawdzenia, czy konstrukcja nośna
                wytrzyma dodatkowe obciążenie.

            </p>
            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
                href="#">
                <img class="absolute left-0 -ml-5 "
                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
                <p class="text-xl font-semibold">Więcej dowiesz się z naszego poradnika “Przed budową ogrodu zimowego”.
                </p>
            </a>
        </div>

        <div class="hidden p-6">
            <h3 class="text-3xl font-semibold pt-14 pb-14">Dodatkowe elementy ogrodu zimowego
            </h3>
            <p class="text-xl pb-6">
                Współczesne ogrody zimowe pozwalają na wykorzystanie wielu dodatkowych elementów, które zwiększają
                energooszczędność, zapewniają komfort optyczny i termiczny czy też odpowiadają za skuteczna
                klimatyzację.
            </p>
            <p class="text-xl pb-6">
                W naszych konstrukcjach stosujemy markizy dachowe, żaluzje fasadowe, rolety zewnętrzne oraz automatykę
                pogodową.

            </p>
            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
                href="#">
                <img class="absolute left-0 -ml-5 "
                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
                <p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “Dodatkowe elementy ogrodu
                    zimowego”.

                </p>
            </a>
        </div>
    </div>
</div>

<?php get_template_part( 'partials/cta'); ?>
<?php get_footer() ?>