@extends('layouts.student')
@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('student.installmentTransactions.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-9">
                                            <label class=" mt-3 mb-sm-1"> Course Name: </label>
                                            <select class="form-control select2-show-search" id="course" name="course">
                                                <option value="0" disabled selected>Select</option>
                                                @foreach ($offeredCourses as $item)
                                                    <option value="{{ $item->coffid }}">
                                                        {{ $item->acyname.'_'.$item->cname .' ( '.$item->lshort_name.' ) '}}_
                                                        {{$item->ttname}}
                                                        {{$item->has_label ? $item->label : ''}}
                                                    </option>
                                                @endforeach
                                            </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">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="mt-3 mb-sm-1"> to: </label>
                                            <div>
                                            <input type="date" class="form-control" name="end_date" id="to">
                                            </div>
                                        </div> --}}

                                        <div class="col-md-3 mt-6">
                                            <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 mx-auto d-block "
                                                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">Installment List</h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table
                                    class="table table-striped table-bordered table-vcenter text-nowrap" id="transactions_table">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;">@lang('student.table.id')</th>
                                            <th></th>
                                            <th style="text-align: center;">@lang('student.table.course name')</th>
                                            <th>@lang('student.table.teacher name')</th>
                                            <th>due date</th>
                                            <th style="text-align: center;">@lang('student.table.amount')</th>
                                            <th style="text-align: center;">course Currency</th>
                                            <th style="text-align: center;">payment currency</th>
                                            <th style="text-align: center;">@lang('student.table.status')</th>
                                            <th style="text-align: center;">paid at</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                        $count=0
                                        @endphp
                                        @foreach ($offeredCourses as $course)
                                            @foreach ($installments->where('coffid',$course->coffid) as $installment)
                                                @if ($installment->by_month)
                                                    @if (date('Y-m-d') >= date('Y-m-d', strtotime('-7 days',strtotime($installment->due_date))))
                                                        <tr class="text-center">
                                                            <td>{{ ++$count }}</td>
                                                            <td>
                                                                {{-- check if paid --}}
                                                                @if ($installment->is_exempted == 0  && $installment->is_paid == 0  && $installment->is_posted == 0 && $installment->is_refunded == 0 && $installment->is_refunded_after_post == 0)
                                                                    <a href="javascript:void(0)" onClick="confirmPay(event,{{$installment->id}},'pay',this,{{$installment->amount}})" class="pay_btn btn btn-outline-success btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Pay"
                                                                        title='Pay'>
                                                                        <span class="btn-text">Pay <i class="fa fa-money"></i></span>
                                                                    </a>
                                                                    <form method="POST" action="{{ route('student.installmentTransactions.pay', $installment->id) }}" id="pay-form-{{$installment->id}}">
                                                                        @csrf
                                                                        <input name="_method" type="hidden" value="POST">
                                                                        <input name="status" type="hidden" value="normal">
                                                                    </form>
                                                                @else
                                                                    @if ($installment->is_exempted)
                                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                    Exemption reason: {{$installment->exemption_reason}} <br>
                                                                    "></i>
                                                                    @elseif ($installment->is_refunded == 1 || $installment->is_refunded_after_post == 1)
                                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                    Sorry, you can not pay this installment as it is a refunded installment
                                                                    "></i>
                                                                    @else
                                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                    Paid at: {{$installment->paid_date}} <br>
                                                                    "></i>
                                                                    @endif

                                                                @endif
                                                            </td>
                                                            <td>
                                                                {{$installment->acyname.'_'.$installment->cname.' ( '.$installment->lshort_name.' )'}}
                                                                {{$installment->has_label ? $installment->label : ''}}
                                                            </td>

                                                            <td>
                                                                {{ $installment->ttname }}
                                                            </td>
                                                            <td>{{ $installment->due_date }}</td>
                                                            <td>
                                                                @php
                                                                    // if the installment is EGP it will show as EGP
                                                                    // if($installment->payment_currency == 2){
                                                                    //     $amount = $installment->amount;
                                                                    //     $currency = 'EGP';
                                                                    // }
                                                                    // else{
                                                                        if($installment->is_paid){
                                                                            $currency = ($installment->payment_currency == '1') ? 'AED' : 'EGP';
                                                                            $amount = ($installment->payment_currency == '1') ? $installment->amount_aed : $installment->amount;
                                                                        }else{
                                                                            // else we chck the student profile and based on that we show the currency
                                                                            $amount = ($paymentGateway == '1') ? $installment->amount_aed : $installment->amount;
                                                                            $currency = ($paymentGateway == '1') ? 'AED':'EGP';
                                                                        }
                                                                    // }
                                                                @endphp
                                                                {{ $amount }}
                                                                @if ($installment->discount_value)
                                                                <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                                Discount_value:{{$installment->discount_value}}% <br> Added By: {{ $installment->discountAddedBy->first_name.' '.$installment->discountAddedBy->last_name}} <br> Discount reason: {{ $installment->discount_reason}}
                                                                    " data-bs-original-title=""></i>
                                                                @endif
                                                            </td>
                                                            <td> <span class="badge badge-{{$installment->course_currency == '1' ? 'info':'success'}} mt-2">{{ $installment->course_currency == '1' ? 'AED':'EGP' }}</span></td>
                                                            <td>
                                                                <span class="badge badge-{{$currency == 'AED' ? 'info':'success'}} mt-2">
                                                                    {{ $currency }}
                                                                </span>
                                                            </td>

                                                            <td>
                                                                @if ($installment->is_paid == 0)
                                                                <span class="badge badge-danger">
                                                                Un-Paid
                                                                </span>
                                                                @else
                                                                <span class="badge badge-success">
                                                                Paid
                                                                </span>
                                                                @endif
                                                                {{-- check is refunded --}}
                                                                @if ($installment->is_refunded == 1 || $installment->is_refunded_after_post == 1)
                                                                <span class="badge badge-danger">
                                                                    refunded
                                                                </span>
                                                                <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                                Refunded reason : {{ $installment->refund_reason }} <br>
                                                                Refunded by : {{$installment->refundedBy->first_name . ' ' .$installment->refundedBy->last_name}} <br>
                                                                {{-- at {{$installment->updated_at->format('Y-m-d')}}  --}}
                                                            "></i>
                                                                @endif

                                                                @if ($installment->is_exempted)
                                                                <span class="badge badge-warning">
                                                                Exempted
                                                                </span>
                                                                <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                                    Exemption reason : {{ $installment->exemption_reason }} <br>
                                                                "></i>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($installment->is_paid == 1)
                                                                <i class="fa fa-calendar"></i>
                                                                    {{ $installment->paid_date}}
                                                                @else
                                                                <i class="fa fa-question-circle-o text-danger fs-18" title="Not Paid Yet"></i>
                                                                @endif
                                                            </td>

                                                        </tr>
                                                    @endif
                                                @else
                                                    <tr class="text-center">
                                                        <td>{{ ++$count }}</td>
                                                        <td>
                                                            {{-- check if paid --}}
                                                            @if ($installment->is_exempted == 0  && $installment->is_paid == 0  && $installment->is_posted == 0 && $installment->is_refunded == 0 && $installment->is_refunded_after_post == 0)

                                                                {{-- Check if the 7 days pay installment is active --}}
                                                                @if($feature != null)
                                                                {{-- Check if the installment is ready to be paid --}}
                                                                    @if (date('Y-m-d') >= date('Y-m-d', strtotime('-7 days',strtotime($installment->due_date))))
                                                                        <a href="javascript:void(0)" onClick="confirmPay(event,{{$installment->id}},'pay',this,{{$installment->amount}})" class="pay_btn btn btn-outline-success btn-sm waves-effect waves-light"
                                                                            data-bs-toggle="tooltip" data-bs-original-title="Pay"
                                                                            title='Pay'>
                                                                            <span class="btn-text">Pay <i class="fa fa-money"></i></span>
                                                                        </a>
                                                                        <form method="POST" action="{{ route('student.installmentTransactions.pay', $installment->id) }}" id="pay-form-{{$installment->id}}">
                                                                            @csrf
                                                                            <input name="_method" type="hidden" value="POST">
                                                                            <input name="status" type="hidden" value="{{ $installment->holded_transaction_id ? 'holded': 'normal' }}">
                                                                        </form>
                                                                    @else
                                                                        {{-- un Hold --}}
                                                                        {{-- check if holded before --}}
                                                                        @if (!$installment->holded_before && $loop->first)
                                                                            @if ($installment->holded_transaction_id)
                                                                                <a href="javascript:void(0)" class="unHold-btn btn btn-outline-danger btn-sm waves-effect waves-light"
                                                                                    data-bs-toggle="modal" data-installment-id="{{$installment->id}}"
                                                                                    data-bs-target="#modalUnHold">
                                                                                    <span class="btn-text">
                                                                                        Un-Hold
                                                                                        <i class="fa fa-minus-circle"></i>
                                                                                    </span>
                                                                                </a>
                                                                                @else
                                                                                <a href="javascript:void(0)" class="hold-btn btn btn-outline-primary btn-sm waves-effect waves-light"
                                                                                    data-bs-toggle="modal" data-installment-id="{{$installment->id}}"
                                                                                    data-bs-target="#modalHold">
                                                                                    <span class="btn-text">
                                                                                        Hold
                                                                                        <i class="fa fa-hand-stop-o"></i>
                                                                                    </span>
                                                                                </a>
                                                                            @endif
                                                                        @endif
                                                                    @endif
                                                                @else
                                                                    <a href="javascript:void(0)" onClick="confirmPay(event,{{$installment->id}},'pay',this,{{$installment->amount}})" class="pay_btn btn btn-outline-light btn-sm waves-effect waves-light"
                                                                        data-bs-toggle="tooltip" data-bs-original-title="Pay"
                                                                        title='Pay'>
                                                                        <span class="btn-text">Pay <i class="fa fa-money"></i></span>
                                                                    </a>
                                                                    <form method="POST" action="{{ route('student.installmentTransactions.pay', $installment->id) }}" id="pay-form-{{$installment->id}}">
                                                                        @csrf
                                                                        <input name="_method" type="hidden" value="POST">
                                                                        <input name="status" type="hidden" value="{{ $installment->holded_transaction_id ? 'holded': 'normal' }}">
                                                                    </form>
                                                                @endif
                                                            @else
                                                                @if ($installment->is_exempted)
                                                                <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                Exemption reason: {{$installment->exemption_reason}} <br>
                                                                "></i>
                                                                @elseif ($installment->is_refunded == 1 || $installment->is_refunded_after_post == 1)
                                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                    Sorry, you can not pay this installment as it is a refunded installment
                                                                    "></i>
                                                                @else
                                                                <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="
                                                                Paid at: {{$installment->paid_date}} <br>
                                                                "></i>
                                                                @endif

                                                            @endif
                                                        </td>
                                                        <td>
                                                            {{$installment->acyname.'_'.$installment->cname.' ( '.$installment->lshort_name.' )'}}
                                                            {{$installment->has_label ? $installment->label : ''}}
                                                        </td>

                                                        <td>
                                                            {{ $installment->ttname }}
                                                        </td>
                                                        <td>{{ $installment->due_date }}</td>
                                                        <td>
                                                            @php
                                                                // if the installment is EGP it will show as EGP
                                                                // if($installment->payment_currency == 2){
                                                                //     $amount = $installment->amount;
                                                                //     $currency = 'EGP';
                                                                // }
                                                                // else{
                                                                    if($installment->is_paid){
                                                                        $currency = ($installment->payment_currency == '1') ? 'AED' : 'EGP';
                                                                        $amount = ($installment->payment_currency == '1') ? $installment->amount_aed : $installment->amount;
                                                                    }else{
                                                                        // else we check the student profile and based on that we show the currency
                                                                        $amount = ($paymentGateway == '1') ? $installment->amount_aed : $installment->amount;
                                                                        $currency = ($paymentGateway == '1') ? 'AED':'EGP';
                                                                    }
                                                                // }
                                                            @endphp
                                                            {{ $amount }}
                                                            @if ($installment->discount_value)
                                                            <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                            Discount_value:{{$installment->discount_value}}% <br> Added By: {{ $installment->discountAddedBy->first_name.' '.$installment->discountAddedBy->last_name}} <br> Discount reason: {{ $installment->discount_reason}}
                                                                " data-bs-original-title=""></i>
                                                            @endif
                                                        </td>
                                                        <td> <span class="badge badge-{{$installment->course_currency == '1' ? 'info':'success'}} mt-2">{{ $installment->course_currency == '1' ? 'AED':'EGP' }}</span></td>
                                                        <td>
                                                            <span class="badge badge-{{$currency == 'AED' ? 'info':'success'}} mt-2">
                                                                {{ $currency }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @if ($installment->is_paid == 0)
                                                            <span class="badge badge-danger">
                                                            Un-Paid
                                                            </span>
                                                            @else
                                                            <span class="badge badge-success">
                                                            Paid
                                                            </span>
                                                            @endif
                                                            {{-- check is refunded --}}
                                                            @if ($installment->is_refunded == 1 || $installment->is_refunded_after_post == 1)
                                                            <span class="badge badge-danger">
                                                                refunded
                                                            </span>
                                                            <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                            Refunded reason : {{ $installment->refund_reason }} <br>
                                                            Refunded by : {{$installment->refundedBy->first_name . ' ' .$installment->refundedBy->last_name}} <br>
                                                            {{-- at {{$installment->updated_at->format('Y-m-d')}}  --}}
                                                            "></i>
                                                            @endif

                                                            @if ($installment->is_exempted)
                                                            <span class="badge badge-warning">
                                                            Exempted
                                                            </span>
                                                            <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                                Exemption reason : {{ $installment->exemption_reason }} <br>
                                                            "></i>
                                                            @endif
                                                            {{-- check if holded --}}
                                                            @if ($installment->holded_transaction_id)
                                                            <span class="badge badge-success">Holded <i class="fa fa-hand-stop-o"></i></span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($installment->is_paid == 1)
                                                            <i class="fa fa-calendar"></i>
                                                                {{ $installment->paid_date}}
                                                            @else
                                                            <i class="fa fa-question-circle-o text-danger fs-18" title="Not Paid Yet"></i>
                                                            @endif
                                                        </td>

                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="center-block text-center">
                                {{-- {{ $transactions->links('inc.paginate') }} --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    {{-- un hold modal --}}
    <div class="modal effect-fall fade" id="modalUnHold">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Un hold an installment</h6>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>

                <div class="modal-body">
                    <h5 class=" font-weight-bold text-center text-danger">Are You Sure You Want To Un Hold This Installment ?</h5>
                    <p class="text-center mb-5 ">Please read the instructions below carefully before you take an action.</p>

                    <form method="POST" id="unHold_form">

                        @csrf
                        <input name="_method" type="hidden" value="POST">
                        <div class="row mb-3 w-100 mx-auto rounded  p-2" style="border:1px solid #8c2828;">
                            <div class="col-md-12">
                                <ol>
                                    <li class="py-4">Once you un-hold you can not hold this installment again or take an action untill, 5 days earlier from the due date of this insttallment, at this moment you can pay the installment</li>
                                </ol>
                            </div>
                        </div>

                        <div class="form-group mt-6">
                            <label class="custom-control form-checkbox">
                                <input type="checkbox" name="agree_policy" id="agree_unHold_policy" class="custom-control-input">
                                <span class="custom-control-label text-danger fw-bold">I agree</span>
                            </label>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" id="confirm_unHold_btn" class="btn btn-block btn-secondary w-25 d-block mx-auto" disabled="true">Confirm</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- hold modal --}}
    <div class="modal effect-fall fade" id="modalHold">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Hold an installment</h6>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>

                <div class="modal-body">
                    <h5 class=" font-weight-bold text-center text-danger">Are You Sure You Want To Hold This Installment ?</h5>
                    <p class="text-center mb-5 ">Please read the instructions below carefully before you take an action.</p>

                    <form method="POST" id="hold_form">
                        @csrf
                        <input name="_method" type="hidden" value="POST">
                        <div class="row mb-3 w-100 mx-auto rounded  p-2" style="border:1px solid #8c2828;">
                            <div class="col-md-12">
                                <ol>
                                    <li class="py-4">By pressing "hold" and having the installment amount in your wallet, you effectively reserve your spot in the course.</li>
                                    <li class="py-4">If you choose to unhold the installment, please note that you won't have the option to re-hold it again.</li>
                                    <li class="py-4">The installment amount will be securely deducted from your wallet, You have the flexibility to cancel this deduction up to 7 days prior to the installment due date.</li>
                                    <li class="py-4">The installment status will transition from "on hold" to "paid" when it is 5 days before the due date.</li>
                                    <li class="py-4">During this period, changing your enrollment method or unenrollment from the course are restricted unless you unhold the initial installment.</li>
                                </ol>
                            </div>
                        </div>

                        <div class="form-group mt-6">
                            <label class="custom-control form-checkbox">
                                <input type="checkbox" name="agree_policy" id="agree_hold_policy" class="custom-control-input">
                                <span class="custom-control-label text-danger fw-bold">I agree</span>
                            </label>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" id="confirm_hold_btn" class="btn btn-block btn-secondary w-25 d-block mx-auto" disabled="true">Confirm</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('student-js')
<script>
    function confirmPay(e, id,type,thisBtn,amount){ //on add input button click
        e.preventDefault();
        // disable link
        $('.pay_btn').css('pointer-events','none')
        $(thisBtn).html('<span class="text-warning">Processing...</span>')
        Swal.fire({
                title: "Are you sure?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Submit!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`pay-form-${id}`).submit();
                }else{
                    $('.pay_btn').css('pointer-events','')
                    if(type == 'pay'){
                        $(thisBtn).html('Pay' + ' <i class="fa fa-money"></i>')
                    }
                }
            });
    }
</script>
{{-- draw all data tables --}}
<script>
	$(document).ready(function(){
		$('#transactions_table').dataTable( {
			"drawCallback": function( settings ) {
			}
		})
	})
</script>

<script>
    $('.unHold-btn').on('click',function(){
		installment_id=$(this).attr('data-installment-id')
        var url="{{ route('student.installmentTransactions.unHold', [":installment_id"]) }}"
        url = url.replace(':installment_id', installment_id);
        $('#unHold_form').attr('action',url)
	})

    $('.hold-btn').on('click',function(){
		installment_id=$(this).attr('data-installment-id')
        var url="{{ route('student.installmentTransactions.hold', [":installment_id"]) }}"
        url = url.replace(':installment_id', installment_id);
        $('#hold_form').attr('action',url)
	})


    $('#agree_unHold_policy').on('change',function(){
		if($(this).is(':checked')){
			$('#confirm_unHold_btn').attr('disabled',false)
		}else{
			$('#confirm_unHold_btn').attr('disabled',true)
		}
	})

    $('#agree_hold_policy').on('change',function(){
		if($(this).is(':checked')){
			$('#confirm_hold_btn').attr('disabled',false)
		}else{
			$('#confirm_hold_btn').attr('disabled',true)
		}
	})
</script>
@endsection