@extends('admin.layouts.masterlayout')
@section('styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css">
@endsection
<!-- DATATABLE GLOBAL SCRIPTS -->
<script>
    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>
<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>Deposit GST Report</h4>
                </div>

                <div class="card-body">

                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'searchGstForm','route'=>[$modelName.'.depositgstreport'],'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'] : '';
                        $transaction_by = @$_GET['transaction_by'] != '' ? $_GET['transaction_by'] : '';
                        $challenge_id = @$_GET['challenge_id'] != '' ? $_GET['challenge_id'] : '';
                        $states = @$_GET['states'] != '' ? $_GET['states'] : '';

                        @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-d')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group col-md-2 mb-0">
                                <label>Transaction Type</label>
                                <div class="form-group col-md-6">
                                    <select class="form-control" name="transaction_by" id="transaction_by">
                                        <option value="">Select Transaction Type</option>

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

                                        <option value="cashfree" {{$transaction_by == 'cashfree' ? 'selected' : ''}}>Cashfree</option>
                                        <!--<option value="paytm" {{$transaction_by == 'paytm' ? 'selected' : ''}}>Paytm</option>-->
                                        <option value="razorPay" {{$transaction_by == 'razorPay' ? 'selected' : ''}}>Razorpay</option>
                                    </select>
                                </div>
                            </div>

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

                                        @foreach($States as $key => $value)
                                        <option value="{{$value->name}}" {{$states == $value->name ? 'selected' : ''}}>{{$value->name}}</option>
                                        @endforeach


                                    </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 Deposit GST Report</button>
                </div>
                {{ Form::close() }}

                <div class="card-footer py-4">
                    <form id="Downlode_GSTForm" action="{{route('Analytics.depositgstreport')}}" 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="transaction_by" id="download_transaction_by" value="{{!empty($transaction_by) ? $transaction_by :''}}">
                        <input type="hidden" name="states" id="states" value="{{!empty($states) ? $states :''}}">

                        <input type="hidden" name="download" value="download">
                        <button id="Downlode_GSTBtn" class="btn btn-primary gst-download" style="display:none;">Download Deposit 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>CUSTOMER ID</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Mobile</th>
                                    <th>Team Name</th>
                                    <th>State</th>
                                    <th>Add Fund</th>
                                    <th>Gst Amount</th>
                                    <th>IGST</th>
                                    <th>SGST</th>
                                    <th>CGST</th>
                                    <th>Wallet Amount</th>
                                    <th>Transaction By</th>
                                    <th>Transaction DATE</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>{{ $totalTax->igst ?? 0 }}</th>
                                <th>{{ $totalTax->sgst ?? 0 }}</th>
                                <th>{{ $totalTax->cgst ?? 0 }}</th>
                                <th>{{ $totalTax ? 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 transaction_by = "cashfree";
        var transaction_by = $('#transaction_by').val();
        var states = $('#states').val();
        $.fn.dataTable.ext.errMode = 'none';
        $('#dataList').DataTable({
            // order: [0, 'desc'],
            "processing": true,
            "serverSide": true,
            "searching": false,
            "ajax": {
                "url": "{{ route($modelName . '.depositgstreport') }}?start_date=" + start_date + "&end_date=" + end_date + "&transaction_by=" + transaction_by + "&states=" + states,
                "dataType": "json",
                "type": "POST",
                "data": {
                    _token: "{{csrf_token()}}"
                }
            },
            "columns": [{
                    "data": "s_no"
                },
                {
                    "data": "invoiceno"
                },
                {
                    "data": "CustomerID"
                },
                {
                    "data": "user_username"
                },
                {
                    "data": "email"
                },
                {
                    "data": "mobile"
                },
                {
                    "data": "teamname"
                },
                {
                    "data": "state"
                },
                {
                    "data": "deposit_amount"
                },
                {
                    "data": "gst_amount"
                },
                {
                    "data": "igst"
                },
                {
                    "data": "sgst"
                },
                {
                    "data": "cgst"
                },
                {
                    "data": "wallet_amount"
                },
                {
                    "data": "transaction_by"
                },
                {
                    "data": "InvoiceDate"
                },
                {
                    "data": "total_tax"
                },

            ]

        });
    });
</script>
<style type="text/css">
    #dataList_wrapper {
        overflow-x: scroll;
    }
</style>


<script type="text/javascript">
    //datepicket without time
    $(document).ready(function() {
        $('#end_date,#start_date, #start_date_summary, #end_date_summary').datetimepicker({
            timepicker: false,
            format: 'Y-m-d',
            closeOnDateSelect: true,
        });
    });

    $(document).on('click', '#Downlode_GSTBtn', function(event) {
        var start_date = $('#start_date').val();
        $('#download_start_date').val(start_date);
        var end_date = $('#end_date').val();
        $('#download_end_date').val(end_date);
        var transaction_by = $('#transaction_by').val();
        var states = $('#states').val();


        $('#download_transaction_by').val(transaction_by);
        $("#Downlode_GSTForm").submit();
    });
</script>