<?php
include '_init.php';
include 'includes/_html_header.php';
include 'includes/_header.php';
$hero_img = get_hero_img();
?>

<section class="">
    <div class="box py-4">
        <div id="banner" class="row g-0">
            <div class="col-12 col-lg-4">
                <div class="relative">
                    <a href="<?=HOST?>org-sgbk-schweiz" target="_top">
                        <img src="<?=cdnd($hero_img[0]['img'],$hero_img[0]['date_updated'])?>" alt="<?=$hero_img[0]['title']?>" class="image">
                    </a>
                    <div class="overlay1">
                        <div class="text1">
                            <a href="<?=HOST?>org-sgbk-schweiz"><?=HP_INTRO_SUBTTL1?></a>
                        </div>
                    </div>
                </div>
                <a href="<?=HOST?>org-sgbk-schweiz" class="big"><?=HP_INTRO_TTL1?></a>
                <div class="box5">
                    <?=HP_INTRO_DESC1?>

                </div>
            </div>
            <div class="col-12 col-lg-4">
                <div class="relative">
                    <img src="<?=cdnd($hero_img[1]['img'],$hero_img[1]['date_updated'])?>" alt="<?=$hero_img[1]['title']?>" class="image">
                    <div class="overlay1">
                        <div class="text1">
                            <a href="<?=HOST?>page-mitglieder"><?=HP_INTRO_SUBTTL2?></a>
                        </div>
                    </div>
                </div>
                <a href="<?=HOST?>page-mitglieder" class="big"><?=HP_INTRO_TTL2?></a>
                <div class="box5">
                    <?=HP_INTRO_DESC2?>
                </div>
            </div>
            <div class="col-12 col-lg-4">
                
                <div class="relative">
                    <img src="<?=cdnd($hero_img[2]['img'],$hero_img[2]['date_updated'])?>" alt="<?=$hero_img[2]['title']?>" class="image">
                    <div class="overlay1">
                        <div class="text1">
                            <a href="veranstaltungen"><?=HP_INTRO_SUBTTL3?></a>
                        </div>
                    </div>
                </div>
                <a href="veranstaltungen" class="big"><?=HP_INTRO_TTL3?></a>
                <div class="box5">
                    <?=HP_INTRO_DESC3?>
                </div>
            </div>

        </div>
            <?php /*
            <div class="col-md-4">
                <a class="segment" href="<?=HOST?>org-berufsverband">
                    <div class="relative ">
                        <img src="<?=HOST_CDNA?>img/sections/segment1.gif" class="img-fluid w-100" alt="">
                        <div class="overlay">
                            <h3>SGBK Switzerland</h3>
                            <h3>Section - Basel</h3>
                            <h3>Section - Bern</h3>
                            <h3>Section - Zurich</h3>
                        </div>
                    </div>
                    <h2 class="h2 mt-3">ORGANIZATION</h2>
                </a>
            </div>
            <div class="col-md-4">
                <a class="segment" href="<?=HOST?>page-mitglieder">
                    <div class="relative ">
                        <img src="<?=HOST_CDNA?>img/sections/segment2.gif" class="img-fluid w-100" alt="">
                        <div class="overlay">
                            <h3>Female artists</h3>
                            <h3>Active membership</h3>
                        </div>
                    </div>
                    <h2 class="h2 mt-3">ARTISTS</h2>
                </a>
            </div>
            <div class="col-md-4">
                <a class="segment" href="<?=HOST?>veranstaltungen">
                    <div class="relative ">
                        <img src="<?=HOST_CDNA?>img/sections/segment3.gif" class="img-fluid w-100" alt="">
                        <div class="overlay">
                            <h3>Events</h3>
                            <h3>Impressions</h3>
                        </div>
                    </div>
                    <h2 class="h2 mt-3">THE CORNER</h2>
                </a>
            </div>
        </div>
        */ ?>
    </div>
</section>
<style>
.video-container {
    position: relative;
    width: 100%; /* Adjust width as needed */
    height: 0;
    padding-bottom: 20.83%; /* 24/5 aspect ratio */
    aspect-ratio: 24 / 5;
    overflow: hidden;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<?php
if($carousel = get_carousel()){    
?>
<section class="main-slider">
    <div class="box py-4">

        <div id="sgbk_hero_car" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <?php foreach($carousel as $key => $car){ ?>
                    <button type="button" data-bs-target="#sgbk_hero_car" data-bs-slide-to="<?=$key?>" <?=$key==0?'class="active" aria-current="true"':''?>  aria-label="Slide <?=$key?>"></button>

                <?php } ?>
            </div>
            <div class="carousel-inner">
                <?php foreach($carousel as $key => $car){
                    if($car['video']!=""){?>
                        <div class="carousel-item <?=$key==0?'active':''?>">
                        <div class="video-container">
                        <iframe class="video-background" title="vimeo-player" src="https://player.vimeo.com/video/925156962?h=e3dab1ac32&autoplay=1&loop=1&muted=1&background=1&autopause=0" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                        </div>
                    <?php }else{ ?>
                    <div class="carousel-item <?=$key==0?'active':''?>">
                    <picture>
                        <source srcset="<?=thumb(cdnd($car['img'],$car['date_updated']))?>" media="(max-width: 600px)">
                        <img src="<?=cdnd($car['img'],$car['date_updated'])?>" class="d-block w-100" alt="<?=$car['title']?>">
                    </picture>
                    <?php } ?>
                    </div>
                <?php } ?>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#sgbk_hero_car" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#sgbk_hero_car" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
        
    </div>
</section>
<?php
}
$page = get_page('sgbk-highlights');
if($page['text']!=''){
?>
<section>
    <div class="box">
        <div id="highlights" class="bg-aqua py-4 px-4">
            <?=$page['text']?>
        </div>
    </div>
</section>
<?php } ?>

<section class=" bg-white">
    <div class="box py-5">
        <div class="row g-5">
            <main class="col-lg-8">
                <h2 class="h1"><?=STITLE_CURRENT?></h2>
                <hr class="bold">
                <?php foreach(get_events(0,'next') as $event){ ?>
                    <article class="art bg-white row">
                    <div class="col-9">
                        <h5 class="text-green"><?=$event['host']?> <?=$event['section']?></h5>
                        <h3 class="h2"> <a href="<?=HOST?>veranstaltung-<?=$event['url_key']?>"><?=$event['name']!=''?$event['name']:$event['name_de']?></a></h3>
                        <p><?=solve_date($event)?></p>
                        <p>
                            <?=$event['location']?>
                        </p>
                        <p>
                            <?=$event['contact']?>
                        </p>
                        <?php if($event['text_de']!='') { ?>
                        <a href="<?=HOST?>veranstaltung-<?=$event['url_key']?>" class="mt-5"><?=DETAIL?>
                        <?php } ?>
                        </a>
                    </div>
                    <div class="col-3">
                        <a href="<?=HOST?>veranstaltung-<?=$event['url_key']?>"><img src="<?=cdnd($event['img'],$event['date_updated'])?>" alt="" class="img-fluid w-100"></a>
                    </div>
                </article>
                <?php } ?>
            </main>
            <aside class="col-lg-4 ">
                <h2 class="h1"><?=STITLE_FOCUS?> <small style="font-size:12px;"><?=isset($edit_pages)?'<a href="'.HOST.'extranet/blog/blog_search?id_category=1" target="_blank"><i class="fas fa-edit"></i>&nbsp;Bearbeiten</a>':''?></small></h2>
                <hr class="bold">
                
                <?php foreach(get_nav_page(1) as $nav_page){ ?>
                    <article class="art d-block" style="background-color:#f1f1f1">
                        <h3 class="h2"><?=ucwords(strtolower($nav_page['name']))?></h3>
                        <p><?=$nav_page['text']?></p>
                        <a href="<?=HOST.'page-'.$nav_page['url_key']?>"><?=DETAIL?></a>
                    </article>
                <?php } ?>

            </aside>
        </div>
    </div>
</section>

<section class=" bg-white">
    <div class="box py-5">
        <div class="row g-5">
            <main class="col-lg-8">
                <h2 class="h1"><?=CURRENT_ARTIST?></h2>
                <hr class="bold">
                <?php
                foreach(get_current_artist_events() as $event){ ?>
                    <div class="alternative-stripe-table">
                        <!-- display on desktop -->
                        <div class="d-none d-md-block">
                            <div class="row homeartists-events align-items-center">
                                <div class="col-md-w22"><?=date('d.m.y',strtotime($event['event_date']));?> - <?=date('d.m.y',strtotime($event['end_date']));?> </div>
                                <div class="col-md-w36"> <a class="green" href="artist-<?=$event['url_key']?>"> <?=$event['last_name'].' '.$event['first_name']?></a></div>
                                <div class="col-md-w30"><?=$event['location']?></div>
                                <div class="col-md-w12 small-img-box-container pr-md-0">
                                    
                                    <a <?php if($event['img']){ ?> href="<?=cdnd($event['img'],$event['date_updated'])?>"  data-lightbox="photos" data-title="<?=$event['title']?>" <?php } ?> class="small-img-box d-inline-block" style="background: url('<?=cdnd(thumb($event['img']))?>')"></a>
                                    
                                </div>
                            </div>
                        </div>
                        
                        <!-- display on mobile -->
                        <div class="d-block d-md-none">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <?=date('d.m.y',strtotime($event['event_date']));?> - <?=date('d.m.y',strtotime($event['end_date']));?> <br>
                                    <a class="green" href="artist-<?=$event['url_key']?>"> <?=$event['last_name'].' '.$event['first_name']?></a> <br>
                                    <?=$event['location']?>
                                </div>
                                <div class="col-4 small-img-box-container">
                                    
                                    <a <?php if($event['img']){ ?> href="<?=cdnd($event['img'],$event['date_updated'])?>"  data-lightbox="photos" data-title="<?=$event['title']?>" <?php } ?> class="smallish-img-box d-inline-block" style="background: url('<?=cdnd(thumb($event['img']))?>')"></a>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                <? } ?>
            </main>
            
            <aside class="col-lg-4">
                <h2 class="h1"><?=STITLE_VARIA?> <small style="font-size:12px;"><?=isset($edit_pages)?'<a href="'.HOST.'extranet/blog/blog_search?id_category=9" target="_blank"><i class="fas fa-edit"></i>&nbsp;Bearbeiten</a>':''?></small></h2>
                <hr class="bold">
                <?php foreach(get_nav_page(9) as $nav_page){ ?>
                    <article class="art d-block" style="background-color:#f1f1f1">
                        <h3 class="h2"><?=ucwords(strtolower($nav_page['name']))?></h3>
                        <p><?=$nav_page['text']?></p>
                        <a href="<?=HOST.'page-'.$nav_page['url_key']?>"><?=DETAIL?></a>
                    </article>
                <?php } ?>

            </aside>
            
        </div>
    </div>
</section>


<?php
$page = get_page('ruckblick');
if($page['text']!=''){
?>
<section>
    <div class="box">
        <div id="highlights" class="bg-aqua pb-4 px-4">
            <?=$page['text']?>
        </div>
    </div>
</section>
<?php } ?>
<style>
    .lb-next,.lb-prev,.lb-number{display:none!important;}
</style>

<?php
include 'includes/_footer.php';
include 'includes/_html_footer.php';
?>