@extends('layouts.app')
@section('title', 'B-To-B Sell Tax Report')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang( 'report.tax_report' )
        <small>B-To-B Sell Tax Report</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            @component('components.filters', ['title' => __('report.filters')])
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('tax_report_location_id', __('purchase.business_location') . ':') !!}
                    {!! Form::select('tax_report_location_id', $business_locations, null, ['class' => 'form-control select2', 'style' => 'width:100%']); !!}
                </div>
            </div>
            {{--<div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('tax_report_contact_id', __( 'report.contact' ) . ':') !!}
                        {!! Form::select('tax_report_contact_id', $contact_dropdown, null , ['class' => 'form-control select2', 'id' => 'tax_report_contact_id', 'placeholder' => __('lang_v1.all')]); !!}
                    </div>
                </div>--}}
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('tax_report_date_range', __('report.date_range') . ':') !!}
                    {!! Form::text('tax_report_date_range', null, ['placeholder' => __('lang_v1.select_a_date_range'), 'class' => 'form-control', 'id' => 'tax_report_date_range', 'readonly']); !!}
                </div>
            </div>
            @endcomponent
        </div>
    </div>

    <div class="row no-print">
        <div class="col-sm-12">
            <button type="button" class="btn btn-primary pull-right" aria-label="Print" onclick="window.print();"><i class="fa fa-print"></i> @lang( 'messages.print' )</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <!-- Custom Tabs -->
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#output_tax_tab" data-toggle="tab" aria-expanded="true"><i class="fa fas fa-arrow-circle-up" aria-hidden="true"></i> B-To-B Sell Tax Report</a>
                    </li>

                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="output_tax_tab">
                        <table class="table table-bordered table-striped" id="output_tax_table" width="100%">
                            <thead>
                                <tr>
                                    <th> HSN Code</th>
                                    <th>Tax Type</th>
                                    <th>Sales </th>
                                    <th>Taxable Amount</th>
                                    <th>@lang('report.igst') </th>
                                    <th>@lang('report.cgst') </th>
                                    <th>@lang('report.sgst') </th>
                                    <th>Cess</th>
                                </tr>
                            </thead>
                            {{--<tfoot>
                                <tr class="bg-gray font-17 text-center footer-total">
                                    <td colspan="1"><strong>@lang('sale.total'):</strong></td>
                                    <td><span class="display_currency" id="purchase_total" data-currency_symbol ="true"></span></td>
                                    <td class="output_payment_method_count" colspan="2"></td>
                                </tr>
                            </tfoot>--}}
                        </table>
                    </div>
                    @if(!empty($tax_report_tabs))
                    @foreach($tax_report_tabs as $key => $tabs)
                    @foreach ($tabs as $index => $value)
                    @if(!empty($value['tab_content_path']))
                    @php
                    $tab_data = !empty($value['tab_data']) ? $value['tab_data'] : [];
                    @endphp
                    @include($value['tab_content_path'], $tab_data)
                    @endif
                    @endforeach
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>


</section>
<!-- /.content -->
@stop
@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        $('#tax_report_date_range').daterangepicker(
            dateRangeSettings,
            function(start, end) {
                $('#tax_report_date_range').val(
                    start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format)
                );
            }
        );
        output_tax_datatable = $('#output_tax_table').DataTable({
            processing: true,
            serverSide: true,
            aaSorting: [
                [0, 'desc']
            ],
            ajax: {
                url: '/reports/b2b-hsn-sell-tax',
                data: function(d) {
                    d.type = 'sell';
                    d.location_id = $('#tax_report_location_id').val();
                    d.contact_id = $('#tax_report_contact_id').val();
                    var start = $('input#tax_report_date_range')
                        .data('daterangepicker')
                        .startDate.format('YYYY-MM-DD');
                    var end = $('input#tax_report_date_range')
                        .data('daterangepicker')
                        .endDate.format('YYYY-MM-DD');
                    d.start_date = start;
                    d.end_date = end;
                }
            },
            columns: [{
                    data: 'hsn',
                    name: 'hsn'
                },
                {
                    data: 'tax_type',
                    name: 'tax_type'
                },
                {
                    data: 'total_inc_tax',
                    name: 'total_inc_tax'
                },
                {
                    data: 'total_taxable_amount',
                    name: 'total_taxable_amount'
                },
                {
                    data: 'igst',
                    name: 'igst'
                },
                {
                    data: 'cgst',
                    name: 'cgst'
                },
                {
                    data: 'sgst',
                    name: 'sgst'
                },
                {
                    data: 'cess',
                    name: 'cess'
                },

            ],
            "footerCallback": function(row, data, start, end, display) {
                $('.output_payment_method_count').html(__count_status(data, 'payment_methods'));
            },
            fnDrawCallback: function(oSettings) {
                $('#purchase_total').text(
                    sum_table_col($('#output_tax_table'), 'total_before_tax')
                );
                @foreach($taxes as $tax)
                $("#total_output_{{$tax['id']}}").text(
                    sum_table_col($('#output_tax_table'), "tax_{{$tax['id']}}")
                );
                @endforeach
                // __currency_convert_recursively($('#output_tax_table'));
            },
        });

        $('#tax_report_date_range, #tax_report_location_id, #tax_report_contact_id').change(function() {
            if ($("#input_tax_tab").hasClass('active')) {
                input_tax_table.ajax.reload();
            }
            if ($("#output_tax_tab").hasClass('active')) {
                output_tax_datatable.ajax.reload();
            }
            if ($("#expense_tax_tab").hasClass('active')) {
                expense_tax_datatable.ajax.reload();
            }
        });
    });
</script>
@if(!empty($tax_report_tabs))
@foreach($tax_report_tabs as $key => $tabs)
@foreach ($tabs as $index => $value)
@if(!empty($value['module_js_path']))
@include($value['module_js_path'])
@endif
@endforeach
@endforeach
@endif
<script src="{{ asset('js/report.js?v=' . $asset_v) }}"></script>
@endsection