@extends('layouts.app')
@section('styles')
    <link rel="stylesheet" href="{{ asset('css/custom-student-style.css') }}">

    <style>
        .html5buttons{
            direction: ltr;
            position: absolute;
            top: -45px;
            left: 10px;
        }
        .html5buttons .btn-secondary{
            color:  #ffffff;
            background-color:#295694;
        }

        .html5buttons .buttons-print{
            background-color: rgb(167, 32, 53);
            color: white;
        }

        .dataTables_filter{
            margin: 20px 0px 20px;
        }
        #min, #max {
            max-width: 150px;
            min-width: unset;
            font-size: 12px;
            font-weight: 400;
            text-align: center;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da !important;
            border-radius: 0.25rem;
            min-height: calc(1.5em + 0.5rem + 2px);
            padding: 0.25rem 0.5rem;
        }
        .dt-datetime-year, .dt-datetime-month{
            min-width: unset !important;
            width: 50px !important;
            max-height: 22px !important;
        }

        .dropdown-menu .dropdown-item {
            text-align: right !important;
        }

        tfoot{
        background-color:#36304a !important;
        }

        tfoot p{
            color: white !important;
            font-size: 12px !important;
            font-weight: 100 !important;
        }
        
        #printRevenuesModal td,
        #printRevenuesModal th{
            border: black 2px solid;
            color: black;
        }

        input[type='text'],
        input[type='date'],
        input[type='number'],
        select,
        input[type='text']:focus,
        input[type='date']:focus,
        input[type='number']:focus,
        input[type='text']:focus-visible,
        input[type='date']:focus-visible
        {
            width: unset;
        }

        #printRevenuesModal img{
            width: 1122.5px;
            height: 135px;
        }

        #printRevenuesModal .student-name{
            width: 40%;
            text-align: right;
            padding-right: 20px;
        }
    </style>

    <link rel="stylesheet" href="{{ asset('plugins/datatable/css/dateTime.min.css') }}">
@endsection

@section('content')
<div class="container-fluid main-container">
    <div class="row justify-content-center">
        <div class="col-md-12">

            <div class="card" id="content">
                <div class="card-header flex justify-between p-3 text-2xl text-blue-700">
                    {{ __('report.students-revenues-min') }}

                    <button class="btn btn-secondary" id="printRevenuesBtn">
                        طباعة
                    </button>
                </div>

                <div class="card-body">
                    <div class="custom-filter row">
                        <form action="{{ route('filter.students.revenues.min.report') }}" method="post" id="filterForm">
                            @csrf
                            @include('layouts.revenues-min-filter')

                            <div class="row flex justify-center space-x-2 mt-4">
                                <div class="col-4 flex justify-center px-1">
                                    <button type="submit" style="background-color: #36304a;" class="mr-3 px-4 py-2 rounded-2 text-white btn" id="studentFilter" name="filter">
                                        {{__('student.apply-filter') }}
                                    </button>
                                    <a href="{{ route('reports.revenues-min') }}" style="background-color: #36304a;" class="bg-danger btn mr-3 px-4 py-2 rounded-2 text-white" id="studentFilter">
                                        {{__('student.reset') }}
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="row flex justify-center pt-8">
                        <div class="grid grid-cols-1 gap-4 col-8">
                            <div>
                                <table class="text-right text-sm w-full">
                                    <tr>
                                        <td class="border-2 border-gray-300 col-4 font-bold p-2 px-3 text-right">
                                            <div class="flex justify-around row">
                                                <div class="col-6">من</div>
                                                <div class="col-6">{{ isset($start) ? $start : '' }}</div>
                                            </div>
                                        </td>
                                        <td class="border-2 border-gray-300 col-4 font-bold p-2 px-3 text-right">
                                            <div class="flex justify-around row">
                                                <div class="col-6">الي</div>
                                                <div class="col-6">{{ isset($end) ? $end : '' }}</div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                
                            <div>
                                <table class="text-sm w-full" dir="rtl">
                                    <thead>
                                        <tr>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">#</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">الكلية</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">عام</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">خاص</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">تسجيل</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">تأمين</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">غرامة</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">أخرى</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">دمغة</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">الخصومات</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">المجموع</th>
                                        </tr>
                                    </thead>
                                    <tbody>                                        
                                        @if ( isset($colleges) )
                                                                                        @foreach ($colleges as $college)
                                                <tr>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $no }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center w-1/2">
                                                        {{ $college->name ?? '' }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_not_private_fees ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_private_fees ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_registration_fees ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_insurance_fees ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_penalty ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_other_fees ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_stamp ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_discount ?? 0.0 }}
                                                    </td>
                                                    <td class="border-2 border-gray-300 col-2 text-center">
                                                        {{ $college->total_not_private_fees + $college->total_private_fees + $college->total_registration_fees + $college->total_insurance_fees + $college->total_penalty + $college->total_other_fees + $college->total_stamp }}
                                                    </td>
                                                </tr>
                                                                                            @endforeach
                                                                                    @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white" colspan="2"></th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalNotPrivateFees ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalPrivateFees ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalRegistrationFees ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalInsuranceFees ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalPanelty ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalOtherFees ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalStamp ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $totalDiscount ?? 0.0 }}</th>
                                            <th class="border-2 col-2 font-bold p-2 text-center text-white">{{ $_TOTAL ?? 0.0 }}</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- modal --}}
<div hidden>
    <div class="flex justify-center" id="printRevenuesModal">
        <div class="grid grid-cols-1 gap-4">
            <img src="{{ asset('img/') . env('SYSTEM_BANAR') }}" alt="">
            
            <h1 class="font-bold text-2xl text-center">تقرير الطلاب التسجيل الالكتروني</h1>
    
            <div>
                <table class="text-right text-sm w-full" dir="rtl">
                    <tr>
                        <td class="border-2 border-gray-300 col-6 font-bold p-2 px-3 text-right">
                            <div class="flex justify-around row">
                                <div class="col-6">من</div>
                                <div class="col-6">{{ isset($start) ? $start : '' }}</div>
                            </div>
                        </td>
                        <td class="border-2 border-gray-300 col-6 font-bold p-2 px-3 text-right">
                            <div class="flex justify-around row">
                                <div class="col-6">الي</div>
                                <div class="col-6">{{ isset($end) ? $end : '' }}</div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
    
            <div>
                <table class="text-sm w-full" dir="rtl">
                    <thead>
                        <tr>
                            <th class="col-2">#</th>
                            <th class="col-2">الكلية</th>
                            <th class="col-2">عام</th>
                            <th class="col-2">خاص</th>
                            <th class="col-2">تسجيل</th>
                            <th class="col-2">تأمين</th>
                            <th class="col-2">غرامة</th>
                            <th class="col-2">أخرى</th>
                            <th class="col-2">دمغة</th>
                            <th class="col-2">الخصومات</th>
                            <th class="col-2">المجموع</th>
                        </tr>
                    </thead>
                    <tbody>                                        
                        @if ( isset($colleges) )
                                                        @foreach ($colleges as $college)
                                <tr>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $no }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center w-1/2">
                                        {{ $college->name ?? '' }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_not_private_fees ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_private_fees ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_registration_fees ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_insurance_fees ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_penalty ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_other_fees ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_stamp ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_discount ?? 0.0 }}
                                    </td>
                                    <td class="border-2 border-gray-300 col-2 text-center">
                                        {{ $college->total_not_private_fees + $college->total_private_fees + $college->total_registration_fees + $college->total_insurance_fees + $college->total_penalty + $college->total_other_fees + $college->total_stamp }}
                                    </td>
                                </tr>
                                                            @endforeach
                                                    @endif
                    </tbody>
                </table>
            </div>

            <div class="text-right text-sm w-full" dir="rtl">
                <div class="row border">
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع رسوم العام</div>
                        <hr>
                        <div>{{ $totalNotPrivateFees ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع رسوم الخاص</div>
                        <hr>
                        <div>{{ $totalPrivateFees ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع رسوم التسجيل</div>
                        <hr>
                        <div>{{ $totalRegistrationFees ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع رسوم التامين</div>
                        <hr>
                        <div>{{ $totalInsuranceFees ?? 0 }}</div>
                    </div>
                </div>
                <br>
                <div class="row border">
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع الغرامات</div>
                        <hr>
                        <div>{{ $totalPanelty ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع الرسوم الاخرى</div>
                        <hr>
                        <div>{{ $totalOtherFees ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع الدمغة</div>
                        <hr>
                        <div>{{ $totalStamp ?? 0 }}</div>
                    </div>
                    <div class="col-3 p-0 text-center border">
                        <div>مجموع الخصومات</div>
                        <hr>
                        <div>{{ $totalDiscount ?? 0 }}</div>
                    </div>
                </div>
                <br>
                <div class="row border">
                    <div class="col-12 p-0 text-center border">
                        <div>المجموع الكلي</div>
                        <hr>
                        <div>{{ $_TOTAL ?? 0 }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection

@section('scripts')
<script src="{{ asset('plugins/datatable/js/sum().js') }}"></script>
<script src="{{ asset('plugins/datatable/js/moment.min.js') }}"></script>
<script src="{{ asset('plugins/datatable/js/dateTime.min.js') }}"></script>
<script src="{{ asset('js/divjs.js') }}"></script>

<script>
    $(document).ready(function () {
        $('#college, #section, #program, #batch, #bank, #admission, #constraint, #paymentCurrency').each( function (){
            $(this).change(function (e) { 
                e.preventDefault();
                
                $('#studentFilter').click();
            });
        });
        
        $('#printRevenuesBtn').click(function(){
            $('#printRevenuesModal').printElement();
        });
    });



</script>
@endsection