@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    <style>
        .tab-content > .active {
            display: block;
            visibility: visible;
            justify-content: center;
        }

        .mt-4 {
            padding-top: 4% !important;
        }

        .py-2 {
            padding-top: 2% !important;
            padding-bottom: 2% !important;
        }

        .px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .mt-5 {
            margin-top: 5%;
        }

        .mb-5 {
            margin-top: 5%;
        }
    </style>

    <div class="row" style="margin-bottom: 90px;">
        <div class="col-md-8 col-md-offset-2">
            <div class="viewTitle">
                <div class="panel-options">
                    <a href="{{route('eims_admission_fees')}}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list addIcon"></i>{{$pageTitle}} List
                    </a>
                </div>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">Add {{ $pageTitle }}</div>
                </div>
                <div class="panel-body">
                    {!! Form::open(['method' => 'post', 'id' => 'form1', 'class' => 'form-horizontal form-groups']) !!}
                    <div class="col-md-8">

                        <div class="modal-body">

                            {{Form::hidden('admission_id', $admission->id, ['id' => 'admission_id'])}}
                            {{Form::hidden('student_id', $admission->id, ['id' => 'student_id'])}}

                            {{-- date --}}
                            <div class="form-group">
                                {!! Form::label('date', 'Date: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::text('date', $branch_campus_active_date ?? date('d-m-Y') , ['class' => 'form-control','id' => 'date','readonly','autocomplete'=>'off']) !!}
                                    <p id='date_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- amount --}}
                            <div class="form-group">
                                {!! Form::label('amount', 'Amount: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::text('amount', $totalAmount, ['class' => 'form-control', 'id' => 'amount', 'placeholder' => 'Enter fees amount', 'readonly' => true]) !!}
                                    <p id='amount_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- fees discount --}}
                            <div class="form-group hidden">
                                {!! Form::label('fees_discount_id', 'Fees Discount: ', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-9">
                                    {!! Form::select('fees_discount_id', $feesDiscounts ?? [], null, ['class' => 'form-control', 'id' => 'fees_discount_id', 'placeholder' => 'Select Fees Discount']) !!}
                                    <p id='fees_discount_id_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- discount_percentage, discount_amount, fine --}}
                            <div class="form-group row hidden">
                                {!! Form::label('', 'Discount (%/TK) & Fine(TK)', ['class' => 'col-sm-3 control-label'])!!}

                                {{-- discount_percentage --}}
                                <div class="col-sm-3">
                                    {!! Form::number('', null, [
                                    'class' => 'form-control', 'id' => 'discount_percentage',
                                    'step' => '0.01', 'placeholder' => 'Enter discount percentage',
                                    'min' => '0', 'oninput' => 'calculateDiscountAmountFromPercentage();']) !!}
                                    <p id='discount_percentage_error' style="max-height:3px;"></p>
                                </div>

                                {{-- discount_amount --}}
                                <div class="col-sm-3">
                                    {!! Form::number('discount_amount', null, [
                                    'class' => 'form-control', 'id' => 'discount_amount',
                                    'step' => '0.01', 'placeholder' => 'Enter discount amount',
                                    'min' => '0',  'oninput' => 'calculateGrossAmount();calculateDiscountPercentageFromAmount();']) !!}
                                    <p id='discount_error' style="max-height:3px;"></p>
                                </div>

                            </div>

                            {{-- fine --}}
                            <div class=" form-group">
                                {!! Form::label('fine', 'Fine: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::number('fine', $totalFineAmount, [
                                    'class' => 'form-control', 'id' => 'fine',
                                    'step' => '0.01', 'placeholder' => 'Enter fine amount',
                                    'min' => '0', 'oninput' => 'calculateGrossAmount();',
                                    'readonly'
                                    ]) !!}
                                    <p id='fine_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- gross_amount = amount + fine - discount_amount --}}
                            <div class=" form-group hidden">
                                {!! Form::label('gross_amount', 'Gross Amount: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::number('gross_amount', 0, ['class' => 'form-control', 'id' => 'gross_amount', 'step' => '0.01', 'placeholder' => 'Gross Amount', 'min' => '0', 'readonly'=>true]) !!}
                                    <p id='gross_amount_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- Paid Amount --}}
                            <div class="hidden form-group" id="paid_amount_div">
                                {!! Form::label('paid_amount', 'Paid Amount: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::number('paid_amount', 0, ['class' => 'form-control', 'id' => 'paid_amount', 'step' => '0.01', 'placeholder' => 'Paid Amount', 'min' => '0', 'readonly'=>true]) !!}
                                    <p id='paid_amount_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- pay_amount --}}
                            <div class=" form-group">
                                {!! Form::label('pay_amount', 'Pay Amount: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::number('pay_amount', $totalAmount + $totalFineAmount, [
                                    'class' => 'form-control',
                                    'id' => 'pay_amount',
                                    'step' => '0.01',
                                    'placeholder' => 'Enter amount', 'min' => '0',
                                    'readonly',
                                    ]) !!}
                                    <p id='pay_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            {{-- due_amount --}}
                            <div class=" form-group hidden">
                                {!! Form::label('due_amount', 'Due Amount: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'], false) !!}
                                <div class="col-sm-9">
                                    {!! Form::number('', 0, ['class' => 'form-control', 'id' => 'due_amount', 'step' => '0.01', 'placeholder' => 'Due Amount', 'min' => '0', 'readonly'=>true]) !!}
                                </div>
                            </div>

                            {{-- payment_method --}}
                            <div class=" form-group">
                                {!! Form::label('payment_method', 'Payment Method: <sup class="text-danger">*</sup>', ['class' => 'col-sm-3 control-label'],false) !!}
                                <div class="col-sm-9">
                                    <div class="radio">
                                        @foreach($paymentMethods as $id => $paymentMethod)
                                            <label for="payment_method{{$id}}">
                                                <input type="radio" name="payment_method"
                                                       id="payment_method{{$id}}"
                                                       value="{{$id}}" @checked($id == 1)>

                                                {{$paymentMethod}}
                                            </label>
                                        @endforeach
                                    </div>

                                    <p id='payment_method_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('note', 'Note:', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-9">
                                    {!! Form::textarea('note', null, ['class' => 'form-control', 'id' => 'note', 'rows' => 3]) !!}
                                    <p id='description_error' style="max-height:3px;"></p>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            {!! Form::button(' Close', ['class' => 'btn btn-warning left', 'data-dismiss' => 'modal', 'id' => 'footer_action_button_close']) !!}
                            {!! Form::button(' Collect Fees', ['class' => 'btn btn-success ', 'onclick' => 'submitAdmissionFeesCollection()']) !!}
                            {!! Form::button(' Collect & Print', ['class' => 'btn btn-success ', 'onclick' => 'submitAdmissionFeesCollectionAndPrint()']) !!}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <ul class="list-group mt-4">
                            @foreach($feesConfigDetailsOneTime as $feesConfigDetail)
                                <li class="list-group-item row py-2 px-0">
                                    <div class="col-sm-8">
                                        {!! Form::hidden('fees_category_id[]', $feesConfigDetail->fees_category_id) !!}
                                        {!! Form::hidden('fees_config_details_id[]', $feesConfigDetail->id) !!}
                                        {!! Form::hidden("config_data[]",json_encode( []) ) !!}
                                        {{ Form::hidden('fine_of[]', '') }}
                                        {!! Form::hidden('fees_fine_details_id[]', '') !!}

                                        {{$feesConfigDetail->eims_fees_type->name }}
                                    </div>
                                    {{--<small class="col-sm-4 col-xs-4 fees_due_date"> <i
                                            class="fa fa-calendar"></i> {{$feesConfigDetail->due_date}}</small>--}}
                                    <div class="col-sm-4 text-right fees_master_amount"
                                         style="padding-right: 5px;">{{$feesConfigDetail->amount}}</div>

                                </li>
                            @endforeach

                            @foreach($feesConfigDetailsMonthly->months as $month)
                                <li class="list-group-item row py-2 px-0">
                                    <div class="col-sm-8 ">
                                        {!! Form::hidden('fees_category_id[]', $feesConfigDetailsMonthly->fees_category_id) !!}
                                        {!! Form::hidden('fees_config_details_id[]', $feesConfigDetailsMonthly->id) !!}
                                        {!! Form::hidden("config_data[]", json_encode(['collected_month' => $month])) !!}
                                        {{ Form::hidden('fine_of[]', $month) }}
                                        {!! Form::hidden('fees_fine_details_id[]', $monthlyFine[$month]["fees_fine_details_id"] ?? null) !!}

                                        {{$month }} (Monthly)
                                        @if(isset($monthlyFine[$month]))
                                            <br> <span class="text-danger"> Fine</span>
                                        @endif
                                    </div>
                                    {{-- <small class="col-sm-4 col-xs-4 fees_due_date"> <i
                                             class="fa fa-calendar"></i> {{$feesConfigDetailsMonthly->due_date}}</small>--}}
                                    <div class="col-sm-4  text-right fees_master_amount" style="padding-right: 5px;">
                                        {{$feesConfigDetailsMonthly->amount}}

                                        @if(isset($monthlyFine[$month]))

                                            <br> <span
                                                class="text-danger"> {{number_format($monthlyFine[$month]["fine_amount"], 2)}}</span>
                                        @endif

                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    {!! Form::close() !!}
                </div> {{-- div panel-body --}}
            </div> {{-- Div panel panel-default panel-border --}}
            <div class="footerTitle"></div>
        </div> {{-- col-md-10 --}}
    </div>

    <script>
        'use strict';

        function money(value) {
            if (typeof value === 'undefined' || isNaN(value) || value === null || value === '') {
                return 0;
            }

            if (typeof value === 'string') {
                value = Number(value.replace(/[^0-9.-]+/g, ""));
            }

            if (!Number.isInteger(value)) {
                value = parseFloat(value).toFixed(2);
            }

            return value;
        }

        function calculateGrossAmount() {
            let amount = money($('#amount').val());
            let discount_percentage = money($('#discount_percentage').val());
            let discount_amount = money($('#discount_amount').val());
            let fine = money($('#fine').val());

            let gross_amount = amount + fine - discount_amount;
            let paid_amount = money($('#paid_amount').val());
            let due_amount = gross_amount - paid_amount;

            $('#gross_amount').val(gross_amount);
            $('#due_amount').val(due_amount);
        }

        function calculateDiscountAmountFromPercentage() {
            let amount = money($('#amount').val());
            let discount_percentage = money($('#discount_percentage').val());
            let discount_amount = (amount * discount_percentage) / 100;
            if (discount_amount <= 0) {
                discount_amount = 0;
                $('#discount_amount').attr('readonly', false);
            } else {
                $('#discount_amount').attr('readonly', true);
            }


            $('#discount_amount').val(discount_amount);
        }

        function calculateDiscountPercentageFromAmount() {
            let amount = money($('#amount').val());
            let discount_amount = money($('#discount_amount').val());
            let discount_percentage = (discount_amount / amount) * 100;
            if (discount_percentage <= 0) {
                discount_percentage = 0;
                $('#discount_percentage').attr('readonly', false);
            } else {
                $('#discount_percentage').attr('readonly', true);
            }

            $('#discount_percentage').val(discount_percentage);
        }

        function setErrorsText(errors) {
            $.each(errors, function (key, value) {
                // if key has institute_
                if (key.includes('institute_')) {
                    // id and key slice from .
                    const id = key.slice(key.indexOf('.') + 1);
                    key = key.slice(0, key.indexOf('.'));
                    $($(`.${key}_error`)[id]).empty().show().append('<span class="errormsg" style="color:red;">' + value + '</span>');
                } else {
                    $('#' + key + 'e').empty().show().append('<span class="errormsg" style="color:red;">' + value + '</span>');
                }
            });
        }

        function submitAdmissionFeesCollection() {
            let form = $('#form1');
            let url = '';
            @if($admission->status === \App\Models\eims\student\Student::STATUS_PROMOTION)
                url = '{{ route('eims_admission_promotion_fees_store') }}';
            @else
                url = '{{ route('eims_admission_fees_store') }}';
            @endif

            let data = form.serialize();

            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                success: function (response) {
                    Swal.fire({
                        icon: response.responseStatus,
                        title: response.responseTitle,
                        text: response.responseText,
                    });
                    setTimeout(function () {
                        window.location.href = '{{ route('eims_admission_fees') }}';
                    }, 1000);
                },
                error: function (_response) {
                    console.log(_response);
                    const {responseStatus, responseTitle, responseText, errors} = _response.responseJSON;

                    Swal.fire({
                        icon: responseStatus,
                        title: responseTitle,
                        text: responseText,
                    });

                    if (errors) {
                        setErrorsText(errors);
                    }
                }
            });
        }

        function submitAdmissionFeesCollectionAndPrint() {
            let form = $('#form1');
            let url = '';
            @if($admission->status === \App\Models\eims\student\Student::STATUS_PROMOTION)
                url = '{{ route('eims_admission_promotion_fees_store') }}';
            @else
                url = '{{ route('eims_admission_fees_store') }}';
            @endif
            let data = form.serialize();

            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                success: function (response) {
                    Swal.fire({
                        icon: response.responseStatus,
                        title: response.responseTitle,
                        text: response.responseText,
                    }).then(() => {
                        Swal.fire({
                            title: 'Are you sure to print?',
                            text: "Please print this!",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#32ba32',
                            cancelButtonColor: '#7E7979',
                            confirmButtonText: 'Yes'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                const url = `{{route('eims_student_fees_collection_print')}}?student_id=${response.student_id}&fees_bill_no=${response.fees_bill_no}`;
                                window.open(url, '_blank');
                                window.location.href = '{{ route('eims_admission_fees') }}';
                            }
                        });
                    });


                },
                error: function (_response) {
                    const responseJSON = _response.responseJSON;

                    Swal.fire({
                        icon: responseJSON.responseStatus,
                        title: responseJSON.responseTitle,
                        text: responseJSON.responseText,
                    });

                    const errors = responseJSON.errors;
                    if (errors) {
                        setErrorsText(errors);
                    }
                }
            });
        }

        $(document).ready(function () {
            // datepicker
            $("#date").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true,
                //maxDate: "0",
                yearRange: "-100:+0",
            });

            // on document load calculate gross amount
            calculateGrossAmount();
        });
    </script>

@endsection