@include('theme_layout/header_test')
@include('theme_layout/nav_test')  
  <style>
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
table{
  min-width: max-content;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
    </style>
 
        <div class="app-main__outer">
          <div class="app-main__inner">
            <div class="app-inner-layout">
                                     
              <div class="card-body ">
                <div class="main-card mb-3 card ">
                   <div class="card-header-tab card-header">
                      <div class="card-header-title">
                      <button class="mt-3 btn btn-primary btn-lg submit" id="f1">cricket</button> &nbsp;
                      <button class="mt-3 btn btn-primary btn-lg submit" id="f2">soccer</button> &nbsp;
                      <button class="mt-3 btn btn-primary btn-lg submit" id="f3">tennis</button> &nbsp;
                      </div>   
                   </div>
                 
                   <div class="card-body col-md-3">
                  <div class="tab-content">
                  <div class="tab-pane active"   role="tabpanel">
                  <select class="form-control game_t" name="game_t" id="game_t" > 
                    <option>Select League</option>
                    
                  </select>
                  </div> 
                  </div> 
                  </div>


                  <div class="card-body ">
                    <div class="tab-content">
                      <div class="tab-pane active" role="tabpanel">
                      <!--  -->
                      <form  id="form1" method="post" style="display: none" action="{{ route('match_store') }}"  > 
                            {{ csrf_field() }} 
                  
                          
                        <div class="panel panel-footer" style="overflow-x: auto; width: 100%;">
                          <table  style="width:100%" id="" class="table table-hover table-striped table-bordered" >
							           	 <thead>
                            <tr>
                            <th class="text-justify text-left" >Select</th>
                            <th style='min-width:150px;' class="text-justify text-left">Game Id</th>
                            <th style='min-width:150px;' class="text-justify text-left">Market Id</th>
 
						                </tr>
                           </thead>
                            <tbody id="cricket_data">
                            <input type="hidden" name="match_name" id="match_name" value="1" autocomplete="off" >
                            @foreach($data as $datas)
                            @php
                            $var = isset($datas->matchType) ? $datas->matchType : '' ;
 
                            @endphp
          <tr>
          <input type="hidden" value="1" name="cricket">  
          <td class="text-justify text-left">  
            <input value="{{$datas['event']['name']}}" type="checkbox" name="match_checked[]"  autocomplete="off" > 
          </td> 
              <td class="text-justify text-left"> {{$datas['event']['name']}}  <input value="{{$datas['event']['name']}}" type="hidden" name="gameId[{{$datas['event']['name']}}]" id="name" autocomplete="off" ></td>
             

                
          </tr>
							 @endforeach   
              </tbody> 
            </table> 
            <div class="d-flex justify-content-center">
             
                              </div>
            </div><!-- id="tab-eg5-0" -->
           
           <div class="full-width-box text-center">
	  
	   <button class="mt-3 btn btn-primary btn-lg submit">Insert</button>
	   
      </div>
          </form>
 
          </div> 


          <form  id="form2" style="display: none" method="post"  action="{{ route('soc_match_store') }}"> 
          {{ csrf_field() }}   
          
          <div class="panel panel-footer" style="overflow-x: auto; width: 100%;">
                <table style="width: 100%;" id="dtBasicExample" class="table table-hover table-striped table-bordered ">
                  <thead>
                  <tr>
                  <th class="text-justify text-left" >Select</th>
                            <th style='min-width:150px;' class="text-justify text-left">Game Id</th>
                            <th style='min-width:150px;' class="text-justify text-left">Market Id</th>
                             
                  </tr>
                  </thead>
                  <tbody id="soccer_data">
                           
                  <input type="hidden" name="match_name" id="match_name" value="2" autocomplete="off" >
                            @foreach($dataf as $data)
                            @php
                            $var = isset($data->matchType) ? $data->matchType : '' ;
 
                            @endphp
          <tr>
          <input type="hidden" value="2" name="soccer">  
          <td class="text-justify text-left">  
            <input value="{{$data['competition']['name']}}" type="checkbox" name="match_checked[]"  autocomplete="off" > 
          </td> 
              <td class="text-justify text-left"> {{$data['competition']['name']}}  <input value="{{$data['competition']['name']}}" type="hidden" name="gameId[{{$data['competition']['name']}}]" id="name" autocomplete="off" ></td>
              

                
          </tr>
							 @endforeach   
              </tbody> 
              </table> 
              <div class="full-width-box text-center">
	  
      <button class="mt-3 btn btn-primary btn-lg submit">Insert</button> 
     </div></form> 
            </div> 

            <form  id="form3" style="display: none" method="post"  action="{{ route('tenn_match_store') }}">  @csrf
            <div class="panel panel-footer" style="overflow-x: auto; width: 100%;">
                <table style="width: 100%;" id="dtBasicExample" class="table table-hover table-striped table-bordered ">
                  <thead>
                  <tr>
                            <th class="text-justify text-left" >Select</th>
                            <th style='min-width:150px;' class="text-justify text-left">Game Id</th>
                            <th style='min-width:150px;' class="text-justify text-left">Market Id</th>
                            
                </tr>
                </thead>
                <tbody id="tennis_data"> 
                <input type="hidden" name="match_name" id="match_name" value="3" autocomplete="off" >
                            @foreach($datat as $datast)
                            @php
                            $var = isset($datast->matchType) ? $datast->matchType : '' ;
 
                            @endphp
          <tr>
          <input type="hidden" value="3" name="tennis">  
          <td class="text-justify text-left">  
            <input value="{{$datast['competition']['name']}}" type="checkbox" name="match_checked[]"  autocomplete="off" > 
          </td> 
              <td class="text-justify text-left"> {{$datast['competition']['name']}}  <input value="{{$datast['competition']['name']}}" type="hidden" name="gameId[{{$datast['competition']['name']}}]" id="name" autocomplete="off" ></td>
              

                
          </tr>
							 @endforeach   
                </tbody> 
              </table> 
              <div class="full-width-box text-center">
	  
	   <button class="mt-3 btn btn-primary btn-lg submit">Insert</button>
	  
      </div>
                      </form>
                        </div><!-- id="tab-eg5-1" --> 
                      </div> 
                      
                   </form> 
                      </div> 
                    </div>
                  </div> 
                </div>  
              </div> 
            </div>
          </div>

          @include('theme_layout/footer_test') 
				</div> 
  
 <script>
    function allchecked1(id)
      {
        jq('.applyAllrow'+id+'').change(function () {

            jq('.rowchecked1'+id+'').prop('checked', jq(this).prop("checked"));

         });
	   
       }
  document.getElementById('form2').style.display = 'none';
  document.getElementById('form3').style.display = 'none';
  document.getElementById('form1').style.display = 'none';  

  document.getElementById('f1').addEventListener('click', () => {
  document.getElementById('form2').style.display = 'none';

  document.getElementById('form3').style.display = 'none';
  document.getElementById('form1').style.display = 'block';
})
  document.getElementById('f2').addEventListener('click', () => {
  document.getElementById('form1').style.display = 'none';
  document.getElementById('form3').style.display = 'none';
  document.getElementById('form2').style.display = 'block';
})
  document.getElementById('f3').addEventListener('click', () => {
  document.getElementById('form2').style.display = 'none';
  document.getElementById('form1').style.display = 'none';
  document.getElementById('form3').style.display = 'block';
})


$(document).on('click', '#f1', function(event) {
        event.preventDefault();
        /* Act on the event */

        get_league();

    });
    var get_league = function(){
        $.ajax({
            type:'get',
            url:"{{ URL('get_league/') }}", //Make sure your URL is correct
            dataType: 'json', //Make sure your returning data type dffine as json
            data:'_token =