@extends('layouts.main.main')
@section('title')
Home

@endsection

@section('content')
<!--Main Slider Start-->
<div class="main-slider">
    <div class="home2-slider rev_slider_wrapper">
        <!-- START REVOLUTION SLIDER -->

        <div class="rev_slider_wrapper fullwidthbanner-container">
            <div id="rev-slider2" class="rev_slider fullwidthabanner">

                <ul>
                    @foreach ($sliders as $item)
                    <li data-transition="fade"> <img src="{{ $item->backgroundImage }}" alt="no-background-image-found"
                            width="1920" height="750" data-bgposition="top center" data-bgfit="cover"
                            data-bgrepeat="no-repeat" data-bgparallax="1">
                        @if($item->playerImage)
                            <div class="tp-caption  tp-resizeme" data-x="right" data-hoffset="250" data-y="top"
                                data-voffset="20" data-transform_idle="o:1;"
                                data-transform_in="x:[-75%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                                data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                                data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                                data-start="700">
                                <div class="slide-content-box"> <img src="{{ $item->playerImage }}" alt="" > </div>
                            </div>
                        @endif

                        @if($item->description)
                            <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="150" data-y="top"
                                data-voffset="160" data-transform_idle="o:1;"
                                data-transform_in="x:[-75%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                                data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                                data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                                data-start="700">
                                <div class="slide-content-box" id="desc_lines">
                                    <h1 style="	font-size:50px; line-height: 1.5;">
                                        {{-- {{ wordwrap()}} --}}
                                                                            </h1>
                                </div>
                            </div>
                        @endif

                        @if($item->url != null && $item->linkButtonText != null)

                        @switch($item->description)
                        @case(strlen($item->description) > 90)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="460" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 80)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="460" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 70)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="460" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 60)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="380" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 50)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="360" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 40)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="330" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                        @case(strlen($item->description) > 30)
                        <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                        data-voffset="310" data-transform_idle="o:1;"
                        data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                        data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                        data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                        data-start="700">
                                    <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                    rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>

                        </div>
                        @break
                         @default
                            <div class="tp-caption  tp-resizeme" data-x="left" data-hoffset="155" data-y="top"
                            data-voffset="250" data-transform_idle="o:1;"
                            data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
                            data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                            data-mask_in="x:[100%];y:0;s:inherit;e:inherit;" data-splitin="none" data-splitout="none"
                            data-start="700">
                                        <div class="slide-content-box"> <a href="{{$item->url}}" target="_blank"
                                        rel="noopener noreferrer">{{$item->linkButtonText}}</a> </div>
                        </div>
                       @endswitch
                        @endif
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <!-- END REVOLUTION SLIDER -->
    </div>
</div>
<!--Main Slider Start-->
<div class="main-content wf100 default-bg">
      <!--Slide tabs start-->
      <div class="slider-tabs wf100">
      <div class="container">
        <div class="row">
          <ul>
               @if(count($latest_news)>0)
              @foreach ($latest_news as $newsBlogs)
              <li class="col-lg-4">
                <div class="slidetab-box"> <span>03</span>
                    <h6><a href="{{ $newsBlogs->link }}">{{ $newsBlogs->title }}</a> </h6>
                    <strong>Carolina Baltimore</strong> </div>
            </li>
              @endforeach
             @endif
            <!-- <li class="col-lg-4">
              <div class="slidetab-box"> <span>01</span>
                <h6><a href="index.html#">Success is not Accident it’s a Result of Hard Work</a></h6>
                <strong>NFL League</strong> </div>
            </li>
            <li class="col-lg-4">
              <div class="slidetab-box"> <span>02</span>
                <h6><a href="index.html#">Marit Lion: Player of the Month in December 2018</a></h6>
                <strong>MBL Premiere League</strong> </div>
            </li>
            <li class="col-lg-4">
              <div class="slidetab-box"> <span>03</span>
                <h6><a href="index.html#">The will to prepare to win
                  that makes the difference</a> </h6>
                <strong>Carolina Baltimore</strong> </div>
            </li> -->
          </ul>
        </div>
      </div>
    </div>
    <!--Slide tabs end-->
      <!--Sports Widgets Start-->
      <section class="wf100 p80" style="display: none;">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 col-md-6">
              <!--Next Match Widget Start-->
              <div class="next-match-widget">
                <h5 class="title">Next Match</h5>
                <div class="nmw-wrap">
                  <ul class="match-teams-vs">
                    <li class="team-logo"><img src="images/mlogo1.png" alt=""> <strong>FC Champs</strong> </li>
                    <li class="mvs"> <strong class="vs">VS</strong> </li>
                    <li class="team-logo"><img src="images/mlogo2.png" alt=""> <strong>Tigers</strong> </li>
                  </ul>
                  <ul class="nmw-txt">
                    <li><strong>Super Euro League</strong></li>
                    <li>20 December, 2020</li>
                    <li>04:00 PM GMT+</li>
                    <li><span>New Expo Stadium, NYK</span></li>
                  </ul>
                  <div class="defaultCountdown"></div>
                  <div class="buy-ticket"><a href="index.html#">Buy Your Ticket</a></div>
                </div>
              </div>
              <!--Next Match Widget End-->
            </div>
            <div class="col-lg-4 col-md-6">
              <!--Next Match Fixtures Width Start  -->
              <div class="next-match-fixtures">
                <ul class="match-teams-vs">
                  <li class="team-logo"><img src="images/nmf-logo1.png" alt=""> <strong>FC Champs</strong> </li>
                  <li class="mvs">
                    <p> <strong>Super Asia Cup</strong> 20 December, 2020
                      04:00 PM GMT+ </p>
                    <strong class="vs">VS</strong> </li>
                  <li class="team-logo"><img src="images/nmf-logo2.png" alt=""> <strong>Tigers</strong> </li>
                </ul>
                <ul class="nmf-loc">
                  <li><i class="fas fa-location-arrow"></i> New Expo Stadium, NYK</li>
                  <li><a href="index.html#"><i class="fas fa-ticket-alt"></i> Book Tickets</a></li>
                </ul>
              </div>
              <!--Next Match Fixtures Width End  -->
              <!--Next Match Fixtures Width Start  -->
              <div class="next-match-fixtures">
                <ul class="match-teams-vs">
                  <li class="team-logo"><img src="images/nmf-logo2.png" alt=""> <strong>Tigers</strong> </li>
                  <li class="mvs">
                    <p> <strong>Super Asia Cup</strong> 25 December, 2020
                      04:00 PM GMT+ </p>
                    <strong class="vs">VS</strong> </li>
                  <li class="team-logo"><img src="images/nmf-logo3.png" alt=""> <strong>Indy Eleven</strong> </li>
                </ul>
                <ul class="nmf-loc">
                  <li><i class="fas fa-location-arrow"></i> King Power Stadium</li>
                  <li><a href="index.html#"><i class="fas fa-ticket-alt"></i> Book Tickets</a></li>
                </ul>
              </div>
              <!--Next Match Fixtures Width End  -->
              <!--Next Match Fixtures Width Start  -->
              <div class="next-match-fixtures">
                <ul class="match-teams-vs">
                  <li class="team-logo"><img src="images/nmf-logo1.png" alt=""> <strong>kangaroos</strong> </li>
                  <li class="mvs">
                    <p> <strong>Super Asia Cup</strong> 30 December, 2020
                      04:00 PM GMT+ </p>
                    <strong class="vs">VS</strong> </li>
                  <li class="team-logo"><img src="images/nmf-logo2.png" alt=""> <strong>Man Utd</strong> </li>
                </ul>
                <ul class="nmf-loc">
                  <li><i class="fas fa-location-arrow"></i>  Old Trafford, Manchester</li>
                  <li><a href="index.html#"><i class="fas fa-ticket-alt"></i> Book Tickets</a></li>
                </ul>
              </div>
              <!--Next Match Fixtures Width End  -->
            </div>
            <div class="col-lg-4">
              <div class="point-table-widget">
                <table>
                  <thead>
                    <tr>
                      <th>P</th>
                      <th>Team</th>
                      <th>W</th>
                      <th>D</th>
                      <th>L</th>
                      <th>Pts</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td><img src="images/tl-logo1.png" alt=""> <strong>Bethlehem</strong></td>
                      <td>22</td>
                      <td>4</td>
                      <td>2</td>
                      <td><strong>140</strong></td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td><img src="images/tl-logo2.png" alt=""> <strong>Chirston Battery</strong></td>
                      <td>19</td>
                      <td>3</td>
                      <td>5</td>
                      <td><strong>138</strong></td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td><img src="images/tl-logo3.png" alt=""> <strong>Charlotte</strong></td>
                      <td>18</td>
                      <td>2</td>
                      <td>3</td>
                      <td><strong>130</strong></td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td><img src="images/tl-logo4.png" alt=""> <strong>FC Cincinnati</strong></td>
                      <td>17</td>
                      <td>1</td>
                      <td>2</td>
                      <td><strong>126</strong></td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td><img src="images/tl-logo5.png" alt=""> <strong>Indy Eleven</strong></td>
                      <td>16</td>
                      <td>3</td>
                      <td>2</td>
                      <td><strong>110</strong></td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td><img src="images/tl-logo6.png" alt=""> <strong>Louisville City FC</strong></td>
                      <td>15</td>
                      <td>4</td>
                      <td>6</td>
                      <td><strong>108</strong></td>
                    </tr>
                    <tr>
                      <td>7</td>
                      <td><img src="images/tl-logo7.png" alt=""> <strong>Nashville SC</strong></td>
                      <td>14</td>
                      <td>2</td>
                      <td>8</td>
                      <td><strong>106</strong></td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td><img src="images/tl-logo8.png" alt=""> <strong>NYK Red Bulls</strong></td>
                      <td>13</td>
                      <td>1</td>
                      <td>9</td>
                      <td><strong>100</strong></td>
                    </tr>
                    <tr>
                      <td>9</td>
                      <td><img src="images/tl-logo9.png" alt=""> <strong>North Carolina</strong></td>
                      <td>12</td>
                      <td>2</td>
                      <td>10</td>
                      <td><strong>80</strong></td>
                    </tr>
                    <tr>
                      <td>10</td>
                      <td><img src="images/tl-logo10.png" alt=""> <strong>Ottawa Fury</strong></td>
                      <td>11</td>
                      <td>3</td>
                      <td>11</td>
                      <td><strong>76</strong></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--Sports Widgets End-->
    <!--News & Media Gallery Start-->
    <section class="wf100 p80 sports-news" style="margin-top:50px">
        <div class="container">
            @if ($profile)
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2>About Minifootball Association Of India </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <!--News Box Start-->
                    <div class="news-list-post">
                        <div style="padding: 34px 50px 40px; width: 100%;">
                            <a href="/minifootball" class="text-dark a-mai fadeInLeft ">{{ $profile->description }} </a>
                            <a href="/minifootball" class="rm" style="float: right">>>Read more</a>
                        </div>
                        <!--News Box End-->
                    </div>
                </div>
            </div>
            @else
            <div class="row">
                <div class="col-lg-12">
                    <!--News Box Start-->
                    <div class="news-list-post">
                        <div style="padding: 34px 50px 40px; width: 100%; text-align:center">
                            <b>*Information not available*</b>
                        </div>
                        <!--News Box End-->
                    </div>
                </div>
            </div>
            @endif

    </section>
    <!--News & Media Gallery End-->
    <!--Main Content Start-->
    <!--News & Updates Start-->
    @if(count($news)>0)
    <section class="news-updates wf100 p90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2>News Updates</h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div id="newsupdate-slider" class="owl-carousel owl-theme">
                        @foreach ($news as $item)
                        <!--Item Start-->
                        @if($item->type == 'international_news')
                        <div class="item" style="height:400px">
                            <div class="hnews-box">
                            <div class="thumb"><a href="{{ $item->link }}" target="_blank"><i class="fas fa-newspaper"></i></a>
                                <img src="{{ $item->coverImage }}" style="width: 350px;height:350px" alt="">
                                    </div>
                                <div class="hnews-txt" style="height: 180px">
                                      <ul class="news-meta">
                                        <li><i class="fas fa-calendar-alt"></i> {{ date('d-M-Y', strtotime($item->Date));}}</li>
                                      </ul>
                                    <h4> <a href="{{ $item->link }}" target="_blank">{{ \Illuminate\Support\Str::limit($item->title, 50, $end='...')  }}</a> </h4>
                                    <a class="rm" href="{{ $item->link }}" target="_blank">News Detail <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                      @else
                      <div class="item" style="height:400px">
                        <div class="hnews-box">
                        <div class="thumb"><a href="{{ url('/'.$item->type.'/'.$item->id.'/'.$item->title) }}" target=""><i class="fas fa-newspaper"></i></a>
                            <img src="{{ $item->coverImage }}" style="width: 350px;height:350px" alt="">
                                </div>
                                <div class="hnews-txt" style="height: 180px">
                                  <ul class="news-meta">
                                    <li><i class="fas fa-calendar-alt"></i> {{ date('d-M-Y', strtotime($item->Date));}}</li>
                                  </ul>
                                <h4> <a href="{{ url('/'.$item->type.'/'.$item->id.'/'.$item->title) }}" target="">{{ \Illuminate\Support\Str::limit($item->title, 50, $end='...')  }}</a> </h4>
                                <a class="rm" href="{{ url('/'.$item->type.'/'.$item->id.'/'.$item->title) }}" target="">News Detail <i class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    @endif
                        <!--Item End-->
                        @endforeach
                    </div>
        </div>

            </div>
        </div>
    </section>
    @endif
    <!--News & Updates End-->
    <!--News & Updates Start-->
    @if(count($images)>0)
    <section class="news-updates wf100 p90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2>Image Gallery</h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div id="newsupdate-slider2" class="owl-carousel owl-theme">
                        @foreach ($images->sortByDesc('timestamp') as $item)
                        <!--Item Start-->
                        <div class="item">
                            <div class="hnews-box">
                                <div class="thumb"><span>{{ $item->album_name }}</span> <a
                                        href="{{ url('image_gallery/'.$item->id.'/'.$item->album_name) }}"><i
                                            class="fas fa-image"></i></a><img src="{{ $item->coverImage }}"
                                        style="width: 350px;height:250px" alt=""></div>
                            </div>
                        </div>
                        <!--Item End-->
                        @endforeach
                    </div>
                </div>
            </div>
            {{-- <div style="text-align: center" class="mt-5 text-danger">
            <a href="#"  class="btn  btn-outline-danger btn-sm" >More <i class="fa fa-chevron-circle-right"></i></a>
          </div> --}}
        </div>
    </section>
    @endif
    <!--News & Updates End-->
    <!--News & Updates Start-->
    @if(count($videos)>0)
    <section class="news-updates wf100 p90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2>Video Gallery</h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div id="newsupdate-slider3" class="owl-carousel owl-theme">
                        @foreach ($videos->sortByDesc('timestamp') as $item)
                        <!--Item Start-->
                        <div class="item">
                            <div class="hnews-box">
                                <div class="thumb"><span>{{ $item->album_name }}</span><a
                                        href="{{ url('video_gallery/'.$item->id.'/'.$item->album_name) }}"><i
                                            class="fas fa-film"></i></a><img src="{{ $item->cover_image }}"
                                        style="width: 350px;height:250px" alt=""></div>
                            </div>
                        </div>
                        <!--Item End-->
                        @endforeach
                    </div>
                </div>
            </div>
            {{-- <div style="text-align: center" class="mt-5 text-danger">
            <a href="#"  class="btn  btn-outline-danger btn-sm" >More <i class="fa fa-chevron-circle-right"></i></a>
          </div> --}}
        </div>
    </section>
    @endif
    <!--News & Updates End-->
    <!--Team Section Start-->
    <section class="wf100 h3-team" style="display: none">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-4">
                    <div class="section-title">
                        <h2>MAI Players</h2>
                    </div>
                </div>
            </div>
            <div class="tab-content wf100" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-defenders" role="tabpanel" aria-labelledby="nav-1-tab">
                    <div class="row">

                        @foreach ($athlete as $item)
                        <!--Player Start-->
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="lp-box">
                                <div class="lp-thumb"> <a class="vp" href="#">View Profile</a>
                                    <img src="{{ $item->image }}" style="width: 255px;height:349px" alt=""></div>
                                <div class="lp-name">
                                    <h4><a href="#">{{ $item->name }}</a></h4>
                                    <strong>{{ $item->title }}</strong>
                                </div>
                            </div>
                        </div>
                        <!--Player End-->
                        @endforeach
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--Team Section End-->
    <!--Ad Start-->
    <div class="banner-wrap text-center p-4 wf100" style="background: white">
        <img src="banner_1.jpg"alt="">
    </div>
    <!--Ad End-->
    <!--News & Media Gallery End-->
    <section class="sponsor-logos wf100">
      <div class="container">
        <ul class="row justify-content-center">
        @foreach ($sponsors as $item)
          <li class="col-6 col-md-4 col-lg-3" style="padding:15px"> <a href="{{$item->link}}" target="_blank"><img src="{{$item->image_path}}" alt=""></a> </li>
          <!-- <li class="col-md-2 col-4 col-sm-2"> <a href="index.html#"><img src="images/sitelogos2.png" alt=""></a> </li>
          <li class="col-md-2 col-4 col-sm-2"> <a href="index.html#"><img src="images/sitelogos3.png" alt=""></a> </li>
          <li class="col-md-2 col-4 col-sm-2"> <a href="index.html#"><img src="images/sitelogos4.png" alt=""></a> </li>
          <li class="col-md-2 col-4 col-sm-2"> <a href="index.html#"><img src="images/sitelogos5.png" alt=""></a> </li>
          <li class="col-md-2 col-4 col-sm-2"> <a href="index.html#"><img src="images/sitelogos6.png" alt=""></a> </li> -->
          @endforeach
        </ul>
      </div>
    </section>
    <!--News & Media Gallery End-->
    <section class="tweets-banner wf100">
    <div class="container">
      <div class="row">
      <div class="col-md-12"><div class="section-title white">
            <h2>Recent Facebook Posts</h2>
          </div></div>
      </div>

          <ul class="row" >