@extends('layouts.admin')
@section('content')
    <div class="app-content my-3 my-md-5 profile-1">
        <div class="side-app">
            <x-page.header>Opay Transactions</x-page.header>
             <!-- Search Section -->
             <form action="{{ route('admin.opayTransactions.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">
                                        <div class="col-md-6">
                                            <label class=" mt-3 mb-sm-1"> Student: </label>
                                            <select class="form-control select2-show-search" id="student" name="student" required>
                                                <option value="0" disabled selected>Select</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class=" mt-3 mb-sm-1">status: </label>
                                            <select class="form-control select2-show-search" id="status" name="status">
                                                <option value="" disabled selected>Select</option>
                                                <option value="INITIAL">initial</option>
                                                <option value="CLOSE">closed</option>
                                                <option value="SUCCESS">success</option>
                                                <option value="FAIL">failed</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="mt-3 mb-sm-1"> from: </label>
                                            <div>
                                            <input type="date" class="form-control" name="start_date" id="from" value="{{request()->start_date ? request()->start_date :''}}">
                                            </div>

                                            <label class="mt-3 mb-sm-1"> to: </label>
                                            <div>
                                            <input type="date" class="form-control" name="end_date" id="to" value="{{request()->start_date ? request()->end_date :''}}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-5 d-flex">
                                    <div class="mx-auto">
                                        <input type="submit" id="submit" class="btn btn-primary"
                                            value="Apply Filter">
                                        {{-- <button href="{{route($transactions ? 'admin.unpostedPayment-transactions' : 'admin.postedPayment-transactions')}}" id="reset" class="btn btn-danger">Reset</button> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--End Search Section -->
            @if ($transactions)
                <div class="row">
                    <div class="col-md-12 col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Transactions List</h3>
                            </div>
                            <div class="card-body">
                                @if (count($transactions) > 0)
                                    @if ($transactions->total() >4000)
                                        <button class="btn btn-primary mx-auto d-block w-25 my-6"  data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="Please Filter the transactions so you can export data smoothly">Export</button>
                                        @else
                                        <form action="{{route('admin.exportOpayTransactions')}}" method="get">
                                            <input type="hidden" value="{{request()->get('student')}}" name="student">
                                            <input type="hidden" value="{{request()->get('status')}}" name="status">
                                            <input type="hidden" value="{{request()->get('start_date')}}" name="start_date">
                                            <input type="hidden" value="{{request()->get('end_date')}}" name="end_date">
                                            <button type="submit" class="btn btn-primary mx-auto d-block w-25 my-6" >Export</button>
                                        </form>
                                    @endif
                                @endif
                                <div class="table-responsive" id="transactions">
                                    <div>
                                        <b>
                                            Total amount (success):
                                            <span class="text-danger">{{ round($opay_amount,2) / 100 }}</span>
                                        </b>
                                    </div>
                                    <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;">Amount</th>
                                                <th style="text-align: center;">reference</th>
                                                <th style="text-align: center;">transaction Id</th>
                                                <th style="text-align: center;">status</th>
                                                <th>created_date</th>
                                                <th style="text-align: center;">updated_at</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $count=0;
                                            @endphp
                                            @forelse ($transactions as $transaction)
                                                <tr class="text-center">
                                                    <td>{{ ++$count }}</td>
                                                    <td>
                                                    <a href="{{route('admin.students.show',[$transaction->user_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>
                                                        {{ ($transaction->amount / 100) }} EGP
                                                    </td>
                                                    <td>
                                                        {{ ($transaction->reference) }}
                                                    </td>
                                                    <td>
                                                        {{ ($transaction->orderNo) }}
                                                    </td>
                                                    <td class="">
                                                        @if ($transaction->status == 'INITIAL')
                                                            <span class="badge badge-info">
                                                                {{$transaction->status}}
                                                            </span>
                                                            @elseif ($transaction->status == 'CLOSE')
                                                            <span class="badge badge-primary">
                                                                {{$transaction->status}}
                                                            </span>
                                                            @elseif ($transaction->status == 'SUCCESS')
                                                            <span class="badge badge-success">
                                                                {{$transaction->status}}
                                                            </span>
                                                            @elseif ($transaction->status == 'FAIL')
                                                            <span class="badge badge-danger">
                                                                {{$transaction->status}}
                                                            </span>
                                                        @endif
                                                    </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>
                                                    <td>
                                                        @if ($transaction->updated_at)
                                                        <i class="fa fa-calendar"></i>
                                                        {{ $transaction->updated_at->format('d-m-Y') . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($transaction->updated_at))}}
                                                        @else
                                                        Not Updated Yet
                                                        @endif
                                                    </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">
                                        {{ $transactions->appends(Request::except('page'))->render('inc.paginate') }}
                                    </div>
                                    <p class="mt-3">
                                        Displaying {{$transactions->count()}} of {{ $transactions->total() }} transaction(s).
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

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