@extends('app')

@section('title', $page_data->meta_title)

@section('meta_keywords', $page_data->meta_keywords?? '')
@section('meta_description', $page_data->meta_description?? '')


<!--@section('title', 'Class Schedule')-->

@section('head')

@endsection

@section('content')

@php $school_name = "ABC BARTENDING SCHOOL"; @endphp

<div class="container-fluid no-padding scheduled-banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>SCHEDULED<br>
                    STATE-WIDE CLASSES</h1>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-heading"> CURRENT SCHEDULE OF CLASSES </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="main-subheading"> All TABC/Food Handler classes listed are<br>
                    open to the public, and walk-ins are always welcome. </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid ss-hd-line-hor"></div>
<div class="coctainer-fluid">
    <div class="container">
        <div class="row top-margin-boxes ss-head-box">
            <div class="col-md-3"> </div>
            <div class="col-md-2">
                <div class="time-box"> TIME </div>
            </div>
            <div class="col-md-3">
                <div class="instructor-box"> TABC Class Instructor </div>
            </div>
            <div class="col-md-4">
                <div class="location-box"> LOCATION </div>
            </div>

        </div>

                @foreach($module_data as $class_schedule)
        @php //dump($class_schedule); @endphp
        @if($pre_date == $class_schedule->class_date)
        <div class="row ss-row"></div>
        @endif
        <div class="row  {{ (($pre_date  != '' && $pre_date != $class_schedule->class_date)? 'marging-after-two': ($i == 0? 'margin-middle':'' )) }} ">

            <div class="ss-hd-line-ver"></div>
            <div class="col-md-1">
                @if($pre_date != $class_schedule->class_date)
                <div class="table-icon"> <i class="fa fa-calendar"></i> </div>
                @endif
            </div>

            <div class="col-md-2">
                @if($pre_date != $class_schedule->class_date)
                <div class="day"> {{ date_format(date_create(unescape($class_schedule->class_date)),"l") }} </div>
                <div class="day-number"> {{ date_format(date_create(unescape($class_schedule->class_date)),"m-d-Y") }} </div>
                @endif
            </div>

            <div class="col-md-2">
                <div class="time-lower" style="{{ ($class_schedule->class_for != ''? 'padding-top:10px': '') }}">
                    @if($class_schedule->class_for != "")
                    <div class="services"> {{ unescape($class_schedule->class_for)}} </div>
                    @endif
                    {{ date('h:i a', strtotime($class_schedule->class_time))}} 
                </div>
            </div>
            <div class="col-md-3">
                <div class="instructor-lower">  {{$class_schedule->instructor}} </div>
            </div>
            
            <div class="col-md-4">
                <div class="location-lower">
                    <div class="location-lower-heading">   
                        {{unescape($class_schedule->location)}} 
                        @if($class_schedule->location == "ABC BARTENDING SCHOOL")
                            <div class="tooltip"><i class="fa fa-caret-down"></i>
                                <span class="tooltiptext">TABC classes at ABC Bartending School are held every other Thursday @ 7pm. If there is a holiday on Monday, then we automatically move class to Friday.</span>
                            </div>
                        @endif
                        
                    </div>
                    
                    <!--<div class=" hide-show-child" data-hide="hider{{ $class_schedule->id }}" style="display:none">  {{unescape($class_schedule->location)}} </div>-->
                    <div class="location-lower-subheading"> {{unescape($class_schedule->location_address)}}</div>
                </div>
            </div>
            <div class="ss-hd-line-ver"></div> 
        </div>

         
        @endforeach



        <div class="row" style="padding-left:48px;">

            <div class="col-md-12 no-padding"> 
                <div class="lower-container ">Any coupon or voucher issued by Texas Best Comics will be accepted as well </div>

            </div>


            <div class="ss-hd-line-ver2"></div>
        </div>
    </div>
</div>

@endsection


@section('foot')
/*<style>*/
/*    .hide-show{*/
/*        cursor: pointer;*/
/*    }*/
    
/*</style>*/
<!-- JavaScript Area -->
<script type="text/javascript" src="{{ url('resources/assets') }}/js/bootstrap.min.js"></script>
// <script>
//                 $(document).ready(function(){
//                     $('.hide-show').on('hover',function(){
                        
//                         $('.hide-show-child[data-hide="'+$(this).data('action')+'"]').toggle(function(){ $(this).slideDown(); }, function(){  });
                        
                        
//                     });
                    
                    
                    
//                 })
//             </script>
@endsection