apl-mhd

Recursive for all null parent

Dec 26th, 2018
193
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @extends('frontend.master')
  2.  
  3. @section('content')
  4.     @php
  5.  
  6.  
  7.         function categoryTree($id)
  8.             {
  9.                 $data='';
  10.                 $all_childs = \App\Models\Category::where('parent_id', $id)->get();
  11.                 if(!empty($all_childs))
  12.                 {
  13.  
  14.                     echo "<ul>";
  15.                     foreach ($all_childs as $child)
  16.                     {
  17.                       $innerChild = \App\Models\Category::where('parent_id', $child->id)->get();
  18.                       if($innerChild->count() > 0){
  19.  
  20.                         echo '<li>';
  21.                             echo  '<a href="#">';
  22.                             echo'<div class="cat-nav-title">' . $child->name.' > </div>';
  23.                             //echo '<div class="cat-nav-icon"> <i class = "fa fa-chevron-right"> </i></div>';
  24.                             echo  '</a>';
  25.  
  26.                                 categoryTree($child->id);
  27.  
  28.                         echo '</li>';
  29.  
  30.  
  31.                       }
  32.                       else{
  33.  
  34.                         echo "<li> <a href='#'>";
  35.                         echo $child->name .' '. $child->id ;
  36.                         echo "</a></li>";
  37.  
  38.                         }
  39.  
  40.                         categoryTree($child->id);
  41.                     }
  42.                     echo "</ul>";
  43.                 }
  44.  
  45.             }
  46.  
  47.     @endphp
  48.     <!-- main -->
  49.     <main>
  50.         <section class="post-an-ad pt-30 pb-30">
  51.             <div class="container mb-40">
  52.                 <div class="section-title text-center pt-30">
  53.                     <h4 class="border-bottom text-capitalize">Post an ad</h4>
  54.                 </div>
  55.             </div>
  56.             <div class="container">
  57.                 <div class="row">
  58.                     <div class="col-md-3">
  59.                         <div class="post-ad-sidenav-area">
  60.                             <div id="accordion">
  61.                                 <div class="card">
  62.                                     <div class="card-header" id="headingOne">
  63.                                         <h5 class="mb-0">
  64.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false"
  65.                                                     aria-controls="collapseOne">
  66.                                                 <i class="fa fa-folder"></i> Manage My Ads
  67.                                             </button>
  68.                                         </h5>
  69.                                     </div>
  70.                                     <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
  71.                                         <ul class="my-account-list">
  72.                                             <li><a href="#">All Ads <span class="badge badge-main">10</span></a></li>
  73.                                             <li><a href="#">Current Ads <span class="badge badge-main">08</span></a></li>
  74.                                             <li><a href="#">Expired Ads <span class="badge badge-main">02</span></a></li>
  75.                                             <li><a href="#">Pending Ads <span class="badge badge-main">05</span></a></li>
  76.                                         </ul>
  77.                                     </div>
  78.                                 </div>
  79.                                 <div class="card">
  80.                                     <div class="card-header" id="headingTwo">
  81.                                         <h5 class="mb-0">
  82.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
  83.                                                     aria-controls="collapseTwo">
  84.                                                 <i class="fa fa-bullhorn"></i> Posts Your Ads
  85.                                             </button>
  86.                                         </h5>
  87.                                     </div>
  88.                                     <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  89.                                         <div class="">
  90.                                             <ul class="acc-sub-ul nav nav-tabs" role="tablist">
  91.                                                 <li class="acc-sub-li nav-item">
  92.                                                     <a class="acc-sub-link nav-link" href="#addItemTabLink" role="tab" data-toggle="tab">
  93.                                                         <i class="fa fa-plus"></i> Add New Ad
  94.                                                     </a>
  95.                                                 </li>
  96.                                             </ul>
  97.                                         </div>
  98.                                     </div>
  99.                                 </div>
  100.                                 <div class="card">
  101.                                     <div class="card-header" id="headingThree">
  102.                                         <h5 class="mb-0">
  103.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
  104.                                                     aria-controls="collapseThree">
  105.                                                 <i class="fa fa-user"></i> My Profile
  106.                                             </button>
  107.                                         </h5>
  108.                                     </div>
  109.                                     <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  110.                                         <ul class="my-account-list">
  111.                                             <li><a href="#">Item 1</a></li>
  112.                                             <li><a href="#">Item 2</a></li>
  113.                                             <li><a href="#">Item 3</a></li>
  114.                                             <li><a href="#">Item 4</a></li>
  115.                                         </ul>
  116.                                     </div>
  117.                                 </div>
  118.                                 <div class="card">
  119.                                     <div class="card-header" id="headingFour">
  120.                                         <h5 class="mb-0">
  121.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false"
  122.                                                     aria-controls="collapseFour">
  123.                                                 <i class="fa fa-users"></i> My Business
  124.                                             </button>
  125.                                         </h5>
  126.                                     </div>
  127.                                     <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
  128.                                         <ul class="my-account-list">
  129.                                             <li><a href="#">Item 1</a></li>
  130.                                             <li><a href="#">Item 2</a></li>
  131.                                             <li><a href="#">Item 3</a></li>
  132.                                             <li><a href="#">Item 4</a></li>
  133.                                         </ul>
  134.                                     </div>
  135.                                 </div>
  136.                                 <div class="card">
  137.                                     <div class="card-header" id="headingFive">
  138.                                         <h5 class="mb-0">
  139.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false"
  140.                                                     aria-controls="collapseFive">
  141.                                                 <i class="fa fa-heart"></i> Favourite
  142.                                             </button>
  143.                                         </h5>
  144.                                     </div>
  145.                                     <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
  146.                                         <ul class="my-account-list">
  147.                                             <li><a href="#">Item 1</a></li>
  148.                                             <li><a href="#">Item 2</a></li>
  149.                                             <li><a href="#">Item 3</a></li>
  150.                                             <li><a href="#">Item 4</a></li>
  151.                                         </ul>
  152.                                     </div>
  153.                                 </div>
  154.                                 <div class="card">
  155.                                     <div class="card-header" id="headingSix">
  156.                                         <h5 class="mb-0">
  157.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false"
  158.                                                     aria-controls="collapseSix">
  159.                                                 <i class="fab fa-facebook-messenger"></i> Message
  160.                                             </button>
  161.                                         </h5>
  162.                                     </div>
  163.                                     <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
  164.                                         <ul class="my-account-list">
  165.                                             <li><a href="#">Item 1</a></li>
  166.                                             <li><a href="#">Item 2</a></li>
  167.                                             <li><a href="#">Item 3</a></li>
  168.                                             <li><a href="#">Item 4</a></li>
  169.                                         </ul>
  170.                                     </div>
  171.                                 </div>
  172.                                 <div class="card">
  173.                                     <div class="card-header" id="headingSeven">
  174.                                         <h5 class="mb-0">
  175.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false"
  176.                                                     aria-controls="collapseSeven">
  177.                                                 <i class="fa fa-envelope"></i> Email
  178.                                             </button>
  179.                                         </h5>
  180.                                     </div>
  181.                                     <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion">
  182.                                         <ul class="my-account-list">
  183.                                             <li><a href="#">Item 1</a></li>
  184.                                             <li><a href="#">Item 2</a></li>
  185.                                             <li><a href="#">Item 3</a></li>
  186.                                             <li><a href="#">Item 4</a></li>
  187.                                         </ul>
  188.                                     </div>
  189.                                 </div>
  190.                                 <div class="card">
  191.                                     <div class="card-header" id="headingEight">
  192.                                         <h5 class="mb-0">
  193.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false"
  194.                                                     aria-controls="collapseEight">
  195.                                                 <i class="fa fa-lock"></i> My Alert
  196.                                             </button>
  197.                                         </h5>
  198.                                     </div>
  199.                                     <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
  200.                                         <ul class="my-account-list">
  201.                                             <li><a href="#">Item 1</a></li>
  202.                                             <li><a href="#">Item 2</a></li>
  203.                                             <li><a href="#">Item 3</a></li>
  204.                                             <li><a href="#">Item 4</a></li>
  205.                                         </ul>
  206.                                     </div>
  207.                                 </div>
  208.                                 <div class="card">
  209.                                     <div class="card-header" id="headingNine">
  210.                                         <h5 class="mb-0">
  211.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false"
  212.                                                     aria-controls="collapseNine">
  213.                                                 <i class="fa fa-chart-line"></i> Report &amp; Voucher
  214.                                             </button>
  215.                                         </h5>
  216.                                     </div>
  217.                                     <div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordion">
  218.                                         <ul class="my-account-list">
  219.                                             <li><a href="#">Item 1</a></li>
  220.                                             <li><a href="#">Item 2</a></li>
  221.                                             <li><a href="#">Item 3</a></li>
  222.                                             <li><a href="#">Item 4</a></li>
  223.                                         </ul>
  224.                                     </div>
  225.                                 </div>
  226.                                 <div class="card">
  227.                                     <div class="card-header" id="headingTen">
  228.                                         <h5 class="mb-0">
  229.                                             <button class="btn btn-link collapsed acc-header-btn" data-toggle="collapse" data-target="#collapseTen" aria-expanded="false"
  230.                                                     aria-controls="collapseTen">
  231.                                                 <i class="fa fa-comments"></i> Manage My Review
  232.                                             </button>
  233.                                         </h5>
  234.                                     </div>
  235.                                     <div id="collapseTen" class="collapse" aria-labelledby="headingTen" data-parent="#accordion">
  236.                                         <ul class="my-account-list">
  237.                                             <li><a href="#">Item 1</a></li>
  238.                                             <li><a href="#">Item 2</a></li>
  239.                                             <li><a href="#">Item 3</a></li>
  240.                                             <li><a href="#">Item 4</a></li>
  241.                                         </ul>
  242.                                     </div>
  243.                                 </div>
  244.                             </div>
  245.                         </div>
  246.                     </div>
  247.                     <div class="col-md-9">
  248.                         <div class="tab-content">
  249.                             <div role="tabpanel" class="tab-pane fade in" id="addItemTabLink">
  250.                                 <div class="menu">
  251.                                     <ul>
  252.                                         @foreach ($parent_categories as $category)
  253.                                             <li>
  254.                                                 <a href="#">
  255.                                                     <div class="inner-nav">
  256.                                                         <div class="cat-nav-title">{{$category->name}} orko</div>
  257.                                                         <div class="cat-nav-icon"><i class="fa fa-chevron-right"></i></div>
  258.                                                     </div>
  259.                                                 </a>
  260.                                                 {{categoryTree($category->id)}}
  261.  
  262.  
  263.                                             </li>
  264.                                         @endforeach
  265.  
  266.                                         <li>
  267.                                             <a href="#">
  268.                                                 <div class="inner-nav">
  269.                                                     <div class="cat-nav-title">Motors Bikes</div>
  270.                                                     <div class="cat-nav-icon"><i class="fa fa-chevron-right"></i></div>
  271.                                                 </div>
  272.                                             </a>
  273.                                             <ul>
  274.                                                 <li><a href="#">
  275.                                                         <div class="inner-nav">
  276.                                                             <div class="cat-nav-title">125cc</div>
  277.                                                             <div class="cat-nav-icon"><i class="fa fa-chevron-right"></i></div>
  278.                                                         </div>
  279.                                                     </a>
  280.                                                     <ul>
  281.                                                         <li><a href="#">Hero</a></li>
  282.                                                         <li><a href="#">Bajaj</a></li>
  283.                                                         <li><a href="#">Yamaha</a></li>
  284.                                                     </ul>
  285.                                                 </li>
  286.                                                 <li><a href="#">150cc</a></li>
  287.                                                 <li><a href="#">200cc</a></li>
  288.                                             </ul>
  289.                                         </li>
  290.  
  291.                                     </ul>
  292.                                 </div>
  293.                             </div>
  294.                         </div>
  295.                     </div>
  296.                 </div>
  297.             </div>
  298.  
  299.         </section>
  300.     </main>
  301.  
  302.     <!-- end main -->
  303. @endsection
  304.  
  305. @section('after_scripts')
  306.     <script>
  307.         $(document).ready(function () {
  308.             collectorium('.collectorium-js');
  309.         });
  310.     </script>
  311. @stop
RAW Paste Data