{{-- resources/views/panels/scripts.blade.php --}}

<!-- ✅ Bootstrap 5.3.3 JS Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>

<!-- ✅ jQuery (required for Select2 & Toastr) -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs" crossorigin="anonymous">
</script>

<!-- ✅ Select2 -->
@if (file_exists(public_path('vendors/js/forms/select/select2.full.min.js')))
    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
@else
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
@endif

<!-- ✅ Toastr -->
@if (file_exists(public_path('vendors/js/extensions/toastr.min.js')))
    <script src="{{ asset('vendors/js/extensions/toastr.min.js') }}"></script>
@else
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
@endif

<!-- ✅ Feather Icons -->
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        feather.replace();
    });
</script>

<!-- ✅ RTL Detection -->
<script>
    let isRtl = false;
    document.addEventListener('DOMContentLoaded', function() {
        isRtl = document.documentElement.getAttribute('data-textdirection') === 'rtl';
    });
</script>

<!-- ✅ Auto-focus for Select2 -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        $(document).on('select2:open', function() {
            document.querySelector('.select2-search__field')?.focus();
        });
    });
</script>

<!-- ✅ Flash Message (Toastr) -->
@if (Session::has('message'))
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            let type = "{{ Session::get('status', 'success') }}";
            let message = `{!! Session::get('message') !!}`;
            let title = {
                info: "{{ __('locale.labels.information') }}",
                warning: "{{ __('locale.labels.warning') }}",
                success: "{{ __('locale.labels.success') }}",
                error: "{{ __('locale.labels.ops') }}"
            } [type] || "Info";

            toastr[type](message, title, {
                closeButton: true,
                positionClass: "toast-top-right",
                progressBar: true,
                newestOnTop: true,
                rtl: isRtl
            });
        });
    </script>
@endif

<!-- ✅ Validation Errors (Toastr) -->
@if ($errors->any())
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            toastr["error"]("{{ $errors->first() }}", "{{ __('locale.labels.opps') }}", {
                closeButton: true,
                positionClass: "toast-top-right",
                progressBar: true,
                newestOnTop: true,
                rtl: isRtl
            });
        });
    </script>
@endif

<!-- ✅ Page-Specific Scripts -->
@yield('page-script')