@extends('layouts.student')
@section('content')
    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <x-page.header>@lang('student.transactions.wallet refund transactions')</x-page.header>
             <!-- Search Section -->
             <form action="{{ route('student.walletRefundTransactions.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"> from: </label>
                                            <div>
                                            <input type="date" class="form-control" name="start_date" id="from" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="mt-3 mb-sm-1"> to: </label>
                                            <div>
                                            <input type="date" class="form-control" name="end_date" id="to" required>
                                            </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 -->
            @if (request()->start_date && request()->end_date )
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="tab-content details-tab-content">
                        <div class="tab-pane fade show active " id="tab-1">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title"> @lang('student.transactions.wallet refund transactions')</h3>
                                </div>
                                <div class="card-body">
                                    {{-- Refunded Transactions --}}
                                    <div class="table-responsive" id="transactions">
                                        <table
                                            class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                            <thead>
                                                <tr class="text-center">
                                                    <th>Id</th>
                                                    <th style="text-align: center;"> @lang('student.table.amount')</th>
                                                    <th style="text-align: center;">@lang('student.table.balance')</th>
                                                    <th style="text-align: center;">@lang('student.table.refunded by')</th>
                                                    <th style="text-align: center;">@lang('student.table.reason')</th>
                                                    <th style="text-align: center;">@lang('student.table.date/time')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $count=0
                                                @endphp
                                                @foreach ($wallet_refunded_transactions as $transaction)
                                                <tr class="text-center">
                                                    <td>{{++$count}}</td>
                                                    <td>{{$transaction->amount}}</td>
                                                    <td>{{$transaction->balance}}</td>
                                                    <td>{{$transaction->refundedBy->first_name.' '.$transaction->refundedBy->middle_name.' '.$transaction->refundedBy->last_name}}</td>
                                                    <td>
                                                        <i class="mdi mdi-information-outline leading-loose"
                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                        data-bs-original-title="{{$transaction->reason}}"></i>
                                                    </td>
                                                    <td>
                                                        <i class="fa fa-calendar"></i>
                                                        {{ date('Y-m-d',strtotime($transaction->created_at)) . ' / '}}
                                                        <i class="fa fa-clock-o"></i>
                                                        {{date('h:i A', strtotime($transaction->created_at))}}
                                                    </td>

                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
@endsection