<?php $__env->startSection('styles'); ?>

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

<?php $__env->startSection('meta'); ?>
    <meta property="og:url" content="<?php echo e(url()->current()); ?>"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Hướng dẫn sử dụng -  Phần mềm quản lý nhà trọ ITRO"/>
    <meta property="og:description"
          content="Chi tiết từ A-Z cách sử dụng và cài đặt phần mềm quản lý nhà trọ ITRO. Với những hướng dẫn này sẽ giúp cho bạn cài đặt và sử dụng một cách đơn giản mà hiệu quả nhất"/>
    <meta property="og:image" content="https://quanlynhatro.com/ogimage_qlnt.jpg"/>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

    <?php echo $__env->make('frontend3.header_landing', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>

    <div class="block-breadcrumb">
        <div class="container">
            <nav class="nav-breadcrumb" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Trang chủ</a></li>
                    <li class="breadcrumb-item"><a href="/huong-dan-su-dung">Hướng dẫn sử dụng</a></li>

                </ol>
            </nav>
        </div>
    </div>
    <div class="block-manual">
        <div class="container">
            <div class="block-manual__wrap">
                <div class="block-manual__cnt">
                    <div class="row">
                        <div class="col-lg-auto mb-3 mb-lg-0">
                            <div class="block-manual__sbr">
                                <div class="l-manual-menu">
                                    <a href="#Collapse__UserManualMenu" class="l-manual-menu__tgl btn btn-block btn-default collapsed d-block d-lg-none" data-toggle="collapse">Menu</a>
                                    <div id="Collapse__UserManualMenu" class="l-manual-menu__mni collapse d-lg-block">
                                        <div class="l-manual-menu__navtabs nav nav-tabs">
                                            <a href="#Tab__SidebarManualMenu01"  class="active" data-toggle="tab" role="tab" aria-selected="true">
                                                <i class="mdi mdi-laptop"></i>Website
                                            </a>
                                            <a href="#Tab__SidebarManualMenu02" data-toggle="tab" role="tab"  aria-selected="false">
                                                <i class="mdi mdi-cellphone"></i>Mobile App
                                            </a>
                                        </div>
                                        <div class="tab-content">
                                            <div id="Tab__SidebarManualMenu01" class="tab-pane fade role= active show" role="tabpanel">
                                                <ol class="l-manual-menu__list">
                                                    <?php
                                                       // $child = App\Models\Category::query()->where('parent_id', 3)->pluck('id')->toArray();

           $items = App\Models\Category::query()->where('parent_id', 3)->orderBy('order', 'asc')->orderBy('name', 'asc')->get();
                                                    ?>
                                                    <?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li>
                                                            <a class="cate-posts " data-href="<?php echo e(url('/blog/danh-muc/'. $item->slug)); ?>" href="#"><?php echo e($item->name); ?></a>
                                                            <?php $children = App\Models\Category::query()->where('parent_id', $item->id)->orderBy('order', 'asc')->orderBy('name', 'asc')->get()?>
                                                            <?php if($children->count() > 0): ?>
                                                                <ol>
                                                                    <?php $__currentLoopData = $children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                        <li>
                                                                        <a class="cate-posts " data-href="<?php echo e(url('/blog/danh-muc/'. $child->slug)); ?>" href="#"><?php echo e($child->name); ?></a>
                                                                        </li>
                                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                                                </ol>
                                                                <?php endif; ?>
                                                        </li>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ol>
                                            </div>
                                            <div id="Tab__SidebarManualMenu02" class="tab-pane fade " tabpanel="">
                                            <ol class="l-manual-menu__list">
                                                <?php
                                                    // $child = App\Models\Category::query()->where('parent_id', 3)->pluck('id')->toArray();

        $items = App\Models\Category::query()->where('parent_id', 4)->orderBy('order', 'asc')->orderBy('name', 'asc')->get();
                                                ?>
                                                <?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <li>
                                                        <a class="cate-posts " data-href="<?php echo e(url('/blog/danh-muc/'. $item->slug)); ?>" href="#"><?php echo e($item->name); ?></a>
                                                        <?php $children = App\Models\Category::query()->where('parent_id', $item->id)->orderBy('order', 'asc')->orderBy('name', 'asc')->get()?>
                                                        <?php if($children->count() > 0): ?>
                                                            <ol>
                                                                <?php $__currentLoopData = $children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                    <li>
                                                                        <a class="cate-posts " data-href="<?php echo e(url('/blog/danh-muc/' . $child->slug)); ?>" href="#"><?php echo e($child->name); ?></a>
                                                                    </li>
                                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                                            </ol>
                                                        <?php endif; ?>
                                                    </li>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg">
                        <div class="block-manual__hdr">
                            <h1 class="block-manual__tle">Hướng dẫn sử dụng</h1>
                        </div>
                        <div class="block-manual__cnt" id="manual-content">

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

<?php $__env->startPush('scripts'); ?>
    <script>
        $(document).on('click', '.cate-posts', function () {
            var data_href = $(this).attr('data-href');
            var that = this;
            $.ajax({
                url: data_href,
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    $('#manual-content').html(response.data);

                }
            });
        });

        $(document).ready(function () {
          //  $('.sub').wrapAll("<ol></ol>");

            var cnt = 0;

            var data_href = $('.cate-posts').first().attr('data-href');
            $.ajax({
                url: data_href,
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    $('#manual-content').html(response.data);

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

<?php echo $__env->make('quanlynhatro.landing_layout', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>