@extends('frontend::layouts.master')
@section('style')
    <link rel="stylesheet" href="{{ mix('css/frontend.css') }}">
    <link rel="stylesheet" href="/frontend/assets/css/custom-style.css">
    <link rel="stylesheet" href="/frontend/assets/css/stage-style.css">
    <link href='https://fonts.googleapis.com/css?family=Libre Barcode 39' rel='stylesheet'>
    <link rel="stylesheet" href="/frontend/assets/css/page-review-and-buy.css">
@endsection
@section('content')
    
    <livewire:frontend::component.stage.top-menu />

    <!-- Start Main Page Wrapper -->
    <main class="main-page-wrapper">

        <!-- Start Client Area -->
        <div class="rn-client-area section-separator  sta" id="clients">
            <div class="container">               
                <p class="textRblack">กรุณาเลือกตั๋ว</p>
                <div class="row row--25 mt--10 mt_md--40 mt_sm--40">

                    <livewire:frontend::component.stage.event-ticket-list :event="$event"/>

                    <livewire:frontend::component.stage.event-ticket-price />
                    
                </div>
            </div>
        </div>
        <!-- End client section -->   

        
        <!-- Back to  top Start -->
        <div class="backto-top">
            <div>
                <i data-feather="arrow-up"></i>
            </div>
        </div>
        <!-- Back to top end -->
    </main>

    <livewire:frontend::component.footer />
    
@endsection
@section('script')

    @livewireScripts

  <script src="{{ mix('js/frontend.js') }}"></script>
@endsection