@extends('layouts.main')
@section('title')
    <title id="page_title">{{ pageTitle(['Schedule Matches']) }}</title>
@endsection
@section('content')
    <div class="magazine_grid_main">
        <div class="detail_page">
            <div class="container"> 
                <div class="responsive_top_main_add">
                    <div class="td-all-devices mrgtop0 mrgbtm20">
                            @include('ads.golden-444-static')
                    </div>
                </div>
                <div class="score_detail_row">
                    <div class="score_detai_left">	
                        <div class="theme_tabs">
                            <!-- Common header links -->
                            @include('common-tabs.common-main-header-tabs')
                            <!-- / Common header links -->                     
                            <div class="tab-content clearfix" id="myTabContent">
                                <h2 class="sec_title">Cricket Schedule</h2>
                                <div class="tab-pane fade show active" id="matchsByDays" role="tabpanel" aria-labelledby="matchsByDays-tab">
                                    <div class="tab-content p-0" id="pills-tabContent">
                                        <div class="tab-pane fade show active" id="pills-team1" role="tabpanel" aria-labelledby="pills-team1-tab">
                                            <div class="filter_tabs">
                                                <div class="filter_tabs_btns">
                                                    <a href="javascript:;" class="filter_btn {{ $match_type == 'international' ? 'active' : '' }}" id="international">International</a>
                                                    <a href="javascript:;" class="filter_btn {{ $match_type == 'league' ? 'active' : '' }}" id="league">League</a>
                                                    <a href="javascript:;" class="filter_btn {{ $match_type == 'domestic' ? 'active' : '' }}" id="domestic">Domestic</a>
                                                    <a href="javascript:;" class="filter_btn {{ $match_type == 'women' ? 'active' : '' }}" id="women">Women</a>
                                                </div>
                                                <div class="spacer"></div>
                                                <div class="shimmer_cls match_list_container">
                                                    <div class="highlights_box {{ $match_type }}"></div>
                                                    <!-- loader -->
                                                    <div class="highlights_box_loader list_match_set_shmr">
                                                        <div class="theme_table border_box machbyday_table  machbyday_table_head">
                                                            <table>
                                                                <thead class="cs-thead">
                                                                    <tr>
                                                                        <th width="100%" colspan="3"></th>
                                                                    </tr>
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="theme_table responsive-table border_box mb-3 machbyday_table machbyday_table_body">
                                                            <table>
                                                                <tbody id="filter_parent">
                                                                    <tr valign="top">
                                                                        <td width="30%">
                                                                            <div class="match_title series_match_detail content_shimmer">
                                                                                <a href="javascript:;" class="series_mach_title"><b>New Zealand tour of Pakistan, 2022-23</b></a>
                                                                            </div>
                                                                        </td>
                                                                        <td width="70%" class="p-0">
                                                                            <div class="series_match_detail series_match_detail_list">
                                                                                <table class="inner_table">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td width="60%">
                                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>Pakistan vs New Zealand, 2nd ODI</b></a>
                                                                                                <div class="grey_text content_shimmer">National Stadium,Karachi</div>
                                                                                            </td>
                                                                                            <td width="40%">
                                                                                                <div class="match_datetime">
                                                                                                    <b class="content_shimmer">3:00 PM</b>
                                                                                                    <div class="grey_text content_shimmer">9:30 AM GMT / 2:30 PM Local</div>
                                                                                                </div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>   
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="theme_table border_box machbyday_table  machbyday_table_head">
                                                            <table>
                                                                <thead class="cs-thead">
                                                                    <tr>
                                                                        <th width="100%" colspan="3"></th>
                                                                    </tr>
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="theme_table responsive-table border_box mb-3 machbyday_table machbyday_table_body">
                                                            <table>
                                                                <tbody id="filter_parent">
                                                                    <tr valign="top">
                                                                        <td width="30%">
                                                                            <div class="match_title series_match_detail ">
                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>Ireland tour of Zimbabwe, 2023</b></a>
                                                                            </div>
                                                                        </td>
                                                                        <td width="70%" class="p-0">
                                                                            <div class="series_match_detail series_match_detail_list">
                                                                                <table class="inner_table">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td width="60%">
                                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>Zimbabwe vs Ireland, 1st T20I</b></a>
                                                                                                <div class="grey_text content_shimmer">Harare Sports Club,Harare</div>
                                                                                            </td>
                                                                                            <td width="40%">
                                                                                                <div class="match_datetime">
                                                                                                    <b class="content_shimmer">4:30 PM</b>
                                                                                                    <div class="grey_text content_shimmer">11:00 AM GMT / 1:00 PM Local</div>
                                                                                                </div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>   
                                                                        </td>
                                                                    </tr>
                                                                    <tr valign="top">
                                                                        <td width="30%">
                                                                            <div class="match_title series_match_detail ">
                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>Sri Lanka tour of India, 2023</b></a>
                                                                            </div>
                                                                        </td>
                                                                        <td width="70%" class="p-0">
                                                                            <div class="series_match_detail series_match_detail_list">
                                                                                <table class="inner_table">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td width="60%">
                                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>India vs Sri Lanka, 2nd ODI</b></a>
                                                                                                <div class="grey_text content_shimmer">Eden Gardens,Kolkata</div>
                                                                                            </td>
                                                                                            <td width="40%">
                                                                                                <div class="match_datetime">
                                                                                                    <b class="content_shimmer">1:30 PM</b>
                                                                                                    <div class="grey_text content_shimmer">8:00 AM GMT / 1:30 PM Local</div>
                                                                                                </div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>  
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="theme_table border_box machbyday_table  machbyday_table_head">
                                                            <table>
                                                                <thead class="cs-thead">
                                                                    <tr>
                                                                        <th width="100%" colspan="3"></th>
                                                                    </tr>
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="theme_table responsive-table border_box mb-3 machbyday_table machbyday_table_body">
                                                            <table>
                                                                <tbody id="filter_parent">
                                                                    <tr valign="top">
                                                                        <td width="30%">
                                                                            <div class="match_title series_match_detail content_shimmer">
                                                                                <a href="javascript:;" class="series_mach_title"><b>New Zealand tour of Pakistan, 2022-23</b></a>
                                                                            </div>
                                                                        </td>
                                                                        <td width="70%" class="p-0">
                                                                            <div class="series_match_detail series_match_detail_list">
                                                                                <table class="inner_table">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td width="60%">
                                                                                                <a href="javascript:;" class="series_mach_title content_shimmer"><b>Pakistan vs New Zealand, 2nd ODI</b></a>
                                                                                                <div class="grey_text content_shimmer">National Stadium,Karachi</div>
                                                                                            </td>
                                                                                            <td width="40%">
                                                                                                <div class="match_datetime">
                                                                                                    <b class="content_shimmer">3:00 PM</b>
                                                                                                    <div class="grey_text content_shimmer">9:30 AM GMT / 2:30 PM Local</div>
                                                                                                </div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>   
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <!-- / loader -->
                                                </div>	
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="score_detai_right">
                        <div class="web_right_main_add">
                            @include('ads.golden-444-static')
                        </div>
                        
@include('news._latest-news-primary-container')
                        @include('layouts.categories-footer')
                    </div>
                </div>
            </div>
        </div>
    </div>      
    <input type="hidden" id="matchType" value="{{ $match_type }}">
@endsection
@section('page-specific-scripts')
    <script src="{{ url('js/moment.min.js') }}"></script>
    <script src="{{ url('matches_by_day_js/schedule_match_list.js') }}"></script>
@endsection