@extends('layouts.master')
@section('title', __('accounting.report') . ' | ' . __('accounting.balance_sheet'))
@section('content_title', __('accounting.report'))
@section('content_summary', __('accounting.balance_sheet'))


@section('main_content')
    <div class="row">
        <div class="col-md-8">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    {{-- Filter form start --}}
                    <form id="balance-sheet-accounting-filter" method="GET">
                        <h4>{{ __('core.filter') }}</h4>
                        @if (auth()->user()->hasRole('Super Admin'))
                            <div class="col-6">
                                <div class="position-relative mb-3">
                                    <label for="business_id">{{ __('core.business_name') }}: *</label>
                                    <select name="business_id" id="business_id" class="form-control filter-dropdown"
                                        required>
                                        <option value="">{{ __('core.please_select') }}</option>
                                        @foreach ($data['businesses'] as $business)
                                            <option value="{{ $business->id }}"
                                                {{ $business->id == auth()->user()->id ? 'selected' : '' }}>
                                                {{ $business->business_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @else
                            <input type="hidden" id="business_id" name="business_id"
                                value="{{ auth()->user()->business_id }}">
                        @endif
                        <div class="row">
                            <div class="position-relative col-md-6 mb-3">
                                <label for="start_date">{{ __('core.start_date') }}</label>
                                <input type="text" class="form-control filter-dropdown" name="start_date" id="start_date"
                                    placeholder="{{ __('core.date') }}" data-toggle="datepicker"
                                    value="{{ now()->format('Y-m-d') }}">
                            </div>

                            <div class="position-relative col-md-6 mb-3">
                                <label for="end_date">{{ __('core.end_date') }}</label>
                                <input type="text" class="form-control filter-dropdown" name="end_date" id="end_date"
                                    placeholder="{{ __('core.date') }}" data-toggle="datepicker"
                                    value="{{ now()->format('Y-m-d') }}">
                            </div>
                        </div>
                    </form>
                    {{-- Filter form end --}}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <div class="card-header">{{ __('accounting.liability') }}</div>
                    <div class="card-body">
                        <p>
                            <span class="fw-bold">{{ __('accounting.employee_salary_due') }}</span>
                            :
                            <span id="employee-salary-due">00</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <div class="card-header">{{ __('accounting.assets') }}</div>
                    <div class="card-body">
                        <p>
                            <span class="fw-bold">{{ __('accounting.student_fee_due') }}</span>
                            :
                            <span id="student-fee-due">00</span>
                        </p>
                        <p>
                            <span class="fw-bold">{{ __('accounting.account_balances') }}</span>
                            :
                        <div id="payment-account-balances" class="ms-3">
                            <div class="loader">
                                <div class="ball-clip-rotate">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('script')
    <script>
        $(document).ready(function() {

            $('.filter-dropdown').on('change', function() {
                loadData();
            });

            function loadData() {
                let formData = $('#balance-sheet-accounting-filter').serialize(); // Serialize form data
                $.ajax({
                    method: "GET",
                    url: "{{ route('accounting.report.balance_sheet') }}",
                    data: formData,
                    success: function(response) {
                        if (response.employee_salary_due.due && response.employee_salary_due.due !=
                            null) {
                            $('#employee-salary-due').html(response.employee_salary_due.due);
                        }
                        if (response.student_fee_due.due && response.student_fee_due.due != null) {
                            $('#student-fee-due').html(response.student_fee_due.due);
                        }
                        $('#payment-account-balances').html(response.payment_account_balances);
                    },
                    error: function(error) {}
                })
            }

            loadData();
        });
    </script>
@endpush