@extends('web.layout.master')
@section('content')
   <div class="container my-2">
      <div class="row">
         <div class="col-lg-9 col-md-12 mb-3">
            <div class="border p-3 rounded-4">
            	               <h1 class="crick-blog-title">{{$match->title}}, {{$match->subtitle}} - Live Cricket Score</h1>
               <div class="circ-meta-tags font-semi d-flex justify-content-between flex-wrap gap-2 pt-3">
                  <span><b>Series:</b> <a href="#"> {{json_decode(json_decode($match->competition))->name}}</a></span> <span><b>Venue:</b>
                     {{json_decode(json_decode($match->venue))->name}}, {{json_decode(json_decode($match->venue))->city}}</span> <span><b>Date & Time:</b>  {{$formattedDateTime}} LOCAL</span>
               </div>
               <hr class="my-4">
               <div class="row">
                  <div class="col-md-8">
                     <div class="border rounded-4 p-3">
                        <div class="d-flex justify-content-between flex-wrap ">
                           <p class="text-nowrap font-low mb-0">@if($match->status == 2)<span class="success-text">Completed </span>@elseif($match->status == 1)<span class="live-text">Live </span>@endif<span
                                 class="style_dark_match_date"> - {{$match->subtitle}}</span> - {{json_decode(json_decode($match->venue))->city}}</p>
                           <p class="text-nowrap font-low mb-0"><span class="text-dark fw-bold">Current Run Rate
                                 :</span><span class="style_dark_match_date"> 4.82</span></p>
                        </div>
                        <div class="team_list_box pt-3">
                           <div class="team_list_items d-flex justify-content-between align-items-center">
                              <div class="d-flex align-items-center text-dark">
                                 <img src="assets/images/australia-flag.png" class="rounded mx-auto d-block" alt="">
                                 <span class="first_tema_name font-low ms-2">{{json_decode(json_decode($match->teama))->name}}</span>
                              </div>
                              <p class="mb-0 font-low">{{$score1->scores}}</p>
                           </div>
                           <div class="team_list_items d-flex justify-content-between align-items-center">
                              <div class="d-flex align-items-center">
                                 <img src="assets/images/pakistan-flag.png" class="rounded mx-auto d-block" alt="">
                                 <span class="second_tema_name font-low ms-2">{{json_decode(json_decode($match->teamb))->name}}</span>
                              </div>
                              <p class="mb-0 font-low">{{$score2->scores}}</p>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-4">
                     <div class="common-box border rounded-4 overflow-hidden p-0 mb-3 br-sm">
                        <div>
                           <p class="text-uppercase bg-dark text-white font-semi fw-bold p-2 mb-0">Recent Over</p>
                        </div>
                        <div class="style_list__7qbya font-low d-flex align-items-center py-1 m-2">
                           <span class="mx-1 mx-xl-2 px-1 border-0">18 Ov:</span>
                           <span class="text-danger mx-1 mx-xl-2 px-1">W</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">1</span>
                        </div>
                        <div class="style_list__7qbya font-low d-flex align-items-center py-1 m-2">
                           <span class="mx-1 mx-xl-2 px-1 border-0">17 Ov:</span>
                           <span class="text-danger mx-1 mx-xl-2 px-1">W</span>
                           <span class="mx-1 mx-xl-2 px-1">1</span>
                           <span class="text-info mx-1 mx-xl-2 px-1">6</span>
                           <span class="mx-1 mx-xl-2 px-1">2</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">1</span>
                        </div>
                        <div class="style_list__7qbya font-low d-flex align-items-center py-1 m-2">
                           <span class="mx-1 mx-xl-2 px-1 border-0">16 Ov:</span>
                           <span class="text-danger mx-1 mx-xl-2 px-1">W</span>
                           <span class="mx-1 mx-xl-2 px-1">1</span>
                           <span class="text-info mx-1 mx-xl-2 px-1">6</span>
                           <span class="mx-1 mx-xl-2 px-1">2</span>
                           <span class="mx-1 mx-xl-2 px-1">0</span>
                           <span class="mx-1 mx-xl-2 px-1">1</span>
                        </div>
                     </div>
                  </div>
               </div>

               <div class="row">
                  <div class="col-md-12 py-2 py-md-4">
                     <ul
                        class="scroll-list flex-nowrap text-nowrap resp-scroll pages-link d-flex align-items-center gap-1">
                        <li><a href="{{route('commentary',['id'=>$match->match_id])}}">Commentary</a></li>
                        <li><a href="{{route('scorecard',['id'=>$match->match_id])}}">Scorecard</a></li>
                        <li><a href="{{route('squads',['id'=>$match->match_id])}}">Squads</a></li>
                        <li><a href="{{route('highlights',['id'=>$match->match_id])}}">Highlights</a></li>
                        <li><a href="{{route('fcommentary',['id'=>$match->match_id])}}">Full Commentary</a></li>
                        <li><a href="{{route('liveBlog',['id'=>$match->match_id])}}">Live Blog</a></li>
                        <li><a href="{{route('pointTable',['id'=>$match->match_id])}}">Points Table</a></li>
                        <li><a href="{{route('matchFact',['id'=>$match->match_id])}}">Match Facts</a></li>
                        <li><a href="{{route('photos',['id'=>$match->match_id])}}">Photos</a></li>
                     </ul>
                  </div>
               </div>

               <div class="row score1">

                  <div class="accordion mb-2" id="accordionExample">
                     <div class="accordion-item">
                        <h2 class="accordion-header" id="australia">
                           <button class=" innings accordion-button" type="button" data-bs-toggle="collapse"
                              data-bs-target="#collapseAustralia" aria-expanded="true"
                              aria-controls="collapseAustralia">
                              <div class="innings">
                                 <h4>{{$score1->title}}</h4>
                                 <p>{{$score1->scores_full}}</p>
                              </div>
                           </button>
                        </h2>
                        <div id="collapseAustralia" class="accordion-collapse collapse show" aria-labelledby="australia"
                           data-bs-parent="#accordionExample">
                           <div class="accordion-body">
                              <div class="border rounded-4 table-responsive font-semi mb-3 batter-table">
                                 <table class="table">
                                    <thead>
                                       <tr>
                                          <th class="bg-dark text-white">Batter</th>
                                          <th class="bg-dark text-white"></th>
                                          <th class="bg-dark text-white">R</th>
                                          <th class="bg-dark text-white">B</th>
                                          <th class="bg-dark text-white">SR</th>
                                          <th class="bg-dark text-white">4s</th>
                                          <th class="bg-dark text-white">6s</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                    	@foreach($score1->batsmen as $value)
	                                        <tr>
	                                          <td>{{$value->name}}</td>
	                                          <td>{{$value->how_out}}</td>
	                                          <td>{{$value->runs}}</td>
	                                          <td>{{$value->balls_faced}}</td>
	                                          <td>{{$value->strike_rate}}</td>
	                                          <td>{{$value->fours}}</td>
	                                          <td>{{$value->sixes}}</td>
	                                        </tr>
                                        @endforeach
                                        <tr>
                                          <td>EXTRA:</td>
                                          <td>( B - {{$score1->extra_runs[0]->byes}}, W - {{$score1->extra_runs[0]->wides}}, NO - {{$score1->extra_runs[0]->noballs}}, LB - {{$score1->extra_runs[0]->legbyes}}, P - {{$score1->extra_runs[0]->penalty}} )</td>

                                        </tr>
                                    <tfoot>
                                       <tr>
                                          <td>TOTAL <span> ( {{$score1->equations->runrate}} RUNS PER OVER )</span></td>
                                          <td>{{$score1->scores_full}}</td>
                                       </tr>
                                    </tfoot>

                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

                  <div class="wickets mb-3">
                     <h4>Fall of Wickets</h4>
                     <p>
                     	@foreach($score1->fows as $key=>$val) @if($key != 0) , @endif {{$val->runs}}-{{$val->number}} ({{$val->name}}, {{$val->overs_at_dismissal}}) @endforeach
					 </p>
                  </div>

                  <div class="border rounded-4 table-responsive font-semi mb-3">
                     <table class="table">
                        <thead>
                           <tr>
                              <th class="bg-dark text-white">Bowler</th>
                              <th class="bg-dark text-white">Ov</th>
                              <th class="bg-dark text-white">M</th>
                              <th class="bg-dark text-white">R</th>
                              <th class="bg-dark text-white">W</th>
                              <th class="bg-dark text-white">NB</th>
                              <th class="bg-dark text-white">WD</th>
                              <th class="bg-dark text-white">Eco</th>
                           </tr>
                        </thead>

                        <tbody>
                          @foreach($score1->bowler as $value)
                            <tr>
                              <td>{{$value->name}}</td>
                              <td>{{$value->overs}}</td>
                              <td>{{$value->maidens}}</td>
                              <td>{{$value->runs_conceded}}</td>
                              <td>{{$value->wickets}}</td>
                              <td>{{$value->noballs}}</td>
                              <td>{{$value->wides}}</td>
                              <td>{{$value->econ}}</td>
                            </tr>
                          @endforeach
                        </tbody>
                     </table>
                  </div>

                  <div class="accordion mb-2" id="accordionExample">
                     <div class="accordion-item">
                        <h2 class="accordion-header" id="pakistan">
                           <button class=" innings accordion-button" type="button" data-bs-toggle="collapse"
                              data-bs-target="#collapsePakistan" aria-expanded="true" aria-controls="collapsePakistan">
                              <div class="innings">
                                 <h4>{{$score2->title}}</h4>
                                 <p>{{$score2->scores_full}}</p>
                              </div>
                           </button>
                        </h2>
                        <div id="collapsePakistan" class="accordion-collapse collapse show" aria-labelledby="pakistan"
                           data-bs-parent="#accordionExample">
                           <div class="accordion-body">
                              <div class="border rounded-4 table-responsive font-semi mb-3 batter-table">
                                 <table class="table">
                                    <thead>
                                       <tr>
                                          <th class="bg-dark text-white">Batter</th>
                                          <th class="bg-dark text-white"></th>
                                          <th class="bg-dark text-white">R</th>
                                          <th class="bg-dark text-white">B</th>
                                          <th class="bg-dark text-white">SR</th>
                                          <th class="bg-dark text-white">4s</th>
                                          <th class="bg-dark text-white">6s</th>
                                       </tr>
                                    </thead>
                                    <tbody>

                                       @foreach($score2->batsmen as $value)
	                                        <tr>
	                                          <td>{{$value->name}}</td>
	                                          <td>{{$value->how_out}}</td>
	                                          <td>{{$value->runs}}</td>
	                                          <td>{{$value->balls_faced}}</td>
	                                          <td>{{$value->strike_rate}}</td>
	                                          <td>{{$value->fours}}</td>
	                                          <td>{{$value->sixes}}</td>
	                                        </tr>
                                        @endforeach

                                       <tr>
                                          <td>EXTRA:</td>
                                          <td>( B - {{$score2->extra_runs[0]->byes}}, W - {{$score2->extra_runs[0]->wides}}, NO - {{$score2->extra_runs[0]->noballs}}, LB - {{$score2->extra_runs[0]->legbyes}}, P - {{$score2->extra_runs[0]->penalty}} )</td>

                                       </tr>
                                    <tfoot>
                                       <tr>
                                          <td>TOTAL <span> ( {{$score2->equations->runrate}} RUNS PER OVER )</span></td>
                                          <td>{{$score2->scores_full}}</td>
                                       </tr>
                                    </tfoot>

                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

                  <div class="wickets mb-3">
                     <h4>Fall of Wickets</h4>
                     <p>
                     	@foreach($score2->fows as $key=>$val) @if($key != 0) , @endif {{$val->runs}}-{{$val->number}} ({{$val->name}}, {{$val->overs_at_dismissal}}) 
                     	@endforeach
                     </p>
                  </div>

                  <div class="border rounded-4 table-responsive font-semi mb-3">
                     <table class="table">
                        <thead>
                           <tr>
                              <th class="bg-dark text-white">Bowler</th>
                              <th class="bg-dark text-white">Ov</th>
                              <th class="bg-dark text-white">M</th>
                              <th class="bg-dark text-white">R</th>
                              <th class="bg-dark text-white">W</th>
                              <th class="bg-dark text-white">NB</th>
                              <th class="bg-dark text-white">WD</th>
                              <th class="bg-dark text-white">Eco</th>
                           </tr>
                        </thead>

                        <tbody>
                           @foreach($score2->bowler as $value)
                            <tr>
                              <td>{{$value->name}}</td>
                              <td>{{$value->overs}}</td>
                              <td>{{$value->maidens}}</td>
                              <td>{{$value->runs_conceded}}</td>
                              <td>{{$value->wickets}}</td>
                              <td>{{$value->run0}}</td>
                              <td>{{$value->wides}}</td>
                              <td>{{$value->econ}}</td>
                            </tr>
                          @endforeach

                        </tbody>
                     </table>
                  </div>

                  <div class="border rounded-4 table-responsive font-semi mb-3">
                     <table class="table">
                        <thead>
                           <tr>
                              <th class="bg-dark text-white">Match Info</th>
                              <th class="bg-dark text-white"></th>
                           </tr>
                        </thead>

                        <tbody>
                           <tr>
                              <td>Match</td>
                              <td> {{$match->title}}, {{$match->subtitle}}</td>
                           </tr>

                           <tr>
                              <td>Date</td>
                              <td>{{$formattedDateTime}}, {{$dateTime->format("Y")}}</td>
                           </tr>
                                                      <tr>
                              <td>Toss</td>
                              <td>{{$jsonString[0]}}</td>
                           </tr>

                           <tr>
                              <td>Time</td>
                              <td>{{$dateTime->format("H: i: s")}}</td>
                           </tr>

                           <tr>
                              <td>Venue</td>
                              <td>{{json_decode(json_decode($match->venue))->name}}, {{json_decode(json_decode($match->venue))->city}}</td>
                           </tr>

                           <tr>
                              <td>Umpires</td>
                              <td>{{$match->umpires}}</td>
                           </tr>

                           <tr>
                              <td>Third Umpire</td>
                              <td>Michael Gough</td>
                           </tr>

                           <tr>
                              <td>Match Referee</td>
                              <td>{{$match->referee}}</td>
                           </tr>

                           <tr class="custom-width">

                              <td>
                                 <div class="playing">
                                    <h5>Australia Squad</h3>
                                       <span>Playing</span>
                                       <span>Bench</span>
                                       <span>Support Staff</span>
                                 </div>
                              </td>

                              <td>
                                 <p>David Warner, Mitchell Marsh, Steven Smith, Marnus Labuschagne, Josh Inglis (wk),
                                    Glenn Maxwell, Marcus Stoinis, Pat Cummins (c), Mitchell Starc, Adam Zampa, Josh
                                    Hazlewood</p>
                                 <p>Sean Abbott, Travis Head, Alex Carey, Cameron Green</p>
                                 <p>Andrew McDonald, Andre Borovec, Daniel Vettori, Michael Di Venuto, Andy Flower</p>

                              </td>

                           </tr>

                           <tr class="custom-width">
                              <td>
                                 <div class="playing">
                                    <h5>Pakistan Squad</h3>
                                       <span>Playing</span>
                                       <span>Bench</span>
                                       <span>Support Staff</span>
                                 </div>
                              </td>

                              <td>
                                 <p>David Warner, Mitchell Marsh, Steven Smith, Marnus Labuschagne, Josh Inglis (wk),
                                    Glenn Maxwell, Marcus Stoinis, Pat Cummins (c), Mitchell Starc, Adam Zampa, Josh
                                    Hazlewood</p>
                                 <p>Sean Abbott, Travis Head, Alex Carey, Cameron Green</p>
                                 <p>Andrew McDonald, Andre Borovec, Daniel Vettori, Michael Di Venuto, Andy Flower</p>

                              </td>

                           </tr>

                        </tbody>
                     </table>
                  </div>

               </div>

            </div>

         </div>

         <div class="col-lg-3 col-md-12">
            <!-- Right sidebar start -->
            <div class="widget-box px-0 mb-4">
               <h2 class="widget-title mb-3">CURRENT SERIES</h2>
               <ul class="series-links-tabs">
                  <li><a href="#">ICC Cricket World Cup</a></li>
                  <li><a href="#">Womens Big Bash League</a></li>
                  <li><a href="#">Nepal T20I triangular Series</a></li>
                  <li><a href="#">Syed Mushtaq Ali Trophy</a></li>
               </ul>
            </div>
            <div class="google-ads my-4">
               <img src="assets/images/google-ads-300x700.png" class="img-fluid" alt="">
            </div>
            <!-- Right sidebar end -->
         </div>
      </div>
   </div>
   <!-- Footer start  -->
  
@endsection
@section('scripts')
@endsection