@extends('layouts.main')

@push('styles')
<link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
@endpush


@section('content')
<div class="row bg-title">
    <div class="col-md-7">
        <h4>Cash Expenses Report</h4>
    </div>
    <div class="col-md-5">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> Finance Home</a></li>
            <li class="active"><i class="fa fa-credit-card"></i> View Payments</li>
        </ol>
    </div>
</div>

@include('expenses::payments.menu')
@include('flash::message')
<div class="row">
    <div class="col-md-12">
        <div class="panel">
            <div class="panel-body">

                {{ Form::open(['method'=>'post','route' => 'payments.view_payments']) }}
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Expense By:</label>
                            <select class="form-control compulsory required" name="staff_member" id="staff_member" required>
                                <option value="">-select-</option>
                                <option value="ALL STAFF">ALL STAFF</option>
                                @foreach($staff_members as $item)
                                <option value="{{ $item->id }}">{{ $item->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Vendor:</label>
                            <select class="form-control compulsory required" name="vendor" id="vendor" required>
                                <option value="">-select-</option>
                                <option value="ALL VENDORS">ALL VENDORS</option>
                                @foreach($suppliers as $item)
                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Select Date:</label>
                            <select class="form-control compulsory required" name="dates" id="dates" required>
                                <option value="">-select-</option>
                                <option value="today">TODAY</option>
                                <option value="yesterday">YESTERDAY</option>
                                <option value="custom_date">CUSTOM DATE</option>
                                <option value="custom_date_range">DATE RANGE</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div id="sDate" style="display: none;">
                            <div class="form-group">
                                {{ Form::label('start_date', 'Date On') }}
                                <div class="input-group">
                                    {{ Form::text('start_date', '', ['class'=>'form-control required compulsory', 'readonly', 'id'=>'start_date']) }}
                                    <span class="input-group-addon"><i class="icon-calender"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div id="eDate" style="display: none;">
                            <div class="form-group">
                                {{ Form::label('end_date', 'End Date') }}
                                <div class="input-group">
                                    {{ Form::text('end_date', '', ['class'=>'form-control required compulsory', 'readonly', 'id'=>'end_date']) }}
                                    <span class="input-group-addon"><i class="icon-calender"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group" style="margin-top: 25px;">
                            {{ Form::submit('Submit', ['class'=>'btn btn-success btn-rounded btn-block pull-right']) }}
                        </div>
                    </div>
                </div>
                {{ Form::close() }}
                <hr />

                <div class="row">
                    <div class="col-md-12">
                        @if(isset($display))
                        <h3 class="label label-info label-rounded"> {!! isset($display) ? $display : '' !!}</h3>
                        @endif
                        <br />
                        <div class="table-responsive">
                            <br />
                            <table id="table" class="table color-bordered-table success-bordered-table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Staff In-Charge</th>
                                        <th>Vendor</th>
                                        <th>Transcation ID</th>
                                        <th>Paid From Account</th>
                                        <th>Memo</th>
                                        <th>Payment Date</th>
                                        <th>Record Date</th>
                                        <th>Amount</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $count = 0;
                                        $total = 0;
                                    @endphp

                                    @if($payments)
                                        @if(count($payments) > 0)
                                            @foreach( $payments as $item)
                                                @php
                                                    $display_state = "";
                                                    $hospital_bill_id = $item->bill_id; 
                                                    $hospital_bill = is_null($item->bill_id) ? null : \Streamline\Models\HospitalBill::withTrashed()->find($item->bill_id);
                                                    if ($hospital_bill) {
                                                        $hospital_bill_type = $hospital_bill->bill_type;
                                                        $display_state = in_array($hospital_bill_type, ['DRU','SUN']) ? 'none' : '';
                                                    }
                                                @endphp
                                                <tr style="display: {!! $display_state !!} ">
                                                    <td>{{ $count + 1 }}</td>
                                                    <td>{{ get_full_name($item->created_by, 'id', 'first_name', 'last_name', 'users') }}</td>
                                                    <td>{{ get_name($item->vendor, 'id', 'name', 'suppliers') }}</td>
                                                    <td>{{ $item->transaction_id }}</td>
                                                    <td>{{ get_name($item->account_id, 'id', 'name', 'chart_of_accounts') }}</td>
                                                    <td>{{ $item->memo }}</td>
                                                    <td>{{ streamline_date($item->expense_date) }}</td>
                                                    <td>{{ streamline_date_time_short($item->created_at) }}</td>
                                                    <td>{{ ugandan_shillings($item->sum) }}</td>
                                                    <td>
                                                        @if($item->bill_id)
                                                            <a class="btn btn-sm btn-rounded btn-primary" href="{{ route('payments.voucher', $item->bill_id) }}"><i class="fa fa-eye"></i> Detail</a>
                                                        @else
                                                            <a class="btn btn-primary btn-rounded btn-sm" href="{{ route('payments.payment_details', $item->transaction_id) }}" target="_blank"><i class="fa fa-eye"></i> Detail</a>
                                                        @endif

                                                        @if(Auth::user()->can('edit-payment-record'))
                                                            @if (is_payment_transaction_reconciled($item->id) == false)
                                                                <a class="btn btn-sm btn-rounded btn-warning" href="{{ route('payments.payment_details_edit', $item->transaction_id) }}" target="_blank"><i class="fa fa-pencil"></i> {{ __('payments.edit') }}</a>
                                                            @else
                                                                <a data-toggle="modal" data-target="#reconciledBillModal" class="btn btn-sm btn-rounded btn-warning" style="font-size: 12px; background-color:#d5a767"><i class="fa fa-pencil"></i>{{ __('payments.edit') }}</a>
                                                            @endif
                                                        @endif

                                                        @if(Auth::user()->can('delete-payment-record'))
                                                            @if (is_payment_transaction_reconciled($item->id) == false)
                                                                <button class="btn btn-sm btn-rounded btn-danger" onclick="remove('{{ $item->transaction_id }}')"><i class="fa fa-trash"></i> {{ __('payments.delete') }}</button>
                                                            @else
                                                                <a data-toggle="modal" data-target="#reconciledBillModal" class="btn btn-sm btn-rounded btn-danger" style="font-size: 12px; background-color: rgb(219 162 174"><i class="fa fa-pencil"></i>{{ __('payments.delete') }}</a>
                                                            @endif
                                                        @endif
                                                    </td>
                                                </tr>
                                                @php
                                                    if ($display_state != 'none') {
                                                        $count ++;
                                                        $total += $item->sum;
                                                    }
                                                @endphp
                                            @endforeach
                                        @endif
                                    @endif

                                </tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td><strong>Total</strong></td>
                                    <td>{{ ugandan_shillings($total) }}</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </table>

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

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

{{ Form::open(['method'=>'post','route' => 'payments.view_payments', 'id'=>'reload_payments']) }}
{{ Form::hidden('staff_member', $request->staff_member) }}
{{ Form::hidden('vendor', $request->vendor) }}
{{ Form::hidden('dates', $request->dates) }}
{{ Form::hidden('start_date', $request->start_date) }}
{{ Form::hidden('end_date', $request->end_date) }}
{{ Form::close() }}

<div class="modal fade" id="reconciledBillModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="label label-info">Please note</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="row" style="padding: 10px;">
                    <div class="col-sm-12">
                        <h3>{{ __('payments.payment_already_reconciled_message') }}</h3>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('payments.close') }}</button>
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<!-- Date Picker Plugin JavaScript -->
<script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>

<script>
    $('#dates').change(function(e) {

        if ($(this).val() === "custom_date") {

            $("#eDate").hide();
            $("#sDate").show();

        } else if ($(this).val() === "custom_date_range") {

            $("#sDate").show();
            $("#eDate").show();
        } else {

            $("#eDate").hide();
            $("#sDate").hide();
        }
    });

    function bank_deposit(cashier_income_id, amount) {
        $('#deposit_amount').val(amount);
        $('#cashier_income_id').val(cashier_income_id);
        $('#banking_modal').modal('show');
    }

    $('#confirm_deposit').click(function() {

        var cashier_income_id = $('#cashier_income_id').val();
        var deposit_amount = $('#deposit_amount').val();
        var deposit_account = $('#deposit_account').val();
        var deposit_date = $('#deposit_date').val();

        $.ajax({
            method: 'POST',
            url: '/banking/quick_bank_deposit',
            data: {
                'cashier_income_id': cashier_income_id,
                'deposit_amount': deposit_amount,
                'deposit_account': deposit_account,
                'deposit_date': deposit_date,
            },

            success: function(response) {
                console.log(response);
                $('#banking_modal').modal('hide');
                $('#bank_' + cashier_income_id).hide();
                $('#div_' + cashier_income_id).append("<label class='label label-success'>BANKED</label>");
            },
            error: function(error) {
                console.log(error);
            }
        });
    });

    function get_acc_bal(bank_id) {
        $.ajax({
            method: 'POST',
            url: '/banking/get_current_account_balance',
            data: {
                'bank_id': bank_id
            },

            success: function(response) {
                var acc_bal = response[0].balance;
                var amount = $('#deposit_amount').val();
                $('#current_account_balance').val(acc_bal);
                $('#new_account_balance').val(acc_bal + parseInt(amount));
            },
            error: function(error) {
                console.log(error);
            }
        });
    }

    function remove(trans_id) {
        var check = confirm('Are You Sure You Want To Delete ALL Payments For Transaction Id: ' + trans_id + '?');
        if (check) {
            $.ajax({
                type: 'POST',
                url: '/payments/delete_payments',
                data: {
                    'trans_id': trans_id
                },
                success: function(result) {
                    if (result != 'fail') {
                        alert('All payments for Transaction Id: ' + trans_id + ' have been deleted successfully!');
                        $('#reload_payments').submit();
                    } else {
                        alert('Failed to delete payments for Transaction Id: ' + trans_id)
                    }

                },
                error: function(error) {
                    console.log(error)
                    alert('Something Went Wrong, Please Contact Support.')
                }
            });
        }
    }
</script>
<script src="{{ asset('elite/bower_components/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/jszip.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/pdfmake.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/vfs_fonts.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('elite/tables/js/buttons.print.min.js') }}"></script>
<script type="text/javascript">
    jQuery('#end_date').datepicker({
        autoclose: true,
        todayHighlight: true,
        format: 'dd-mm-yyyy'
    });
</script>

<script type="text/javascript">
    jQuery('#start_date ,#deposit_date').datepicker({
        autoclose: true,
        todayHighlight: true,
        format: 'dd-mm-yyyy'
    });
</script>

<script>
    $('.table').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        "aoColumnDefs": [{
            "aTargets": [2, 3],
            "defaultContent": "",
        }]
    });
</script>

<script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>

<script>
    $('#staff_member, #vendor').select2({
        placeholder: "-select-"
    });
</script>
@endpush