@extends('admin.layouts.default')
@section('content')
    <link rel="stylesheet" href="{{asset('css/admin/datatable.css')}}">
<script src="{{asset('js/admin/datatable.js')}}"></script>
    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> -->
    <style type="text/css">

        th {
            color: #30323f;
        }

        .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
            margin-right: 20px;
        }

        .pagination > li {
            display: inline;
        }

        .pagination > li.active > span {
            background-color: #30323f;
            color: white;
        }

        .pagination > li > a, .pagination > li > span, .pagination > .disabled > a {
            background-color: #393e45;
            border-color: #4a5059;
        }
        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
                border-top-color: rgb(221, 221, 221);
                border-right-color: rgb(221, 221, 221);
                border-bottom-color: rgb(221, 221, 221);
                border-left-color: rgb(221, 221, 221);
        }

        @media only screen and (max-width: 600px) {

        }

    </style>

    <div class="container-fluid">
        <div class="row page-titles mx-0" data-aos="fade-up">
            <div class="col-sm-6 p-md-0">
                <!-- <div class="welcome-text">
                    <h4>GST Report</h4>
                </div> -->
            </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"><a href="javascript:void(0)">GST Report</a></li>
                </ol> -->
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card" data-aos="fade-up">


                    <div class="card-header">
                        <h4>GST Report2</h4>
                    </div>

                    <div class="card-body">

                        <div class="basic-form">
                            {{ Form::open(['role' => 'form','id'=>'searchGstForm','route'=>[$modelName.'.gst_report_cron'],'files' => true,'method' => 'get']) }}
                            @php

                                $start_date = @$_GET['start_date'] != '' ? $_GET['start_date'] : "";
                                $end_date = @$_GET['end_date'] != '' ? $_GET['end_date'] : "";
                                $matchkey = @$_GET['matchkey'] != '' ? $_GET['matchkey'] : '';
                                $sport_type = @$_GET['sport_type'] != '' ? $_GET['sport_type'] : '';
                                $challenge_id = @$_GET['challenge_id'] != '' ? $_GET['challenge_id'] : '';

                            @endphp
                            <div class="form-row">

                                <div class="form-group col-md-2 mb-0">
                                    <label>Start Date</label>
                                    <div class="form-group col-md-6">
                                        <input type="text" name="start_date" id="start_date" class="pull-left form-control datetimepickerget w-95" value="{{!empty($start_date) ? $start_date :date('Y-m-01')}}" autocomplete="off">
                                    </div>
                                </div>

                                <div class="form-group col-md-2 mb-0">
                                    <label>End Date</label>
                                    <div class="form-group col-md-6">
                                        <input type="text" name="end_date" id="end_date" class="pull-left form-control datetimepickerget w-95" value="{{isset($end_date) && !empty($end_date) ? $end_date:date('Y-m-t')}}" autocomplete="off">
                                    </div>
                                </div>

                                <div class="form-group col-md-2 mb-0">
                                    <label>Match Id</label>
                                    <div class="form-group col-md-6">
                                        <input type="text" name="matchkey" id="matchkey" class="pull-left form-control w-95" value="{{isset($matchkey) && !empty($matchkey) ? $matchkey:''}}">
                                    </div>
                                </div>

                                <div class="form-group col-md-2 mb-0">
                                    <label>Challenge Id</label>
                                    <div class="form-group col-md-6">
                                        <input type="text" name="challenge_id" id="challenge_id" class="pull-left form-control w-95" value="{{isset($challenge_id) && !empty($challenge_id) ? $challenge_id:''}}">
                                    </div>
                                </div>

                                <div class="form-group col-md-2 mb-0">
                                    <label>Sports Type</label>
                                    <div class="form-group col-md-6">
                                        <select class="form-control" name="sport_type" id="sport_type">
                                        <option value="0">Select Sports</option>

                                        @foreach($sport_type_arr as $key => $value)
                                            <option value="{{$key}}" {{$sport_type == $key ? 'selected' : ''}}>{{$value}}</option>
                                        @endforeach

                                        <!-- <option value="cricket" {{$sport_type == 'cricket' ? 'selected' : ''}}>Cricket</option>
                                        <option value="football"   {{$sport_type == 'football' ? 'selected' : ''}}>Football</option>
                                        <option value="basketball" {{$sport_type == 'basketball' ? 'selected' : ''}}>Basketball</option> -->
                                    </select>
                                    </div>



                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="card-footer py-4">
                        <button name="get-report" id="get-report" type="submit" class="btn btn-primary" >Get GST Report</button>
                    </div>
                    {{ Form::close() }}

                    <div class="card-footer py-4">
                        <form id="Downlode_GSTForm" action="{{route('Analytics.gst_report_cron')}}" method="get">
                            <input type="hidden" name="start_date" id="download_start_date" value="{{!empty($start_date) ? $start_date :date('Y-m-01')}}">
                            <input type="hidden" name="end_date" id="download_end_date" value="{{!empty($end_date) ? $end_date :date('Y-m-t')}}">
                            <input type="hidden" name="matchkey" value="{{$matchkey}}">
                            <input type="hidden" name="sport_type" value="{{$sport_type}}">
                            <input type="hidden" name="challenge_id" value="{{$challenge_id}}">
                            <input type="hidden" name="download" value="download">
                            <button id="Downlode_GSTBtn" class="btn btn-primary gst-download" style="display:none;">Download GST Report
                            </button>
                        </form>
                    </div>


                    <div id="datatablediv" class="card-body">
                        <div class="table-responsive">

                            <table id="dataList" class="table table-striped" class="display" style="min-width: 845px" style="display: none;">
                                <thead>
                                    <tr>
                                        <th>S. NO</th>
                                        <th>INVOICE NO</th>
                                        <th>INVOICE DATE</th>
                                        <th>CUSTOMER ID</th>
                                        <th>STATE OF CUSTOMER</th>
                                        <th>Referer Email</th>
                                        <th>Referer Name</th>
                                        <th>Referer Comisssion</th>
                                        <th>Sports</th>
                                        <th>Match Title</th>
                                        <th>Match Id</th>
                                        <th>Challenge Id</th>
                                        <th>CONTEST FEES</th>
                                        <th>Challenge status</th>
                                        <th>RATE%</th>
                                        <th>TOTAL PLATFORM FEES</th>
                                        <th>AFTER TAX PLATFORM FEES</th>
                                        <th>IGST</th>
                                        <th>SGST</th>
                                        <th>CGST</th>
                                        <th>Total Tax to Pay</th>
                                    </tr>
                                </thead>

                                <tbody>

                                </tbody>

                                <tr>
                                    <th>Total</th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th>{{ $totalTax->igst ?? 0 }}</th>
                                    <th>{{ $totalTax->sgst ?? 0 }}</th>
                                    <th>{{ $totalTax->cgst ?? 0 }}</th>
                                    <th>{{ round(($totalTax->igst+$totalTax->cgst+$totalTax->sgst),2) ?? 0 }}</th>
                                </tr>
                              </table>

                        </div>
                    </div>



                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            var start_date = $('#start_date').val();

            var end_date = $('#end_date').val();
            if(start_date){
              $('#Downlode_GSTBtn').show();
            }else if(end_date){
              $('#Downlode_GSTBtn').show();
            }else{
              $('#Downlode_GSTBtn').hide();
            }
            var matchkey = $('#matchkey').val();
            var challenge_id = $('#challenge_id').val();
            var sport_type = $('#sport_type').val();
            $.fn.dataTable.ext.errMode = 'none';
            $('#dataList').DataTable({
                // order: [0, 'desc'],
                "processing": true,
                "serverSide": true,
                "searching": false,
                "ajax":{
                         "url": '