@extends('layouts.teacher')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <div class="page-header">
            <h4 class="page-title">Refund After Post</h4>
        </div>
        <div class="row profile-1">
            <div class="col-md-12">
                <div class="">
                    <div class="ps-0 pb-5">
                        <div class="wideget-user-tab">
                            <div class="tab-menu-heading">
                                <div class="tabs-menu1">
                                    <ul class="nav">
                                        <li class="ms-0"><a href="{{ route('teacher.accounting.refundAfterPost',['status=paid']) }}" class="ms-0 me-2 w-100 {{request()->status == 'paid' || !request()->status ? 'active':''}}">Paid</a></li>
                                        <li><a href="{{ route('teacher.accounting.refundAfterPost',['status=unPaid']) }}" class="w-100 {{request()->status == 'unPaid' ? 'active':''}}" id="posted_transactions">Un-Paid</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                    <!-- Search Section -->
                    <form action="{{ route('teacher.accounting.refundAfterPost',['#section']) }}" method="get">
                        <input type="hidden" name="status" value="{{ request()->status }}">
                        <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-5">
                                                    <label class="mt-3 mb-sm-1" for="start_date"> start date: </label>
                                                    <div>
                                                    <input type="date" class="form-control" name="start_date" id="start_date" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-5">
                                                    <label class="mt-3 mb-sm-1" for="end_date"> end date: </label>
                                                    <div>
                                                    <input type="date" class="form-control" name="end_date" id="end_date" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 mt-6">
                                                    <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7"
                                                        value="View">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="tab-pane show fade" id="section">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Transactions List</h3>
                            </div>
                            <div class="card-body">
                                <div class="row py-5">
                                    {{-- Total amount --}}
                                    {{-- <div class=" col-md-4">
                                        <div class="card card-aside">
                                            <div class="card-body">
                                                <h5 class="mt-4 text-muted fs-14">Total amount</h5>
                                                <h4 class="text-primary">{{$total_amount}} EGP</h4>
                                            </div>
                                            <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{asset('/images/media/refund-summary.svg')}}" style="background: url({{asset('/images/media/refund-summary.svg')}}) ;"></a>
                                        </div>
                                    </div> --}}
                                    {{-- Total Teacher amount --}}
                                    <div class="col-md-4">
                                        <div class="card card-aside">
                                            <div class="card-body">
                                                <h5 class="mt-4 text-muted">Teacher amount</h5>
                                                <h4 class="text-danger">{{$total_teacher_amount}} EGP</h4>
                                                <h4 class="text-primary">{{$total_teacher_amount_aed}} AED</h4>

                                            </div>
                                            <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{asset('/images/media/opay-fees-summary.svg')}}" style="background: url({{asset('/images/media/opay-fees-summary.svg')}}) ;"></a>
                                        </div>
                                    </div>
                                    {{-- Total Eshra7ly amount --}}
                                    {{-- <div class="col-md-4">
                                        <div class="card card-aside">
                                            <div class="card-body">
                                                <h5 class="mt-4 text-muted"> Eshra7ly amount</h5>
                                                <h4 class="text-primary">{{$total_eshra7ly_amount}} EGP</h4>
                                            </div>
                                            <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{asset('/images/media/salfny-summary.svg')}}" style="background: url({{asset('/images/media/salfny-summary.svg')}}) center center ;"></a>
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="table-responsive">
                                    <table
                                        class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center;">Id</th>
                                                @if (request()->status != 'unPaid')
                                                <th style="text-align: center;">calculation date</th>
                                                @endif
                                                <th style="text-align: center;">course</th>
                                                {{-- <th style="text-align: center;">amount</th> --}}
                                                <th style="text-align: center;">teacher amount egp</th>
                                                <th style="text-align: center;">teacher amount aed</th>
                                                {{-- <th style="text-align: center;">eshra7ly amount</th> --}}
                                                <th style="text-align: center;">transaction type</th>
                                                <th style="text-align: center;">created at</th>
                                                <th style="text-align: center;"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $count=0
                                            @endphp
                                            @foreach ($old_refund as $transaction)
                                            <tr class="text-center">
                                                 <td>{{++$count}}</td>
                                                @if (request()->status != 'unPaid')
                                                 <td>{{
                                                        $transaction->calculate_date? date('Y-m-d', strtotime($transaction->calculate_date)) . ' / '. date('h:i A', strtotime($transaction->calculate_date))
                                                        :'👻 null'
                                                      }}
                                                 </td>
                                                 @endif
                                                 <td>
                                                    {{$transaction->acyname .'_'.$transaction->cname.' ('.$transaction->lshort_name.' ) '.$transaction->ttname}}
                                                    @if($transaction->has_label)
                                                        <span class="badge badge-success">{{$transaction->label}}</span>
                                                    @endif
                                                </td>
                                                {{-- <td>{{$transaction->amount_due}}</td> --}}
                                                <td>{{$transaction->teacher_amount}}</td>
                                                <td>{{$transaction->teacher_amount_aed ?? 0}}</td>
                                                {{-- <td>{{$transaction->eshar7ly_amount}}</td> --}}
                                                <td>
                                                    @if($transaction->tblid)
                                                        <span class="badge badge-primary">Transaction By Lesson</span>
                                                    @else
                                                         <span class="badge badge-success">Installment</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->tblid)
                                                    <a class="btn btn-primary" href="{{route('teacher.accounting.refundAfterPost.transactionByLessonDetails',$transaction->tblid)}}" target="_blank">show details</a>
                                                    @else
                                                    <a class="btn btn-primary" href="{{route('teacher.accounting.refundAfterPost.installmentDetails',$transaction->installment_transaction_id)}}" target="_blank">show details</a>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('admin-js')

@endsection