@extends('layouts.admin')
@section('content')
    <div class="app-content my-3 my-md-5 profile-1">
        <div class="side-app">
            <x-page.header>Recharge Transactions</x-page.header>
             <!-- Search Section -->
             <form action="{{ route('admin.recharge-transactions.search') }}" method="get">
                <div class="mb-5">
                    <div class="">
                        <div class="p-5 bg-white">
                            <div class="mt-3 item2-gl-nav">
                                <div class="d-block ">
                                    <h5 class="mb-2 mt-0">@lang('student.filter by')</h5>
                                    <div class="row">
                                        <input type="hidden" name="transaction_tab" value="{{ request()->transaction_tab }}">
                                        @if (request()->transaction_tab != 'refunded' && request()->transaction_tab != 'transfer')
                                        <div class="col-md-4">
                                            <label class="mt-3 mb-sm-1"> Payment Method: </label>
                                            <div>
                                                <select name="payment_method" class="form-control select2-show-search">
                                                    <option class="form-control" disabled selected>Select</option>
                                                    @if (request()->transaction_tab == 'opay' || !request()->transaction_tab || request()->transaction_tab == 'paymob-uae' || request()->transaction_tab == 'paymob-eg')
                                                    <option class="form-control" value="BankCard">BankCard</option>
                                                    @endif
                                                    @if (request()->transaction_tab == 'opay' || !request()->transaction_tab || request()->transaction_tab == 'paymob-eg')
                                                    <option class="form-control" value="ReferenceCode">ReferenceCode</option>
                                                    @endif
                                                    @if (request()->transaction_tab == 'manual')
                                                    <option class="form-control" value="Manual-Salfny">Manual-Salfny</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="col-md-4">
                                            <label class="mt-3 mb-sm-1"> from: </label>
                                            <div>
                                            <input type="date" class="form-control" name="start_date" id="from">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="mt-3 mb-sm-1"> to: </label>
                                            <div>
                                            <input type="date" class="form-control" name="end_date" id="to">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="mt-4">
                                    <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 d-block mx-auto"
                                        value="Apply Filter">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--End Search Section -->
             {{-- tabs --}}
             <div class="mt-8">
                <div class="ps-0 pb-5">
                    <div class="wideget-user-tab">
                        <div class="tab-menu-heading">
                            <div class="tabs-menu1">
                                <ul class="nav">
                                    <li style="width: 15%"><a href="{{ route('admin.recharge-transactions',['transaction_tab=opay','#transactions']) }}" class="w-100 {{request()->transaction_tab == 'opay' || !request()->transaction_tab ? 'active':''}}">Opay</a></li>
                                    <li style="width: 15%" class="ms-2"><a href="{{ route('admin.recharge-transactions',['transaction_tab=paymob-uae','#transactions']) }}" class="ms-3 me-2 w-100  {{request()->transaction_tab == 'paymob-uae' ? 'active':''}}" >PaymobUAE</a></li>
                                    <li style="width: 15%" class="ms-2"><a href="{{ route('admin.recharge-transactions',['transaction_tab=paymob-eg','#transactions']) }}" class="ms-3 me-2 w-100  {{request()->transaction_tab == 'paymob-eg' ? 'active':''}}" >PaymobEG</a></li>
                                    <li style="width: 15%" class="ms-2"><a href="{{ route('admin.recharge-transactions',['transaction_tab=refunded','#transactions']) }}" class="ms-3 me-2 w-100  {{request()->transaction_tab == 'refunded' ? 'active':''}}" >Refunded</a></li>
                                    <li style="width: 15%" class="ms-2"><a href="{{ route('admin.recharge-transactions',['transaction_tab=manual','#transactions']) }}" class="ms-3 me-2 w-100  {{request()->transaction_tab == 'manual' ? 'active':''}}" >Manual</a></li>
                                    <li style="width: 15%" class="ms-2"><a href="{{ route('admin.recharge-transactions',['transaction_tab=transfer','#transactions']) }}" class="ms-3 me-2 w-100  {{request()->transaction_tab == 'transfer' ? 'active':''}}" >Wallet transfer</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="tab-content details-tab-content">
                        {{-- Tab-1 --}}
                        <div class="tab-pane fade show active" id="tab-1">
                            {{-- Eshra7ly Transactions --}}
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title"> Recharge Transactions List</h3>
                                </div>
                                @if (count($eshra7ly_transactions) > 0 )
                                    @if ($eshra7ly_transactions->total() < 12000)
                                        <form action="{{route('admin.recharge-transactions-export')}}" method="get">
                                            <input type="hidden" value="{{request()->get('payment_method')}}" name="payment_method">
                                            <input type="hidden" value="{{request()->get('start_date')}}" name="start_date">
                                            <input type="hidden" value="{{request()->get('end_date')}}" name="end_date">
                                            <input type="hidden" value="{{request()->get('transaction_tab')}}" name="transaction_tab">
                                            <button type="submit" class="btn btn-primary mx-auto d-block w-25 my-6" >Export</button>
                                        </form>
                                        @else
                                        <a data-bs-toggle="modal" data-bs-target="#transactions-modal" class="btn btn-primary mx-auto d-block w-25 my-5">
                                            Export
                                        </a>
                                    @endif
                                @endif
                                <div class="card-body">
                                    <div class="table-responsive" id="transactions">
                                        <table
                                            class=" table card-table table-striped table-bordered border-top table-vcenter text-nowrap" id="transactions_table">
                                            <thead>
                                                <tr>
                                                    <th style="text-align: center;">id</th>
                                                    <th style="text-align: center;">Student</th>
                                                    <th style="text-align: center;">date</th>
                                                    <th style="text-align: center;">Added By</th>
                                                    <th style="text-align: center;">Amount Due (EGP)</th>
                                                    @if (request()->transaction_tab == 'paymob-uae')
                                                    <th style="text-align: center;">Base Amount</th>
                                                    <th style="text-align: center;">exchange rate</th>
                                                    <th style="text-align: center;">amount aed</th>
                                                    <th style="text-align: center;">bonus rate</th>
                                                    <th style="text-align: center;">bonus amount</th>
                                                    @endif
                                                    @if (request()->transaction_tab != 'paymob-uae' && request()->transaction_tab != 'opay' && request()->transaction_tab != 'paymob-eg')
                                                    <th style="text-align: center;">currency</th>
                                                    <th style="text-align: center;">exchange rate</th>
                                                    <th style="text-align: center;">amount aed</th>
                                                    @endif
                                                    @if (request()->transaction_tab == 'paymob-uae' || request()->transaction_tab == 'paymob-eg' || request()->transaction_tab == 'opay' || !request()->transaction_tab)
                                                    <th style="text-align: center;">fees</th>
                                                    @endif
                                                    @if (request()->transaction_tab == 'paymob-uae' || request()->transaction_tab == 'paymob-eg')
                                                    <th style="text-align: center;">vat</th>
                                                    @endif
                                                    <th style="text-align: center;">balance (EGP)</th>
                                                    <th style="text-align: center;">balance (AED)</th>
                                                    <th style="text-align: center;">description</th>
                                                    <th style="text-align: center;">payment method</th>
                                                    <th style="text-align: center;">transaction id</th>
                                                    <th style="text-align: center;">reference</th>
                                                    <th style="text-align: center;">status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                $count=0
                                                @endphp
                                            @forelse ($eshra7ly_transactions as $transaction)
                                                <tr class="text-center">
                                                    <td>{{ ++$count }}</td>
                                                    <td>
                                                        <a href="{{route('admin.students.show',[$transaction->id,'is_active_tab=tab2'])}}" target="_blank">
                                                            {{ $transaction->first_name . ' ' . $transaction->middle_name. ' ' . $transaction->last_name}}
                                                            <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                            Phone: {{ $transaction->phone}} <br> Email: {{ $transaction->email}} <br>
                                                            "
                                                            data-bs-original-title=""></i>
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $transaction->created_at->format('d-m-Y') . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($transaction->created_at))}}
                                                    </td>
                                                   @if ($transaction->added_by)
                                                    <td>{{ $transaction->added_by_fname . ' '. $transaction->added_by_lname}}</td>
                                                   @else
                                                   <td>Student him self</td>
                                                   @endif
                                                    <td>{{ round($transaction->amount,2) }} EGP</td>
                                                    @if (request()->transaction_tab == 'paymob-uae')
                                                        <td>{{ round($transaction->base_amount,2) }}</td>
                                                        <td>{{ $transaction->exchange_rate }}</td>
                                                        <td>{{ round($transaction->amount_aed,2) }}</td>
                                                        <td>{{ $transaction->bonus_rate }}</td>
                                                        <td>{{ round($transaction->bonus_amount,2) }}</td>
                                                    @endif
                                                    @if (request()->transaction_tab != 'paymob-uae' && request()->transaction_tab != 'paymob-eg' && request()->transaction_tab != 'opay')
                                                    <td>
                                                        <span class="badge badge-{{ $transaction->currency == 2 ? 'danger' : 'primary' }}">
                                                            {{ $transaction->currency == 2 ? 'EGP' : 'AED' }}
                                                        </span>
                                                    </td>
                                                    <td>{{ $transaction->exchange_rate }}</td>
                                                    <td>{{ round($transaction->amount_aed,2) }}</td>
                                                    @endif
                                                    @if (request()->transaction_tab == 'paymob-uae' || request()->transaction_tab == 'paymob-eg' || request()->transaction_tab == 'opay' || !request()->transaction_tab)
                                                    <td>{{ $transaction->opay_fees }}</td>
                                                    @endif
                                                    @if (request()->transaction_tab == 'paymob-uae')
                                                    <td>{{ $transaction->paymob_uae_vat }}</td>
                                                    @endif
                                                    @if (request()->transaction_tab == 'paymob-eg')
                                                    <td>{{ $transaction->paymob_eg_vat }}</td>
                                                    @endif
                                                    <td>{{ $transaction->balance }}</td>
                                                    <td>{{ $transaction->balance_aed }}</td>
                                                    <td style="text-align: center;">
                                                        <i class="mdi mdi-information-outline leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                        data-bs-original-title="{{ $transaction->reason }}"></i>
                                                    </td>
                                                    <td>{{ $transaction->payment_method }}</td>
                                                    <td>{{$transaction->transactionId}}</td>
                                                    <td>{{$transaction->reference}}</td>
                                                    <td>
                                                        <span class="badge badge-danger">
                                                            {{ $transaction->status }}
                                                        </span>
                                                    </td>

                                                </tr>
                                                @empty
                                                <tr>
                                                    <td colspan="11">
                                                        <img src="{{env('SECURE_ASSETS').'/images/media/empty_table.svg'}}" class="mx-auto d-block" width="100" alt="empty table">
                                                        <p class="text-primary font-weight-bold text-center mt-3">There is no data!</p>
                                                    </td>
                                                </tr>
                                            @endforelse
                                            </tbody>
                                        </table>
                                        <div class="mt-4">
                                            {{ $eshra7ly_transactions->appends(Request::except('page'))->render('inc.paginate') }}
                                        </div>
                                        <p class="mt-3">
                                            Displaying {{$eshra7ly_transactions->count()}} of {{ $eshra7ly_transactions->total() }} transaction(s).
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- /transactions Modal -->
<div class="modal  fade effect-sign show" id="transactions-modal" tabdocumentation="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Export Transactions</h5>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form  method="get" enctype="multipart/form-data" action="{{route('admin.recharge-transactions-export')}}">
					<div class="form-group ">
                        <div class="row">
                            <div class="col-md-12">
                                <label for="month">Select a month <span class="text-danger">*</span></label>
                                <input type="month" id="month" class="form-control" name="month" required>
                                <input type="hidden" value="{{request()->get('payment_method')}}" name="payment_method">
                                <input type="hidden" value="{{request()->get('from')}}" name="from">
                                <input type="hidden" value="{{request()->get('to')}}" name="to">
                            </div>
                        </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" id="submit" class="btn btn-primary" value="">Export</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- /transactions Modal -->
@endsection

@section('admin-js')
{{-- draw all data tables --}}
<script>
    $(document).ready(function(){
        $('#transactions_table').dataTable( {
            "drawCallback": function( settings ) {
            },
            "bPaginate": false,
            "searching": true,
            "ordering": true,
            "info": false,
        })
    })
</script>
@endsection