仅在视图中显示具有指定标识

Question

我正在讨论一个关于餐馆的项目，我需要向我的员工展示只有厨师和厨师的ID（Chef-2，Su-Chef 4）。 我需要向大家展示所有厨师和所有厨师。 视图的组织形式是数字是奇数（我有左边的图像和右边的文字），如果数字是偶数我（我有右边的图像和左边的文字） 这是我的控制器

public function index()
{
    $staff = Staff::where('visible','yes')->where('delete','no')->orderBy('name','DESC')->get();
    return view('staff.staff', ['staff' => $staff]);
}

这是我的观点

<section class="bg-deep-yellow">
    <div class="container">
        <div class="row">
            <!-- section title -->
            <div class="col-md-12 text-center">
                <span class="title-small black-text text-uppercase letter-spacing-3 font-weight-600">I NOSTRI CHEF</span>
                <div class="separator-line-thick bg-black no-margin-bottom margin-one xs-margin-top-five"></div>
            </div>
            <!-- end section title -->
        </div>
        <div class="row margin-ten no-margin-bottom">

            <!-- chef  -->
            <div class="col-md-12 sm-margin-bottom-ten">
                <div class="col-md-5 chef-img cover-background" style="background-image:url({{URL::asset('external_assets/assets/images/images_downloaded/chef.jpg') }});">
                    <div class="img-border"></div>
                </div>
                <div class="col-md-7 chef-text bg-white text-center">

                    <img src="{{URL::asset('external_assets/assets/images/images_downloaded/kapele.png') }}" alt=""/><br>
                    <span class="text-large black-text text-uppercase letter-spacing-3 font-weight-600 margin-ten display-block no-margin-bottom">Patrick Smith</span>
                    <span class="text-small text-uppercase letter-spacing-3">Chef, Co-Founder</span>
                    <p class="text-med margin-ten width-90 center-col" style="text-align: justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                </div>
            </div>
            <!-- end chef  -->
            <!-- chef  -->
            <div class="col-md-12">
                <div class="col-md-7 chef-text bg-white text-center">

                    <img src="{{URL::asset('external_assets/assets/images/images_downloaded/bari.png') }}" alt=""/><br>
                    <span class="text-large black-text text-uppercase letter-spacing-3 font-weight-600 margin-ten display-block no-margin-bottom">Sancho Pansa</span>
                    <span class="text-small text-uppercase letter-spacing-3">Bartender</span>
                    <p class="text-med margin-ten width-90 center-col" style="text-align: justify" >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

                </div>
                <div class="col-md-5 chef-img cover-background" style="background-image:url({{URL::asset('external_assets/assets/images/images_downloaded/chef2.jpg') }});">
                    <div class="img-border"></div>
                </div>
            </div>
            <!-- end chef  -->
        </div>
    </div>
</section>

This is an image of my view