@extends('admin.layouts.masterlayout')
@section('content')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
<style type="text/css">
  #team_one_added_player,#team_two_added_player {
    padding: 5px;
  }
  .hide {
    display: none;
  }
  input {
    width: 70px;
  }
  .fixedHeader-floating {top:79px !important}
  /*.DTFC_LeftBodyLiner {
    display: none;
}*/
</style>
<!--********************************** Content body start  ***********************************-->
<div class="content-wrapper">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{route($modelName.'.matchmapping')}}">View all Upcoming Matches</a></li>
                <li class="breadcrumb-item">View Points</li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <a href="{{route($modelName.'.updateMatchStatus',[$matchkeys,'IsReviewed','completed'])}}
                    " class="btn btn-success float-right">Update Status</a>
                    <a href="{{route($modelName.'.updateAllPoints',$matchkeys)}}" class="btn btn-success float-right">Update match points</a>
                </div>
                <div class="card-body">
                                      <div class="table-responsive">
                      </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css">
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
      var table = $('#result_datatable').dataTable({
        dom: 'Bfrtip',
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ],
        fixedColumns:   {
            leftColumns: 1
        }
      });
      new $.fn.dataTable.FixedHeader( table );
    });
    </script>


<!--**********************************
Content body end
***********************************-->
@endsection