Bài 32: Lấy dữ liệu sản phẩm trong tabs

  

-    Vào resoucer => views => home => components => tạo file category_tab.blade.php

@php
    $baseUrl = config('app.base_url');
@endphp
<div class="category-tab">
    <div class="col-sm-12">
        <ul class="nav nav-tabs">
            @foreach($categorys as $indexCategory => $categoryItem)
            <li class="{{$indexCategory == 0 ? 'active':''}}">
                <a href="#category_tab_{{$categoryItem->id}}" data-toggle="tab">
                    {{$categoryItem->name}}
                </a>
            </li>
            @endforeach
        </ul>
    </div>

    <div class="tab-content">
        @foreach($categorys as $indexCategoryProduct => $categoryItemProduct)
        <div class="tab-pane fade {{$indexCategoryProduct == 0 ? 'active in':''}} "
             id="category_tab_{{$categoryItemProduct->id}}" >
            @foreach($categoryItemProduct->products as $productItemTabs)
            <div class="col-sm-3">
                <div class="product-image-wrapper">
                    <div class="single-products">
                        <div class="productinfo text-center">
                            <img src="{{$baseUrl . $productItemTabs->feature_image_path}}" alt="" />
                            <h2>{{$productItemTabs->price}} VND</h2>
                            <p>{{$productItemTabs->name}}</p>
                            <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
                        </div>

                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @endforeach
    </div>
</div>

-    Vào Category.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;

class Category extends Model
{
    use SoftDeletes;
    protected $table = 'categories';

    public function categoryChildrent()
    {
        return $this->hasMany(Category::class, 'parent_id');
    }
    public function products()
    {
        return $this->hasMany( Product::class,'category_id');
    }
}

-    Vào HomeController.php

<?php

namespace App\Http\Controllers;

use App\Category;
use App\Product;
use App\Slider;
use Illuminate\Http\Request;

class HomeController extends Controller
{
    public function index()
    {
        $sliders = Slider::latest()->get();
        $categorys = Category::where('parent_id', 0)->latest()->get();
        $products = Product::latest()->take(6)->get();
        $productsRecommend = Product::latest('views_count','desc')->take(12)->get();
        return view('home.home',compact('sliders','categorys','products','productsRecommend'));
    }
    public function test()
    {
        return view('test');
    }
}

-    Vào home.blade.php

@php
    $baseUrl = config('app.base_url');
@endphp

@extends('layout.master')

@section('title')
    <title>Home page</title>
@endsection

@section('css')
    <link rel="stylesheet" href="{{asset('home/home.css')}}">
@endsection

@section('js')
    <link rel="stylesheet" href="{{asset('home/home.js')}}">
@endsection

@section('content')
    <!--slider-->
    @include('home.components.slider')
    <!--/slider-->

    <section>
        <div class="container">
            <div class="row">
                @include('components.siderbar')

                <div class="col-sm-9 padding-right">
                    <!--features_items-->
                    @include('home.components.feature_product')
                    <!--features_items-->

                    <!--/category-tab-->
                    @include('home.components.category_tab')
                    <!--/category-tab-->

                    <!--/recommended_items-->
                    @include('home.components.recommend_product')
                    <!--/recommended_items-->
                </div>
            </div>
        </div>
    </section>


@endsection