@page "/"
@using SharedUI.Shared.Components.Layout

<div class="wm-main-wrapper wm-overflow-section">


    <HeroSliderComponent></HeroSliderComponent>

    <!--// Main Content \\-->
    <div class="wm-main-content">

        <!--// Main Section \\-->
        <div class="wm-main-section wm-musicbeat-tourdates">
            <div class="container">
                <div class="row">

                    <!--// Music Beat Dates \\-->
                    <div class="col-md-12">
                        <div class="wm-fancy-title">
                            <span>Koncert Dátumok</span>
                            <h2>Kiemelt Koncertek</h2>
                        </div>
                        <div class="wm-musicbeat-dates">
                            <ul class="row">
                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-1.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">15 <span>March <small>Tue</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">Budapest Park - Total dance</a></h2>
                                            <span>SOKADIK ALKALOMMAL TÉREK VISSZA A BUDAPEST PARKBA AHOL ISMÉT EGY HATALMASAT TOMBOLUNK MAJD</span>
                                        </div>
                                        @* <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>
                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-2.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">21 <span>March <small>Wed</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">EFOTT Velence</a></h2>
                                            <span>HATALMAS BULI LESZ IDÉN IS NAGY PRESZTIZS EZEN A RENDEZVÉNYEN RENDSZERESEN KONCERTEZNI</span>
                                        </div>
                                        @* <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>
                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-3.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">31 <span>March <small>Thu</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">Siófok Plázs</a></h2>
                                            <span>HÍV A BALATON :) TENGERNYI SLÁGER, VIHAROS TAPS, MEGABULI...IDÉN VELED ISMÉT...</span>
                                        </div>
                                        @* <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>
                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">VOLT Fesztivál Sopron</a></h2>
                                            <span>SOPRON IS FELTETTE A MAGASBA!</span>
                                        </div>
                                        @* <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>

                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">PAPP LÁSZLÓ ARÉN BUDAPEST</a></h2>
                                            <span>AZ ORSZÁG KIEMELT ARÉNÁJA AMIT TÖBBSZÖR LÁZBA HOZTAM MÁR:)</span>
                                        </div>
                                       @*  <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>

                                <li class="col-md-12">
                                    <div class="wm-musicbeat-dates-wrap">
                                        <!-- <figure>
                                            <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                        </figure>-->
                                        @* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
                                        <div class="wm-musicbeat-title">
                                            <h2><a href="#">FŐNIX CSARNOK DEBRECEN</a></h2>
                                            <span> AZ ORSZÁG ÉS KELETMAGYARORSZÁG EGYIK LEGMENŐBB SPORTCSARNOKÁT TÖLTJÜK FEL ELEMI ERŐVEL ÉS FRENETIKUS HANGULATTAL ISMÉT, GYERE!</span>
                                        </div>
                                        @* <div class="wm-musicbeat-link">
                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
                                        </div> *@
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <div class="wm-align-center"> <a href="#" class="wm-info-btn">See All Events <i class="flaticon-arrows"></i></a> </div>
                    </div>
                    <!--// Music Beat Dates \\-->

                </div>
            </div>
        </div>
        <!--// Main Section \\-->





    </div>
</div>

<!--// Main Section \\-->
<!--// Main Section \\-->
<VideoSliderComponent></VideoSliderComponent>









<!--// Footer \\-->

<div class="clearfix"></div>

<!--// Main Wrapper \\-->
<script type="text/javascript" src="_content/SharedUI/assets/script/functions.js"></script>
<script type="text/javascript" src="_content/SharedUI/assets/script/jplayer.functions.js"></script>

<!--footer 1 end-->
@code {
    [Inject]
    public IJSRuntime? JSRuntime { get; set; }

    private IJSObjectReference? _jsModule;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        base.OnAfterRender(firstRender);

        if (firstRender)
        {
            _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/SharedUI/assets/exampleJsInterop.js");
            await _jsModule.InvokeVoidAsync("getMessage");
        }
    }
}