@extends('layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" />

    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css">
    <link href="{{ asset('assets/plugins/datatables-net/dataTables.bootstrap4.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <form id="myFormID" method="get" action="{{ url('/transactions') }}">
                        <div class="form-group d-flex">
                            <label class="col-sm-1 control-label mt-2">Username :</label>
                            <div class="col-sm-5">
                                <select name="username" class="form-control">
                                    <option value="">Select the Username</option>
                                    @foreach ($data as $value)
                                        <option value="{{ $value['_id'] }}">{{ $value['userName'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <div class="col-sm-1 offset-sm-1">
                                <input class="btn btn-primary" type="submit" value="Submit">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">

                    <div class="col-md-12 row">
                        <div class="col-md-6">
                            <h6 class="card-title" style="text-transform: none !important;">Transactions</h6>
                        </div>
                        {{-- @if (Session::get('role') != 'retailer')
                            <div class="col-md-6 row text-right">
                                <select id='filterText' class='col-md-6' onchange='filterText()'>
                                    <option value="all">all</option>
                                    @foreach ($data as $value)
                                        <option value="{{ $value['userName'] }}">{{ $value['userName'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif --}}
                    </div>
                    <div class="table-responsive">
                        <table id="dataTableExample" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Sl no.</th>
                                    <th>Transaction Id</th>
                                    <th>Transaction With</th>
                                    <th>Credit </th>
                                    <th>Debit </th>
                                    <th>Date </th>
                                    <th>Type </th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $no = 1;
                                    $d = 0;
                                    $c = 0;
                                @endphp
                                @foreach ($payment as $pay)
                                    <tr class="content">
                                        <td>{{ $no++ }}</td>
                                        <td>{{ $pay['_id'] }}</td>
                                        <td>{{ $pay['userName'] }}</td>
                                        @if ($pay['type'] == 'adjustment')
                                            <td>
                                                --
                                            </td>
                                            <td>
                                                @if ($pay['status'] != 'pending')
                                                    @php $c += $pay['creditPoint']; @endphp
                                                @endif
                                                {{ number_format($pay['creditPoint']) }}
                                            </td>
                                        @else
                                            <td>
                                                @if ($pay['status'] != 'pending')
                                                    @php $d += $pay['creditPoint']; @endphp
                                                @endif
                                                {{ number_format($pay['creditPoint']) }}
                                            </td>
                                            <td>
                                                --
                                            </td>
                                        @endif
                                        <td>{{ date('d/m/Y h:i:s A', strtotime($pay['created_at'])) }}
                                        </td>
                                        <td>{{ ucfirst($pay['type']) }}<span class="text-success">
                                                @if ($pay['status'] == 'success')
                                                    <span class="text-success"> {{ $pay['status'] }}</span>
                                                @elseif($pay['status'] == 'pending')
                                                    <span class="text-danger"> {{ $pay['status'] }}</span>
                                                @elseif($pay['status'] == 'reject')
                                                    <span class="text-danger"> {{ $pay['status'] }}</span>
                                                @endif
                                        </td>
                                    </tr>
                                @endforeach
                            <tfoot class="highlight">
                                <td>Total</td>
                                <td></td>
                                <td></td>
                                <td>{{ $d }}</td>
                                <td>{{ $c }}</td>

                                <td></td>
                                <td></td>
                            </tfoot>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/tempusdominus-bootstrap-4/tempusdominus-bootstrap-4.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/select2.js') }}"></script>
@endpush

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') }}"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/datepicker.js') }}"></script>
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
    <script type="text/javascript">
        $("#datePickerExample2").datepicker();
        $("#datePickerExample1").datepicker();
    </script>
    <script type="text/javascript">
        function filterText() {
            var rex = new RegExp($('#filterText').val());
            if (rex == "/all/") {
                clearFilter()
            } else {
                $('.content').hide();
                $('.content').filter(function() {
                    return rex.test($(this).text());
                }).show();
            }
        }

        function clearFilter() {
            $('.filterText').val('');
            $('.content').show();
        }
    </script>
@endpush