@extends('layouts.admin')
@section('content')
    <div class="app-content my-3 my-md-5">
        <div class="side-app">
             <x-page.header>Installment Transactions</x-page.header>
             <!-- Search Section -->
             <form action="{{ route('admin.uncalculatedInstallmentsLessThanMonth.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-12">
                                            <label class=" mt-3 mb-sm-1"> Course Name: <span class="badge badge-primary">{{$offered_courses->count()}} Courses</span></label>
                                            <select class="form-control select2-show-search" id="course" name="course">
                                                <option value="0" selected disabled>select course</option>
                                                @foreach ($offered_courses as $course)
                                                    <option value="{{$course->coffid}}">
                                                        {{$course->acyname.'_'.$course->cname.'('.$course->lshort_name.')_'.$course->ttname}}
                                                        @if ($course->has_label)
                                                        {{$course->label}}
                                                        @endif
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-2 mt-6">
                                            <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 "
                                                value="@lang('student.apply filter')">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--End Search Section -->
           <div class="row">
               <div class="col-md-12 col-lg-12">
                   <div class="card">
                       <div class="card-header">
                           <h3 class="card-title">Installments List</h3>
                       </div>
                       <div class="card-body">
                        @if (count($installments) > 0)
                                @if ($installments->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.exportUncalculatedInstallmentsLessThanMonth')}}" method="get">
                                    <input type="hidden" value="{{request()->get('course')}}" name="course">
                                    <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">
                               <table
                                   class="table card-table table-bordered border-top table-vcenter text-nowrap" id="transactions_table">
                                   <thead>
                                       <tr>
                                           <th style="text-align: center;">@lang('student.table.id')</th>
                                           <th style="text-align: center;">student name</th>
                                           <th style="text-align: center;">@lang('student.table.course name')</th>
                                           <th style="text-align: center;">Course status</th>
                                           <th style="text-align: center;">@lang('student.table.teacher name')</th>
                                           <th style="text-align: center;">due date</th>
                                           <th style="text-align: center;">percentage amount</th>
                                           <th class="bg-danger text-light" style="text-align: center;">amount EGP</th>
                                           <th class="bg-primary text-light" style="text-align: center;">amount AED</th>
                                           <th style="text-align: center;">payment currency</th>
                                           <th style="text-align: center;">Rate</th>
                                           <th style="text-align: center;">paid at</th>
                                       </tr>
                                   </thead>
                                   <tbody>
                                       @php
                                       $count=0
                                       @endphp
                                       @forelse ($installments as $installment)
                                           <tr class="text-center">
                                               <td>{{ ++$count }}</td>
                                               <td>{{ $installment->first_name.' '.$installment->middle_name.' '.$installment->last_name }}</td>
                                               <td>
                                                {{$installment->has_label ? ' ( '.$installment->label.' ) ':''}}  {{$installment->acyname.'_'.$installment->cname.' ( '.$installment->lshort_name.' )'}}
                                                </td>
                                                <td>{{ $installment->is_active ? 'Active':'inActive' }}</td>
                                               <td>
                                                   {{ $installment->ttname }}
                                               </td>
                                               <td>{{ $installment->due_date }}</td>
                                               <td>
                                                {{$installment->installment_amount}} %
                                                </td>
                                                <td class="bg-danger text-light">
                                                    {{$installment->amount}}
                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                    Teacher: {{$installment->teacher_amount}} <br>
                                                    Eshra7ly: {{$installment->eshra7ly_amount}} <br>
                                                    " data-bs-original-title=""></i>
                                                </td>
                                                <td class="bg-primary text-light">
                                                    {{$installment->amount_aed}}
                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                    Teacher: {{$installment->teacher_amount_aed}} <br>
                                                    Eshra7ly: {{$installment->eshra7ly_amount_aed}} <br>
                                                    " data-bs-original-title=""></i>
                                                </td>
                                                <td>
                                                    @php
                                                        // if the installment is EGP it will show as EGP
                                                        if($installment->payment_currency == 2){
                                                            $currency = 'EGP';
                                                        }
                                                        else{
                                                            if($installment->is_paid){
                                                                $currency = ($installment->payment_currency == '1') ? 'AED' : 'EGP';
                                                            }else{
                                                                // else we chck the student profile and based on that we show the currency
                                                                $currency = ($installment->payment_gateway == '1') ? 'AED':'EGP';
                                                            }
                                                        }
                                                    @endphp
                                                    <span class="badge badge-{{$currency == 'AED' ? 'info':'success'}} mt-2">
                                                        {{ $currency }}
                                                    </span>
                                                </td>
                                                <td>{{ $installment->rate ? $installment->rate : '-' }}</td>
                                               <td>
                                                {{-- <i class="fa fa-calendar"></i> --}}
                                                    {{ $installment->paid_date}}
                                               </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">
                                {{ $installments->appends(Request::except('page'))->render('inc.paginate') }}
                                </div>
                                <p class="mt-3">
                                    Displaying {{$installments->count()}} of {{ $installments->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