@extends('layouts.app')

@section('content')
    <div class="row" style="border-bottom: 1px solid #CCC; padding-bottom: 20px;">
        <div class="container">

            <div id="accordion3" class="panel-group accordion accordion-semi">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion3" href="#ac3-1" aria-expanded="false" class="collapsed"><i class="icon s7-angle-down"></i> Click here to filter</a></h4>
                    </div>
                    <div id="ac3-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                        <div class="panel-body">
                            <form method="post" role="form" id="filter-form">
                                {{ csrf_field() }}
                                <div class="col-md-6">
                                    <div class="form-group col-md-12">
                                        <label>FROM DATE</label>
                                        <div data-min-view="2" data-date-format="yyyy-mm-dd" class="input-group date datetimepicker col-md-12">
                                            <input size="16" type="text" value="{{ $fromdate }}" name="fromdate" id="fromdate" class="form-control" />
                                            <span class="input-group-addon btn btn-primary"><i class="icon-th s7-date"></i></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>TO DATE</label>
                                        <div data-min-view="2" data-date-format="yyyy-mm-dd" class="input-group date datetimepicker col-md-12">
                                            <input size="16" type="text" value="{{ $todate }}" name="todate" id="todate" class="form-control" />
                                            <span class="input-group-addon btn btn-primary"><i class="icon-th s7-date"></i></span>
                                        </div>
                                    </div>
<!--                                            <div class="form-group col-md-12">
                                        <label>PAYMENT REF</label>
                                        <input type="text" name="payref" id="payref" value="" class="form-control"/>
                                    </div>-->
                                    <div class="form-group col-md-12">
                                        <label>FIRS TIN</label>
                                        <input type="text" name="firs_tin" id="firs_tin" value="{{ $firs_tin }}" class="form-control"/>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>CURRENCY</label>
                                        <select name="currency" id="currency" class="form-control">
                                            @foreach ($currencies as $record)
                                                @php
                                                    $selected = $currency == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group col-md-12">
                                        <label>SERVICE PROVIDER</label>
                                        <select name="serviceprov" id="serviceprov" class="form-control">
                                            <option value="0">--All--</option>
                                            @foreach ($service_providers as $record)
                                                @php
                                                    $selected = $serviceprov == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>TAX TYPE</label>
                                        <select name="taxtype" id="taxtype" class="form-control">
                                            <option value="0">--All--</option>
                                            @foreach ($taxtypes as $record)
                                                @php
                                                    $selected = $taxtype == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>PAYMENT CHANNEL</label>
                                        <select name="pay_channel" id="pay_channel" class="form-control">
                                            <option value="0">--All--</option>
                                            @foreach ($pay_channels as $record)
                                                @php
                                                    $selected = $pay_channel == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>BANK</label>
                                        <select name="bank" id="bank" class="form-control">
                                            <option value="0">--All--</option>
                                            @foreach ($banks as $record)
                                                @php
                                                    $selected = $bank == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>SWITCHING PLATFORM</label>
                                        <select name="switchingplatform" id="switchingplatform" class="form-control">
                                            <option value="0">--All--</option>
                                            @foreach ($switchingplatforms as $record)
                                                @php
                                                    $selected = $switchingplatform == $record->id ? ' selected="selected" ' : '';
                                                @endphp
                                                <option {{ $selected }} value="{{ $record->id }}">{{ $record->description }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-lg btn-space btn-primary">Filter</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
<!--            <form method="post" role="form" id="filter-form">
                {{ csrf_field() }}
                <div class="col-md-6">
                    <div class="form-group">
                        <label>From Date</label>
                        <div data-min-view="2" data-date-format="yyyy-mm-dd" class="input-group date datetimepicker col-md-12">
                            <input size="16" type="text" value="{{ $fromdate }}" name="fromdate" id="fromdate" class="form-control" />
                            <span class="input-group-addon btn btn-primary"><i class="icon-th s7-date"></i></span>
                        </div>
                        
                    </div>
                    <div class="form-group">
                        <label>To Date</label>
                        <div data-min-view="2" data-date-format="yyyy-mm-dd" class="input-group date datetimepicker col-md-12">
                            <input size="16" type="text" value="{{ $todate }}" name="todate" id="todate" class="form-control" />
                            <span class="input-group-addon btn btn-primary"><i class="icon-th s7-date"></i></span>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="form-group">
                            <label>FIRS TIN</label>
                            <input type="text" name="firs_tin" id="firs_tin" value="{{ $firs_tin }}" class="form-control"/>
                        </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-lg btn-space btn-primary">Filter</button>
                    </div>
                </div>
            </form>-->
        </div>
    </div>



    <div class="row" style="{{ $chart_container_visibility }}">
        <div class="col-md-6">
            <div class="widget widget-fullwidth line-chart">
              <div class="widget-head">
                <span class="title">&nbsp;</span>
              </div>
              <div class="chart-container">
                <div class="counter">
                  <div class="desc">&nbsp;</div>
                </div>
                <div id="all-accounts-pie-chart"></div>
              </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="widget widget-fullwidth line-chart">
              <div class="widget-head">
                <span class="title">&nbsp;</span>
              </div>
              <div class="chart-container">
                <div class="counter">
                  <div class="desc">&nbsp;</div>
                </div>
                <div id="all-accounts-bar-chart"></div>
              </div>
            </div>
        </div>
    </div>

    <div class="row">
    <div class="table-responsive">
        <table class="table table-striped table-bordered" id="report-table">
            <thead>
                <tr>
                    <td>S/N</td>
                    <td>TAX PAYER</td>
                    <td>FIRS TIN</td>
                    <td>NUMBER OF TRANSACTIONS</td>
                    <td>TRANSACTION VALUE (&#8358;)</td>
                    <td>ACTIONS</td>
                </tr>
            </thead>
            <tbody>
                @php
                    $total_amount = 0;
                    $total_count = 0;
                @endphp
                
                @foreach($data as $d)
                    <tr>
                        <td>{{ $loop->iteration }}.</td>
                        <td>{{ $d->taxpayer_name }}</td>
                        <td>{{ $d->firs_tin }}</td>
                        <td>{{ $d->counter }}</td>
                        <td>{{ number_format($d->amountsum, 2) }}</td>
                        <td>
                            <button class="btn btn-warning" type="button" onclick="viewPayerTransactions(this.form, '{{ $d->firs_tin }}');">View Transactions</button>
                            <button class="btn btn-success" type="button" onclick="viewPayerTrend(this.form, '{{ $d->firs_tin }}');">View Trend</button>
                        </td>
                    </tr>
                    @php
                        $total_count += $d->counter;
                        $total_amount += $d->amountsum;
                    @endphp

                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                    <td>{{ $total_count }}</td>
                    <td>{{ number_format($total_amount, 2) }}</td>
                    <td>-</td>
                </tr>
                <tr>
                    <td>S/N</td>
                    <td>TAX PAYER</td>
                    <td>FIRS TIN</td>
                    <td>NUMBER OF TRANSACTIONS</td>
                    <td>TRANSACTION VALUE (&#8358;)</td>
                    <td>ACTIONS</td>
                </tr>
            </tfoot>
        </table>
    </div>
    </div>
<style type="text/css">
    thead, tfoot { font-weight: bold; }
</style>

<script type="text/javascript">
    function viewPayerTransactions(dis_form, tin){
        $('#firs_tin').val(tin);
        $('#filter-form').attr('action', "{{ url('transactions') }}");
        $('#filter-form').submit();
    }
    
    function viewPayerTrend(dis_form, tin){
        $('#firs_tin').val(tin);
        $('#filter-form').attr('action', "{{ url('tax-payers/trend') }}");
        $('#filter-form').submit();
    }
</script>

@endsection