@extends('layouts.master')

@section('title', __('accounting.expense'))

@section('content_title', __('accounting.expense'))

@section('content_summary', __('accounting.expense'))

@if (auth()->user()->can('accounting.expense_invoice.create'))
    @section('content_taskbar')
        <li class="nav-item">
            <a href="{{ route('accounting.expense_transactions.create') }}" class="nav-link">
                <i class="nav-link-icon pe-7s-plus"></i>
                <span>{{ __('core.add') }}</span>
            </a>
        </li>
    @endsection
@endif


@section('main_content')

    {{-- Filter form start --}}
    <div class="main-card mb-3">
        <div class="card mb-3">
            <div class="card-body">
                <h5 class="card-title">{{ __('core.filter') }}</h5>
                <form id="user-search-form" action="{{ route('expense_transactions.search') }}" method="POST">
                    @csrf
                    <div class="row">
                        @if (auth()->user()->hasRole('Super Admin'))
                            <div class="col col-md-3">
                                <label for="business_id">{{ __('core.business_name') }}: *</label>
                                <select class="form-select filter-dropdown" name="business_id" id="business_id" required>
                                    <option value="">{{ __('core.please_select') }}</option>
                                    @foreach ($data['businesses'] as $value)
                                        <option value="{{ $value->id }}">{{ $value->business_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @else
                            <input type="hidden" name="business_id" value="{{ auth()->user()->business_id }}">
                        @endif


                        <div class="col-md-3">
                            <label for="academic_year">{{ __('accounting.payment_account') }}</label>
                            <select name="payment_account_id" id="payment_account_id" class="form-control filter-dropdown">
                                <option value="">{{ __('core.please_select') }}</option>
                                @if (!auth()->user()->hasRole('Super Admin'))
                                    @foreach ($payment_account as $key => $value)
                                        <option value="{{ $value->id }}">{{ $value->account_name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label for="academic_year">{{ __('accounting.expense_category') }}</label>
                            <select name="expense_category_id" id="expense_category_id"
                                class="form-control filter-dropdown">
                                <option value="">{{ __('core.please_select') }}</option>
                                @if (!auth()->user()->hasRole('Super Admin'))
                                    @foreach ($expense_category as $key => $value)
                                        <option value="{{ $value->id }}">{{ $value->expense_category }}</option>
                                    @endforeach
                                @endif

                            </select>
                        </div>

                    </div><br>
                </form>
            </div>
        </div>
    </div>

    {{-- Filter form end --}}

    <div class="main-card mb-3 card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-0" class="active nav-link">{{ __('core.home') }}</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-1" class="nav-link">
                        <span>{{ __('core.trash') }}</span>
                        {{-- <span class="badge rounded-pill bg-danger">{{ $trashedCount }}</span> --}}
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
                    <div class="table-responsive">
                        {!! $html1->table(['style' => 'width:100%;'], true) !!}
                    </div>
                </div>
                <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                    <div class="table-responsive">
                        {!! $html2->table(['style' => 'width:100%;'], true) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.js.sweet_alert')
@include('partials.js.crud')
@include('partials.js.datatable')
@include('partials.js.datatable_features')

@push('script')
    {!! $html1->scripts() !!}
    {!! $html2->scripts() !!}
    <script type="text/javascript">
        $(document).ready(function() {

            var home_table = $('#home-table').DataTable();
            var trash_table = $('#trash-table').DataTable();







            $(document).on("submit", "#modal_form", function(e) {
                e.preventDefault(); // make sure default form submit is prevented

                ModalFormSubmit("#modal_form")
                    .then(() => {
                        home_table.ajax.reload();
                        trash_table.ajax.reload();
                    });
            });




            $(".filter-dropdown").on("change", function() {
                home_table.ajax.reload();
                trash_table.ajax.reload();
            })



            setupActionButtons({
                actions: {
                    '.toggle_button': {
                        method: 'PUT',
                        confirmTitle: "{{ __('core.sure') }}",
                        confirmText: "{{ __('core.confirm_update_status') }}",
                    },
                    '.delete_button': {
                        method: 'DELETE',
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                        forceDeleteRetry: true
                    },
                    '.restore_button': {
                        method: 'POST',
                        confirmTitle: "{{ __('core.confirm_restore') }}",
                        confirmText: "{{ __('core.confirm_restore_msg') }}",
                    },
                    '.force_delete_button': {
                        method: 'DELETE',
                        icon: "error",
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                    }
                },
                onSuccess: () => {
                    home_table.ajax.reload();
                    trash_table.ajax.reload();
                },
                onError: (err) => {
                    if (!err.cancelled) {
                        console.error("Request failed", err);
                        toastr.error("Something went wrong.");
                    }
                }
            });


        });
    </script>



    <script type="text/javascript">
        $(document).ready(function() {

            /*------load filter field-------*/
            $(document).ready(function() {
                const isSuperAdmin = @json(auth()->user()->hasRole('Super Admin'));

                // Only load payment account on business_id change if Super Admin
                if (isSuperAdmin) {
                    $(document).on("change", "#business_id", function() {
                        let business_id = $(this).val();
                        if (!business_id) {
                            updateDropdown($("#payment_account_id"), {}, true);
                            updateDropdown($("#expense_category_id"), {}, true);
                            return;
                        }

                        $.get("{{ route('accounting.payment_fee_schedules.load_payment_account') }}", {
                            business_id: business_id,
                            _token: "{{ csrf_token() }}"
                        }, function(response) {


                            let $select = $('#payment_account_id').append(
                                "<option value=''>{{ __('core.please_select') }}</option>"
                            );

                            // Clear existing options
                            $select.empty();

                            // Append new options
                            $select.append(response.data);

                            updateDropdown($("#expense_category_id"), {},
                                true); // clear on business change
                        });

                        $.get("{{ route('accounting.expense_categories.get_expense_category') }}", {
                            business_id: business_id,
                        }, function(result) {
                            let $select = $('#expense_category_id').empty().append(
                                "<option value=''>{{ __('core.please_select') }}</option>"
                            );

                            if (result.length > 0) {
                                $.each(result, function(index, item) {
                                    $select.append($('<option>').val(item.id).text(
                                        item.expense_category));
                                });
                            }

                        });

                    });
                }



                function updateDropdown($select, data, reset = true) {
                    $select.empty();
                    $select.append($('<option>').val('').text("{{ __('core.please_select') }}"));
                    $.each(data, function(key, value) {
                        $select.append($('<option>').val(key).text(value));
                    });
                    if (reset) {
                        $select.find('option:first').prop('selected', true);
                    }
                }
            });

            /*------end load filter field-------*/



        });
    </script>
@endpush