@extends('layouts.admin')
@section('content')
    <div class="app-content my-3 my-md-5 profile-1">
        <div class="side-app">
            <x-page.header>By Course Discounts</x-page.header>
             <!-- Search Section -->
             <form action="{{ route('admin.discounts.byCourseDiscounts',['#transactions']) }}" 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"> Sessions: </label>
                                            <select class="form-control select2-show-search" id="session" name="acysid">
                                               <option value="0" selected disabled>Select session</option>
                                               @foreach ($sessions as $session)
                                                   <option value="{{$session->acysid}}">{{$session->acyname}}</option>
                                               @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class=" mt-3 mb-sm-1"> Course Name: </label>
                                            <select required class="form-control select2-show-search" id="course" name="course">

                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-5 d-flex justify-content-center">
                                    <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 me-2"
                                        value="Apply Filter">
                                    <a class="btn text-light br-te-7 br-be-7 " style="background: #F84242" href="{{ route('admin.discounts.byCourseDiscounts') }}">
                                        Reset <i class="fa fa-repeat"></i>
                                    </a>
                                </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">Discounts List</h3>
                        </div>
                        <div class="card-body">
                            @if (count($discounts) > 0)
                                @if ($discounts->total() >12000)
                                    <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 records so you can export data smoothly">Export</button>
                                    @else
                                    <form action="{{route('admin.discounts.byCourseDiscounts.export')}}" 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;">id</th>
                                            <th style="text-align: center;">Student</th>
                                            <th style="text-align: center;">course name</th>
                                            <th style="text-align: center;">percentage </th>
                                            <th style="text-align: center;" class="bg-danger">amount egp</th>
                                            <th style="text-align: center;" class="bg-primary">amount aed</th>
                                            <th style="text-align: center;">discount value</th>
                                            <th style="text-align: center;" class="bg-danger">discount amount egp</th>
                                            <th style="text-align: center;" class="bg-primary">discount amount aed</th>
                                            <th style="text-align: center;">discount reason</th>
                                            <th style="text-align: center;">due date</th>
                                            <th style="text-align: center;">status</th>
                                            <th style="text-align: center;">added by</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($discounts as $key=>$discount)
                                            <tr class="text-center">
                                                <td>{{ ++$key }}</td>
                                                <td>
                                                    <a href="{{route('admin.students.show',[$discount->user_id,'#installments_section'])}}" target="_blank">
                                                        {{ $discount->first_name . ' ' . $discount->middle_name . ' ' .$discount->last_name}}
                                                        <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="
                                                        Email: {{ $discount->email}} <br>
                                                        "
                                                        data-bs-original-title=""></i>
                                                    </a>
                                                </td>
                                                <td>
                                                    {{ $discount->acyname }}_{{$discount->has_label ? ' ( '.$discount->label.' ) ':''}} {{ $discount->cname }}
                                                    ( {{ $discount->lshort_name }} )
                                                    {{ $discount->ttname }}
                                                </td>
                                                <td>
                                                    {{ $discount->installment_amount }}%
                                                </td>
                                                <td class="bg-danger text-white">
                                                    {{ $discount->amount }}
                                                </td>
                                                <td class="bg-primary text-white">
                                                    {{ $discount->amount_aed }}
                                                </td>
                                                <td>
                                                    {{ $discount->discount_value }}%
                                                </td>
                                                <td class="bg-danger text-white">
                                                    {{ $discount->discount_amount }}
                                                </td>
                                                <td class="bg-primary text-white">
                                                    {{ $discount->discount_amount }}
                                                </td>
                                                <td>
                                                    {{ $discount->discount_reason }}
                                                </td>
                                                <td>
                                                    {{ $discount->due_date }}
                                                </td>
                                                <td>
                                                    @if ($discount->is_paid)
                                                        <span class="badge badge-success">paid</span>
                                                        @else
                                                        <span class="badge badge-danger">un-paid</span>
                                                    @endif
                                                    @if ($discount->is_refunded)
                                                        <span class="badge badge-danger">refunded</span>
                                                    @endif
                                                    @if ($discount->is_refunded_after_post)
                                                    <span class="badge badge-danger">refunded after post</span>
                                                    @endif
                                                    @if ($discount->is_posted)
                                                    <span class="badge badge-success">posted</span>
                                                    @else
                                                    <span class="badge badge-danger">un-posted</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ $discount->discount_added_by_fname.' '. $discount->discount_added_by_lname}}
                                                </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">
                                    {{ $discounts->appends(Request::except('page'))->render('inc.paginate') }}
                                </div>
                                <p class="mt-3">
                                    Displaying {{$discounts->count()}} of {{ $discounts->total() }} discount(s).
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('admin-js')
<script>
    // course session filter
    $('#session').on('change', function() {
        var $course = $('#course');
        $('#course').empty();
        $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
        $.ajax({
            url: "{{ route('sessionFilter') }}",
            type: 'GET',
            data: {
                acysid: $(this).val()
            },
            success: function(data) {
                console.log(data)
                $('#course').empty();
                $('#course').append(
                    `<option value="0" disabled selected>Select Course*</option>`);
                // offered course
                $.each(data, function(id, value) {

                    value.teaching_team.coaching_teachers.map((teacher)=>{
                        $course.append('<option value="' + value.coffid + '">' +
                        (value.has_label ? '( '+value.label+' ) ' : '') + value.course.cname + ' ( '+ value.course.level.lshort_name+' ) '
                        +'_ '+ teacher.first_name+' '+ teacher.middle_name+' '+ teacher.last_name
                        +'_ '+value.academic_year_session.acyname
                        +'</option>');
                    })

                });
            }
        });
    });

</script>

{{-- draw all data tables --}}
<script>
$(document).ready(function(){
	$('#transactions_table').dataTable( {
		"drawCallback": function( settings ) {
		},
        "bPaginate": false,
        "searching": true,
        "ordering": true,
        "info": false,
	})
})

</script>

@endsection