@extends('layout.app')
@section('content')
    <div class="card">
        <div class="card-body">

            <div class="card-header">
                <div class="card-tools">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-fund-transfer">
                        Commission Transfer
                    </button>
                </div>
            </div>

            <div class="card-body">
                <form action="" method="" id="search">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <div class="input-group date" id="searchFrom" data-target-input="nearest">
                                    <input value="{{ $start->format('m/d/y') }}" type="text" name="from_date"
                                        class="form-control datetimepicker-input input-group-append"
                                        data-toggle="datetimepicker" data-target="#searchFrom" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <div class="input-group date" id="searchTo" data-target-input="nearest">
                                    <input value="{{ $end->format('m/d/y') }}" type="text" name="to_date"
                                        class="form-control datetimepicker-input input-group-append"
                                        data-toggle="datetimepicker" data-target="#searchTo" autocomplete="off">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <select name="pop" id="pop" class="form-control select2">
                                    <option value="">Select POP</option>
                                    @foreach ($pops as $p)
                                        <option value="{{ $p->id }}">{{ $p->popname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group float-right">
                                <button class="btn btn-primary" type="submit" id="searchBtn">
                                    <i class="fa fa-search"></i> Search
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="table-responsive" id="result">
                <table class="table" style="width:100%">
                    <thead>
                        <tr>
                            <th class="bg-dark">POP Name</th>
                            <th class="bg-dark" style="text-align: right;">Received Commission</th>
                            <th class="bg-dark" style="text-align: right;">Paid Commission</th>
                            <th class="bg-dark" style="text-align: right;">Balance</th>
                            <th class="bg-dark">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($pops as $pop)
                            <tr>
                                <td>{{ $pop->popname }}</td>
                                <td style="text-align: right;">
                                    @foreach ($accounts as $ac)
                                        @if ($ac->pop_id == $pop->id)
                                            {{ number_format($ac->ramount, 2) }}
                                        @endif
                                    @endforeach
                                </td>
                                <td style="text-align: right;">
                                    @foreach ($accounts as $ac)
                                        @if ($ac->pop_id == $pop->id)
                                            {{ number_format($ac->pamount ?? 0, 2) }}
                                        @endif
                                    @endforeach
                                </td>
                                <td style="text-align: right;">
                                    @foreach ($accounts as $ac)
                                        @if ($ac->pop_id == $pop->id)
                                            {{ number_format($ac->ramount - $ac->pamount, 2) }}
                                        @endif
                                    @endforeach
                                </td>
                                <td>
                                    <a href="{{ route('view-sub-reseller-commission', $pop->id) }}" class="btn btn-primary btn-sm">View</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="bg-dark text-white font-weight-bold">
                            <td>Total</td>
                            <td style="text-align: right;">{{ number_format($accounts->sum('ramount'), 2) }}</td>
                            <td style="text-align: right;">{{ number_format($accounts->sum('pamount'), 2) }}</td>
                            <td style="text-align: right;">{{ number_format($accounts->sum('ramount') - $accounts->sum('pamount'), 2) }}</td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            {{-- Commission Transfer Modal --}}
            <div class="modal fade" id="modal-fund-transfer">
                <div class="modal-dialog">
                    <form action="{{ route('sub-manager-commission-transfer') }}" method="POST">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="text-center">Sub Manager Commission Transfer</h4>
                                <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">
                                    <div class="col-md-4">Commission Send To</div>
                                    <div class="col-md-8 mb-2">
                                        <select class="form-control select2" name="received_by">
                                            <option value="">Select POP</option>
                                            @foreach ($pops as $pop)
                                                @php
                                                    $totalAmount = 0;
                                                    foreach ($accounts as $ac) {
                                                        if ($ac->pop_id == $pop->id) {
                                                            $totalAmount += $ac->ramount - $ac->pamount;
                                                        }
                                                    }
                                                @endphp
                                                @if ($totalAmount > 0)
                                                    <option value="{{ $pop->id }}">
                                                        {{ $pop->popname }} -- BDT {{ $totalAmount }}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-4">Transfer Type</div>
                                    <div class="col-md-8 mb-2">
                                        <select name="txn_type" class="form-control select2">
                                            <option value="">Select One</option>
                                            <option value="Cash">Cash</option>
                                            <option value="PopRecharge">Account Recharge</option>
                                        </select>
                                    </div>

                                    <div class="col-md-4">Transfer Amount</div>
                                    <div class="col-md-8 mb-2">
                                        <input type="number" name="amount" class="form-control" min="1">
                                    </div>

                                    <div class="col-md-4">Note</div>
                                    <div class="col-md-8 mb-2">
                                        <textarea name="note" class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button class="btn btn-primary" type="submit" id="modalSave">Transfer</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('ajax')
    <script>
        $(function () {
            $('#searchBtn').on('click', function (e) {
                $("#loader").show();
                e.preventDefault();
                $.ajax({
                    type: 'get',
                    url: '{{ route('sub-manager-commission-search-result') }}',
                    data: $('#search').serialize(),
                    success: function (result) {
                        $('#result').html(result);
                        $("#loader").hide();
                    }
                });
            });

            $('#modal-fund-transfer form').on('submit', function () {
                $('#modal-fund-transfer button[type="submit"]').attr('disabled', 'true');
            });
        });
    </script>
@endsection