@extends('backend.master')
@section('title')
    ট্রেড লাইসেন্স
@endsection
@section('body')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0 font-size-18"> ট্রেড লাইসেন্স আবেদন</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="">ট্রেড লাইসেন্স</a></li>
                            <li class="breadcrumb-item active"> ট্রেড লাইসেন্স আবেদন</li>
                        </ol>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    {{ Form::open(['route'=>['trade-license.feeStore', $data->id],'method'=>'POST', 'class'=>'needs-validation', 'novalidate', 'enctype'=>'multipart/form-data']) }}
    <div class="row">
        <div class="col-md-12 row">
            <div class="col-md-8 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="text-center">লাইসেন্স ফি</h4>
                        <hr/>
                        <div class="form-group row mb-4">
                            <label for="fiscal_year" class="form-label">অর্থবছর<span class="required">*</span></label>
                            <input class="form-control" name="fiscal_year" value="{{ $fiscal_year->fiscal_year }}" type="text" required readonly id="fiscal_year">
                            <span class="text-danger">{{ $errors->has('fiscal_year') ? $errors->first('fiscal_year') : ' ' }}</span>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="category_id" class="form-label">ক্যাটাগরী<span class="required">*</span></label>
                            <select name="category_id"  class="form-control select2 tradeCategory" required id="category_id">
                                <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach($category as $item)
                                    <option value="{{ $item->id }}" {{ $item->id == $data->category_id ? 'selected' : '' }}>{{ $item->category }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback">
                                ক্যাটাগরী
                            </div>
                            <span class="text-danger">{{ $errors->has('category_id') ? $errors->first('category_id') : ' ' }}</span>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="business_type" class="form-label mt-6">ব্যবসার ধরন <span class="required">*</span></label>
                            <select name="business_type"  class="form-control select2 businessType" required id="business_type">
                                <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach($subCategory as $item)
                                    <option value="{{ $item->id }}" {{ $item->id == $data->business_type ? 'selected' : '' }}>{{ $item->sub_category }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback">
                                ব্যবসার ধরন
                            </div>
                            <span class="text-danger">{{ $errors->has('business_type') ? $errors->first('business_type') : ' ' }}</span>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="app_fee" class="form-label">আবেদন ফি<span class="required">*</span></label>
                                    <input class="form-control" name="app_fee" value="{{ $fee->app_fee }}" type="number" step="any" min="0" required readonly id="app_fee">
                                    <span class="text-danger">{{ $errors->has('app_fee') ? $errors->first('app_fee') : ' ' }}</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="license_fee" class="form-label">ট্রেড লাইসেন্স ফি<span class="required">*</span></label>
                                    <input class="form-control fee" name="license_fee" value="{{ $data->subcategory->fee }}" type="number" step="any" required readonly id="license_fee">
                                    <span class="text-danger">{{ $errors->has('license_fee') ? $errors->first('license_fee') : ' ' }}</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="vat" class="form-label">ভ্যাট (<span class="varpar"> {{ $data->subcategory->varpar }}%</span>)<span class="required">*</span></label>
                                    <input class="form-control" name="vat" value="{{ $data->subcategory->vat }}" type="number" step="any" min="0" required readonly id="vat">
                                    <span class="text-danger">{{ $errors->has('vat') ? $errors->first('vat') : ' ' }}</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="sainboed_kor" class="form-label">সাইনবোর্ড কর</label>
                                    <input class="form-control" name="sainboed_kor" type="number" step="any" min="0" id="sainboed_kor">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="sarcarj" class="form-label">সারচার্জ</label>
                                    <input class="form-control" name="sarcarj" type="number" step="any" min="0" id="sarcarj">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="bibidhi_utsh" class="form-label">বিবিধ / উৎস কর</label>
                                    <input class="form-control" name="bibidhi_utsh" type="number" step="any" min="0" id="bibidhi_utsh">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="onanz" class="form-label">অন্যান্য</label>
                                    <input class="form-control" name="onanz" type="number" step="any" min="0" id="onanz">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="bokeya" class="form-label">বকেয়া</label>
                                    <input class="form-control" name="bokeya" type="number" step="any" min="0" id="bokeya">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="ikor" class="form-label">আয়কর</label>
                                    <input class="form-control" name="ikor" type="number" step="any" min="0" id="ikor">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="total_amount" class="form-label">মোট<span class="required">*</span></label>
                                    <input class="form-control total_amount" name="total_amount" value="{{ $fee->app_fee + $data->subcategory->fee+$data->subcategory->vat }}" type="number" min="0" required readonly id="total_amount">
                                    <span class="text-danger">{{ $errors->has('total_amount') ? $errors->first('total_amount') : ' ' }}</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group row mb-4">
                                    <div class="custom-control custom-radio custom-radio-primary mb-3 mr-3">
                                        <input type="radio" id="customRadiocolor1" name="trade_type" value="new" class="custom-control-input" checked="">
                                        <label class="custom-control-label" for="customRadiocolor1">নতুন</label>
                                    </div>
                                    <div class="custom-control custom-radio custom-radio-success mb-3">
                                        <input type="radio" id="customRadiocolor2" name="trade_type" value="renewal" class="custom-control-input">
                                        <label class="custom-control-label" for="customRadiocolor2">নবায়ন</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 renewal_issue" style="display: none">
                                <div class="form-group row mb-4">
                                    <label for="license_issue_date" class="form-label">ইস্যুর তারিখ (m/d/Y)</label>
                                    <input class="form-control renewal_issue_date" name="license_issue_date" disabled type="date" value="{{ date('Y-m-d', strtotime($data->start_date)) }}" id="license_issue_date">
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 renewal_issue" style="display: none">
                                <div class="form-group row mb-4">
                                    <label class="form-label">বকেয়া অর্থবছর গুলা ঠিক মার্ক দিন</label>
                                </div>
                                <div class="due_years">
                                </div>
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="reg_book_number" class="form-label">রেজিস্টার বহি নম্বার<span class="required">*</span></label>
                            <input class="form-control" name="reg_book_number" type="number" min="0" required id="reg_book_number">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="text-center">আদায়ের বিবরণ</h4>
                        <hr/>
                        <table class="table table-bordered">
                            <tr>
                                <th>আবেদন ফি</th>
                                <td>{{ $fee->app_fee }}</td>
                            </tr>
                            <tr>
                                <th>ট্রেড লাইসেন্স ফি</th>
                                <td id="feeText">{{ $data->subcategory->fee }}</td>
                            </tr>
                            <tr>
                                <th>ভ্যাট (<span class="varpar"> {{ $data->subcategory->varpar }}%</span>)</th>
                                <td id="vattext">{{ $data->subcategory->vat }}</td>
                            </tr>
                            <tr>
                                <th>সাইনবোর্ড কর</th>
                                <td id="sainboed_korText">00</td>
                            </tr>
                            <tr>
                                <th>সারচার্জ</th>
                                <td id="sarcarjvalText">00</td>
                            </tr>
                            <tr>
                                <th>বিবিধ / উৎস কর</th>
                                <td id="bibidhi_utshText">00</td>
                            </tr>
                            <tr>
                                <th>অন্যান্য</th>
                                <td id="onanzText">00</td>
                            </tr>
                            <tr>
                                <th>বকেয়া</th>
                                <td id="bokeyaText">00</td>
                            </tr>
                            <tr>
                                <th>আয়কর</th>
                                <td id="ikorText">00</td>
                            </tr>
                            <tr>
                                <th>মোট</th>
                                <td class="total_amountText">{{  $fee->app_fee+$data->subcategory->fee+$data->subcategory->vat }}</td>
                            </tr>
                            <tr>
                                <td colspan="2" class="text-right"><a href="javascript:void(0);" class="btn btn-sm btn-dark" id="Quick_calculator"><i class="fas fa-calculator"></i> Quick calculator</a></td>
                            </tr>
                        </table>
                        <div class="form-group row mb-4 ml-2">
                            @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || strpos(Auth::user()->permission, 'ব') !== false)
                                <div class="custom-control custom-radio custom-control-inline mr-4">
                                    <input type="radio" id="cash" name="payment_method" value="cash" class="custom-control-input">
                                    <label class="custom-control-label" for="cash"><i class="far fa-money-bill-alt mr-1 font-size-20 align-top"></i>Cash</label>
                                </div>
                            @endif
                            <div class="custom-control custom-radio custom-control-inline mr-4">
                                <input type="radio" id="nagad" name="payment_method" value="nagad" class="custom-control-input" checked="">
                                <label class="custom-control-label" for="nagad"><i class="far fa-credit-card mr-1 font-size-20 align-top"></i>Nagad</label>
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <button type="submit" class="btn btn-primary waves-effect btn-label waves-light btn-block"><i class="bx bx-check-double label-icon"></i>সাবমিট</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}
@endsection
@section('script')
    <script>
        $(document).ready(function () {
            sessionStorage.removeItem('baseAmount');
            sessionStorage.removeItem('bokeyaAmount');
            $('input[name="trade_type"]').on('change', function () {
                let bokeya = $("#bokeya");
                if ($(this).val() === 'new') {
                    $('.renewal_issue').hide();
                    $('.renewal_issue input').attr('disabled', true);
                    bokeya.removeAttr('readonly');
                    $('.due_years').empty();
                    calculateDueAmount();
                } else {
                    let bokeyaVal = bokeya.val();
                    bokeya.val('');
                    $("#bokeyaText").text('');

                    let total_amount = $("#total_amount");
                    let Ftotal_amount = total_amount.val() - bokeyaVal;
                    total_amount.val(Ftotal_amount)
                    $(".total_amountText").text(Ftotal_amount);

                    bokeya.attr('readonly', true);
                    $('.renewal_issue').show();
                    $('.renewal_issue input').attr('disabled', false);
                    let date = $('.renewal_issue_date').val();
                    calculateFiscalYear(date);
                }
            });
            $('.renewal_issue_date').on('change', function () {
                let date = $(this).val();
                let bokeya = $("#bokeya");
                let bokeyaVal = bokeya.val();
                bokeya.val('');
                $("#bokeyaText").text('');

                let total_amount = $("#total_amount");
                let Ftotal_amount = total_amount.val() - bokeyaVal;
                total_amount.val(Ftotal_amount)
                $(".total_amountText").text(Ftotal_amount);
                calculateFiscalYear(date);
            });
        });
        function calculateFiscalYear(date) {
            let inputDate = new Date(date); // date from input: 'YYYY-MM-DD'
            let inputDay = inputDate.getDate();
            let inputMonth = inputDate.getMonth() + 1; // getMonth() is zero-based
            let inputYear = inputDate.getFullYear();

            // Adjust input year if before July
            if (inputMonth < 7) {
                inputYear -= 1;
            }

            // Get current date and adjust to last fiscal year
            let currentDate = new Date();
            let currentYear = currentDate.getFullYear();
            let currentMonth = currentDate.getMonth() + 1;

            // If today is before July, last fiscal year started 2 years ago
            // Else it started last year
            let lastFiscalYear = currentMonth < 7 ? currentYear - 1 : currentYear - 1;

            let fiscalYears = [];
            let div = '';
            for (let year = inputYear; year < lastFiscalYear + 1; year++) {
                let nextYear = year + 1;
                fiscalYears.push(`${year}-${nextYear}`);
                div += `<div class="form-group row"><div class="custom-control custom-checkbox custom-checkbox-outline custom-checkbox-primary mb-3">
                            <input type="checkbox" class="custom-control-input" name="due_year[]" value="${year}-${nextYear}" id="customCheck-outlinecolor${year}-${nextYear}">
                            <label class="custom-control-label" for="customCheck-outlinecolor${year}-${nextYear}">${year}-${nextYear}</label>
                        </div></div>`;
            }
            $('.due_years').empty().append(div);
        }

        let bokeya = 0; // to hold calculated amount after checkbox selection
        let initialAmount = $('#total_amount').val();
        // Function to calculate bokeya when checkboxes are selected
        function calculateDueAmount() {
            let baseAmount = parseFloat(sessionStorage.getItem('baseAmount')) || initialAmount;
            let bokeyaAmount = sessionStorage.getItem('bokeyaAmount');
            let checkedBoxes = $('input[name="due_year[]"]:checked').length;
            let fine = parseFloat('{{ \App\Models\TradeRenewalFine::query()->first()?->fine ?? 0 }}'); // e.g. 5
            let fineMultiplier = 1 + (fine / 100); // e.g. 1.05
            let extraPerYear = baseAmount * fineMultiplier; // base + 5%
            bokeya = 0;

            for (let i = 0; i < checkedBoxes; i++) {
                bokeya += extraPerYear;
            }

            // Optionally, you can show this in the bokeya field and update the total
            $('#bokeya').val(bokeya);
            $("#bokeyaText").empty().text(bokeya);
            $(".total_amountText").text(Number(baseAmount) + Number(bokeya));
            $('#total_amount').val(Number(baseAmount) + Number(bokeya));
            if(checkedBoxes === 0){
                $('#bokeya').val(bokeyaAmount);
                ("#bokeyaText").empty().text(bokeyaAmount);
            }
        }

        // Bind the function to checkbox change event
        $(document).on('change', 'input[name="due_year[]"]', function () {
            calculateDueAmount();
        });
    </script>
@endsection