@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">
                                        {{ 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>
        </div>
    </div>


    <div class="table-responsive">
        <table class="table table-striped table-bordered" id="report-table">
            <thead>
                <tr>
                    <td>S/N</td>
                    <td>PAYMENT REF.</td>
                    <td>TRANS. DATE</td>
                    <td>AMOUNT (&#8358;)</td>
                    <td>TAX TYPE</td>
                    <td>TIN</td>
                    <td>PAYMENT CHANNEL</td>
                    <td>&nbsp;</td>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td>S/N</td>
                    <td>PAYMENT REF.</td>
                    <td>TRANS. DATE</td>
                    <td>AMOUNT (&#8358;)</td>
                    <td>TAX TYPE</td>
                    <td>TIN</td>
                    <td>PAYMENT CHANNEL</td>
                    <td>&nbsp;</td>
                </tr>
            </tfoot>
            <tbody>
                @foreach($trans as $t)
                <tr>
                    <td>{{ $loop->iteration }}.</td>
                    <td>{{ $t->payref }}</td>
                    <td>{{ $t->transdate }}</td>
                    <td>{{ number_format($t->amount, 2) }}</td>
                    <td>{{ $t->Taxtype->description }}</td>
                    <td>{{ $t->firs_tin }}</td>
                    <td>{{ $t->PaymentChannel->description . ' (' . $t->PaymentChannel->code . ')' }}</td>
                    <td><button data-toggle="modal" data-target="#trans-deets-modal" type="button" type="button" onclick="getTransDeets({{ $t->id }});" class="btn btn-danger trans-details-btn">Details</button></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>





<div id="trans-deets-modal" tabindex="-1" role="dialog" class="modal fade colored-header">
    <div class="modal-dialog custom-width">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="close md-close"><i
                        class="icon s7-close"></i></button>
                <h3 class="modal-title">Transaction Details</h3>
            </div>
            <div class="modal-body form" style="overflow: auto; max-height: 400px;">
                <div class="progress" id="loader-progressbar" style="display: none;">
                    <div style="width: 100%" class="progress-bar progress-bar-primary progress-bar-striped active"></div>
                </div>
                <div id="modal-contents" style="display: none;">
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Payment Reference</label>
                            <div class="form-control" id="payref-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>Transaction Date</label>
                            <div class="form-control" id="transdate-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>Service Provider</label>
                            <div class="form-control" id="service_prov-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>FIRS TIN</label>
                            <div class="form-control" id="firs_tin-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>NEW TIN</label>
                            <div class="form-control" id="new_tin-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>TAX PAYER'S NAME</label>
                            <div class="form-control" id="taxpayer_name-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>AMOUNT</label>
                            <div class="form-control" id="amount-modal"></div>
                        </div>
                    </div>
                    
                    
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>TAX TYPE</label>
                            <div class="form-control" id="tax_type-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>PAYMENT CHANNEL</label>
                            <div class="form-control" id="payment_channel-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>ASSESSMENT NUMBER</label>
                            <div class="form-control" id="assessment_no-modal"></div>
                        </div><div class="form-group">
                            <label>ASSESSMENT PERIOD</label>
                            <div class="form-control" id="assessment_period-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>BANK</label>
                            <div class="form-control" id="bank-modal"></div>
                        </div>
                        <div class="form-group">
                            <label>SWITCHING PLATFORM</label>
                            <div class="form-control" id="switching_platform-modal"></div>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="close-button" data-dismiss="modal" class="btn btn-default md-close">Close</button>
            </div>
        </div>
    </div>
</div>




<style type="text/css">
    label, thead, tfoot { font-weight: bold; }
    label { text-transform: uppercase; }
</style>

<script type="text/javascript">
    last_id = 0;
    function getTransDeets(id){
        if(last_id == id){
            return 0;
        }
        $('#loader-progressbar').fadeIn();
        $('.trans-details-btn').fadeOut();
        $('#modal-contents').fadeOut();
        dis_url = "{{ url('transaction') }}" + '/' + id;
        $.ajax({
            type: 'GET',
            url: dis_url,
            data_type: 'json',
            success: function(data){
                $('#loader-progressbar').fadeOut();
                if(data[0].id){
                    last_id = id;
                    d = data[0];
                    $('#payref-modal').html(d.payref);
                    $('#transdate-modal').html(d.transdate);
                    $('#service_prov-modal').html(d.service_prov.description);
                    $('#firs_tin-modal').html(d.firs_tin);
                    $('#new_tin-modal').html(d.new_tin);
                    $('#taxpayer_name-modal').html(d.taxpayer_name);
                    $('#amount-modal').html(d.currency.code + ' ' + d.amount);
                    $('#tax_type-modal').html(d.tax_type.description);
                    $('#payment_channel-modal').html(d.payment_channel.description);
                    $('#assessment_no-modal').html(d.assessment_no);
                    $('#assessment_period-modal').html(d.assessment_period);
                    $('#bank-modal').html(d.bank.description);
                    $('#switching_platform-modal').html(d.switching_platform.description);
                    
                    $('#modal-contents').fadeIn();
                }
            }
        });
        $('.trans-details-btn').fadeIn();
    }
</script>


@endsection