@include('includes.web-header')
    <!-- end of start -->
    <div class="rg_main ">
      <div class="rg_header header_round leagues_header  pb-2">
        <div class="rg_logo text-center mb-0">
          <div class="left_back_home">
            <ul class="list-inline">
              <li class="list-inline-item">
                <a href="javascript:history.back();"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="16.944" viewBox="0 0 22 16.944">
                  <g id="back" transform="translate(0 -58.83)">
                    <g id="Group_253" data-name="Group 253" transform="translate(0 66.413)">
                      <g id="Group_252" data-name="Group 252">
                        <path id="Path_306" data-name="Path 306" d="M21.111,235.318H.889a.889.889,0,0,0,0,1.777H21.111a.889.889,0,0,0,0-1.777Z" transform="translate(0 -235.318)" fill="#fff"/>
                      </g>
                    </g>
                    <g id="Group_255" data-name="Group 255" transform="translate(0 58.83)">
                      <g id="Group_254" data-name="Group 254">
                        <path id="Path_307" data-name="Path 307" d="M2.146,67.3,9.1,60.347A.889.889,0,0,0,7.844,59.09L.261,66.674a.889.889,0,0,0,0,1.257l7.583,7.583A.889.889,0,0,0,9.1,74.257Z" transform="translate(0 -58.83)" fill="#fff"/>
                      </g>
                    </g>
                  </g>
                </svg>
              </a></li>
            </ul>
          </div>
          <div class="card_box_main">
            <div class="row no-gutters align-items-center">
              <div class="col">
                <div class="media align-items-center justify-content-center text-center">
                  <div class="media-left"> <div class="text_border_img"><div class="border-inner-pxy"><img src="assets/images/KXIP.png" alt="" class="img-fluid"></div></div> </div>
                  <div class="media-body w-80">
                    <div class="right_time">
                      <h4>
                      KXPI <small>Vs</small>KXPI
                      </h4>
                      <div class="time"> 06H : 13M : 35S </div>
                    </div>
                  </div>
                  <div class="media-left"> <div class="text_border_img"><div class="border-inner-pxy"><img src="assets/images/KXIP.png" alt="" class="img-fluid"></div></div> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="rg_body pt-0">
        
        <div class="rg_scrool">
         <div class="top_pridiction">
           <div class="row no-gutters">
          <div class="col-12">
            <div class="card_box_main mb-0">
              <div class="leagues_card_top row">
                <div class="col-6">
                  <h6>Winnings </h6>
                  <h5>₹1,00,00,000</h5>
                </div>
                <div class="col-6 text-right">
                  <h6>Entry</h6>
                  <h5>₹250</h5>
                </div>
              </div>
              <div class="row align-items-center">
                <div class="col-12">
                  <div class="progress_main">
                    <div class="progress_bar">
                      <div class="progress_complete" style="width:60%;"></div>
                    </div>
                    <div class="spots_left">1,29,514 spots left</div>
                    <div class="spots_total">4,00,000 spots</div>
                  </div>
                </div>
              </div>
            </div>
            </div>
          </div>
        </div>
        <div class="top_pridiction winners">
           <div class="row no-gutters">
          <div class="col-12">
            <div class="card_box_main pt-3 pb-2 px-4 mb-0">
              <div class="leagues_card_top row">
                <div class="col-6 text-left">
                 
                  <h5 class="mb-0"><a href="#" data-toggle="modal" data-target="#Calculation">10 Winners <i class="fas fa-angle-down"></i></a></h5>
                </div>
               <div class="col-6 text-left">
                 <h6 class="mb-0"><span class="league_type_span mr-2">C</span>Confirm Pridiction</h6>
               
                </div>
               
              </div>
             
            </div>
            </div>
          </div>
        </div>
        <div class="bg-dark-black mx-15">
            <ul class="row  tab_border tab-inner text-dark nav no-gutters list-unstyled justify-content-center align-items-center text-center" id="contestTab" role="tablist">
              <li class="col">
                <a class="nav-link active f-18" id="Pridictions-tab" data-toggle="tab" href="#Pridictions" role="tab" aria-controls="Pridictions" aria-selected="true"><span>Pridictions</span></a>
              </li>
              <li class="col">
                <a class="nav-link f-18 " id="Leaderboard-tab" data-toggle="tab" href="#Leaderboard" role="tab" aria-controls="Leaderboard" aria-selected="false"><span>Leaderboard</span></a>
              </li>
              
            </ul> 
          </div>
          <div class="tab-content" id="contestTabContent">
          <div class="tab-pane fade show active" id="Pridictions" role="tabpanel" aria-labelledby="Pridictions-tab">
              <div class="question_lock_in_box">
                <div class="top d-flex justify-content-between">
                  <div class="left">
                    <h6>Question lock in</h6>
                  </div>
                  <div class="right">
                    <h6 class="h5">06H : 13M : 35S</h6>
                  </div>
                </div>
                <div class="bottom">
                  <h5>Total number of 6s to be hit in the <br>
                    1st Innings</h5>
                <div class="row">
                   <div class="col-6 mb-3">
                     <button class="btn w-100">0-5</button>
                   </div>
                    <div class="col-6  mb-3">
                     <button class="btn w-100">6-8</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">9-10</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">11 or More</button>
                   </div>
                  </div>
                </div>
              </div>
               <div class="question_lock_in_box">
                <div class="top d-flex justify-content-between">
                  <div class="left">
                    <h6>Question lock in</h6>
                  </div>
                  <div class="right">
                    <h6 class="h5">06H : 13M : 35S</h6>
                  </div>
                </div>
                <div class="bottom">
                  <h5>Total number of 6s to be hit in the <br>
                    1st Innings</h5>
                <div class="row">
                   <div class="col-6 mb-3">
                     <button class="btn w-100 active">0-5</button>
                   </div>
                    <div class="col-6  mb-3">
                     <button class="btn w-100">6-8</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">9-10</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">11 or More</button>
                   </div>
                  </div>
                </div>
              </div>
               <div class="question_lock_in_box">
                <div class="top d-flex justify-content-between">
                  <div class="left">
                    <h6>Question lock in</h6>
                  </div>
                  <div class="right">
                    <h6 class="h5">06H : 13M : 35S</h6>
                  </div>
                </div>
                <div class="bottom">
                  <h5>Total number of 6s to be hit in the <br>
                    1st Innings</h5>
                <div class="row">
                   <div class="col-6 mb-3">
                     <button class="btn w-100">0-5</button>
                   </div>
                    <div class="col-6  mb-3">
                     <button class="btn w-100">6-8</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">9-10</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">11 or More</button>
                   </div>
                  </div>
                </div>
              </div>
               <div class="question_lock_in_box">
                <div class="top d-flex justify-content-between">
                  <div class="left">
                    <h6>Question lock in</h6>
                  </div>
                  <div class="right">
                    <h6 class="h5">06H : 13M : 35S</h6>
                  </div>
                </div>
                <div class="bottom">
                  <h5>Total number of 6s to be hit in the <br>
                    1st Innings</h5>
                <div class="row">
                   <div class="col-6 mb-3">
                     <button class="btn w-100">0-5</button>
                   </div>
                    <div class="col-6  mb-3">
                     <button class="btn w-100">6-8</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">9-10</button>
                   </div>
                    <div class="col-6">
                     <button class="btn w-100">11 or More</button>
                   </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade" id="Leaderboard" role="tabpanel" aria-labelledby="Leaderboard-tab">
              <div class="create_team_table">
              <table class="table">
                <thead>
                  <tr>
                    <th colspan="2">Teams (2,50,000)</th>
                    <th>Points</th><th>Accuracy</th>
                    <th class="text-right ">Rank</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                    <tr>
                    <td><div class="team_member" style="background-image:url(assets/images/team_pl.png)"><img src="" alt="" class="img-fluid"></div></td>
                    <td><h4>RD the Legend</h4> <h6 class="mb-0 text-success">You Won ₹550</h6>
                      </td>
                      <td>366</td>
                      <td>69.5%</td>
                      <td class="text-right">#1</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            
          </div>
        </div>
        
      </div>
    </div>
<div class="rg-footer rg-footer_end prediction_result">
          <div class="row w-100 align-items-center">
            <div class="col">
              <h6>Questions</h6>
              <h5>1<span>/10</span></h5>
            </div>
              <div class="col">
              <h6>Wrong</h6>
              <h5 class="wrong">0</h5>
            </div>
              <div class="col">
              <h6>Correct</h6>
              <h5 class="Correct">0</h5>
            </div>
            <div class="col">
              <h6>Accuracy</h6>
              <h5>0%</h5>
            </div>
            <div class="col">
              <h6>Points</h6>
              <h5>0</h5>
            </div>

          </div>
        </div>    
<script src="