
<?php $__env->startSection('css'); ?>
<link rel="stylesheet" href="https://actupjob.com/assets/css/refer.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">

</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('front-content'); ?>
<section class="m09 faq-section section ">
    <div class="container-fluid container-fluid--max-lg" style="display: flex; justify-content: center; align-items: center;">
        <div class="m09__row">
            <div class="col-4">
                <h2 class="global_subtitle mb-4 mb-md-5"><span class="banner_discount">FAQ</span></h2>
            </div>


     
            <section class="accordion" role="tablist" aria-live="polite" data-behavior="accordion">
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to create an account?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to Verify an account?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to deposit?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to withdraw?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to Apply/Complete jobs?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to Post Jobs?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to Refer friends?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
                
                <article class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
                    <span id="tab1" tabindex="0" class="accordion__title" aria-controls="panel1" role="tab" aria-selected="false" aria-expanded="false" data-binding="expand-accordion-trigger">
                        <h5>How to Contact Admin?</h5>
                    </span>
                
                    <div id="panel1" class="accordion__content" role="tabpanel" aria-hidden="true" aria-labelledby="tab1" data-binding="expand-accordion-container">
                        <div class="accordion__content-inner">
                            <p><small>See this video</small></p>
                            <!-- YouTube Video Embed -->
                            <iframe width="340" height="220" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </article>
            </section>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script>
    var accordion = $('body').find('[data-behavior="accordion"]');
    var expandedClass = 'is-expanded';

        $.each(accordion, function () { // loop through all accordions on the page

            var accordionItems = $(this).find('[data-binding="expand-accordion-item"]');

            $.each(accordionItems, function () { // loop through all accordion items of each accordion
                var $this = $(this);
                var triggerBtn = $this.find('[data-binding="expand-accordion-trigger"]');

                var setHeight = function (nV) {
                    // set height of inner content for smooth animation
                    var innerContent = nV.find('.accordion__content-inner')[0],
                    maxHeight = $(innerContent).outerHeight(),
                    content = nV.find('.accordion__content')[0];

                    if (!content.style.height || content.style.height === '0px') {
                        $(content).css('height', maxHeight);
                    } else {
                        $(content).css('height', '0px');
                    }
                };

                var closeOtherAccordions = function (currentItem) {
                    // Close other open accordion sections
                    accordionItems.not(currentItem).removeClass(expandedClass);
                    accordionItems.not(currentItem).find('.accordion__content').css('height', '0px');
                };

                var toggleClasses = function (event) {
                    var clickedItem = event.currentTarget;
                    var currentItem = $(clickedItem).parent();
                    var clickedContent = $(currentItem).find('.accordion__content');
                    closeOtherAccordions(currentItem); // Close other accordions
                    $(currentItem).toggleClass(expandedClass);
                    setHeight(currentItem);

                    if ($(currentItem).hasClass('is-expanded')) {
                        $(clickedItem).attr('aria-selected', 'true');
                        $(clickedItem).attr('aria-expanded', 'true');
                        $(clickedContent).attr('aria-hidden', 'false');
                    } else {
                        $(clickedItem).attr('aria-selected', 'false');
                        $(clickedItem).attr('aria-expanded', 'false');
                        $(clickedContent).attr('aria-hidden', 'true');
                    }
                };

                triggerBtn.on('click', event, function (e) {
                    e.preventDefault();
                    toggleClasses(event);
                });

                // open tabs if the spacebar or enter button is clicked whilst they are in focus
                $(triggerBtn).on('keydown', event, function (e) {
                    if (e.keyCode === 13 || e.keyCode === 32) {
                        e.preventDefault();
                        toggleClasses(event);
                    }
                });
            });

        });

    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/dealruom/microjob.dealingwork.com/resources/views/frontend/pages/faq.blade.php ENDPATH**/ ?>