@extends('layoutsutama.master2')
@section('content')
        <!-- dari sini -->
        <section class="relative pb-36 pt-44">
            <div class="container 2xl:max-w-[87.5rem] px-4 mx-auto">
                <div class="">
                    <div class="col-span-12 lg:col-span-7 2xl:col-span-1">
                        <h3 class="mb-8 !leading-relaxed md:text-2xl">Lokasi Event East Java Running Festival</span></h3>
                        <p class="mb-5 text-lg text-slate-500 dark:text-zink-200"></p>
           
                            <div class="" id="preSale">
                         
                                <div class="grid grid-cols-1 mt-16 gap-x-5 md:grid-cols-2 xl:grid-cols-2">
                                    
                                    <!--end card-->
                                    
                                    <div class="!shadow-lg text-15 card">
                                        <div class="card-body">
                                            <a href="{{URL::to('/madiun')}}">
                                                <h5 class="mb-2 text-center"> <span class="align-middle">MADIUN</span></h5>
                                                <p class="mb-4 text-slate-500 dark:text-zink-200"></p>

                                                <img src="assets/images/lokasi/FotoKotaEJRF-madiun.webp" alt="" class="rounded-md shadow"><br>
                                                @if($bwi)
                                                    <a href="{{URL::to('/madiun')}}" type="button" class="w-full bg-white border-dashed text-custom-500 btn border-custom-500 hover:text-custom-500 hover:bg-custom-50 hover:border-custom-600 focus:text-custom-600 focus:bg-custom-50 focus:border-custom-600 active:text-custom-600 active:bg-custom-50 active:border-custom-600 dark:bg-zink-700 dark:ring-custom-400/20 dark:hover:bg-custom-800/20 dark:focus:bg-custom-800/20 dark:active:bg-custom-800/20">
                                                    <span class="align-middle">REGISTER RACE</span>
                                                    </a>
                                                @else
                                                    <button type="button" class="w-full bg-white border-dashed text-slate-500 btn border-slate-500 hover:text-slate-500 hover:bg-slate-50 hover:border-slate-600 focus:text-slate-600 focus:bg-slate-50 focus:border-slate-600 active:text-custom-600 active:bg-custom-50 active:border-custom-600 dark:bg-zink-700 dark:ring-custom-400/20 dark:hover:bg-custom-800/20 dark:focus:bg-custom-800/20 dark:active:bg-custom-800/20">Closed</button>
                                                @endif
                                                
                                            </a>
                                        </div>
                                    </div><!--end card-->
                                    <div class="!shadow-lg text-15 card">
                                        <div class="card-body">
                                            <a href="{{URL::to('/surabaya')}}">
                                                <h5 class="mb-2 text-center"> <span class="align-middle">SURABAYA </span></h5>
                                           
                                                <p class="mb-4 text-slate-500 dark:text-zink-200"></p>
                                                <div class="my-4 h-px w-full bg-slate-200 dark:bg-navy-500"></div>
                                            
                                                <img src="assets/images/lokasi/EJRFKotaSurabaya.webp" alt="" class="rounded-md shadow"><br>
                                                @if($sby)
                                                <a href="{{URL::to('/surabaya')}}" type="button" class="w-full bg-white border-dashed text-custom-500 btn border-custom-500 hover:text-custom-500 hover:bg-custom-50 hover:border-custom-600 focus:text-custom-600 focus:bg-custom-50 focus:border-custom-600 active:text-custom-600 active:bg-custom-50 active:border-custom-600 dark:bg-zink-700 dark:ring-custom-400/20 dark:hover:bg-custom-800/20 dark:focus:bg-custom-800/20 dark:active:bg-custom-800/20">
                                                    <span class="align-middle">REGISTER RACE</span>
                                                </a>
                                                @else
                                                    <button type="button" class="w-full bg-white border-dashed text-slate-500 btn border-slate-500 hover:text-slate-500 hover:bg-slate-50 hover:border-slate-600 focus:text-slate-600 focus:bg-slate-50 focus:border-slate-600 active:text-custom-600 active:bg-custom-50 active:border-custom-600 dark:bg-zink-700 dark:ring-custom-400/20 dark:hover:bg-custom-800/20 dark:focus:bg-custom-800/20 dark:active:bg-custom-800/20">Closed {{$sby}}</button>
                                                @endif
                                            </a>    
                                        </div>
                                    </div>
                                    <!--end card-->
                                    
                                </div>
                            </div><br>
                         
                         
                        
                       

                         

                      
                    </div>
                </div>
            </div>
        </section>
         <!-- sampai sini -->
@endsection