@extends('front.layouts.app', ['title' => 'Team'])

@section('content')
@include('front.layouts.app-header')


    <section class="page_banner" style="background:rgb(0 0 0 / 60%) url({{ url('storage') . '/' . $team_banner->image}}) center / cover no-repeat;background-blend-mode:color; ">
        <div class="container">
            <div class="row">
                <div class="col col-12">
                    <div class="page_banner_title">
                        <h1>Our Team</h1>
                    </div>
                    <div class="c_breadcrumb">
                        <ul class="c_breadcrumb_inner">
                            <li class="c_breadcrumb_item">
                                <a href="{{route('home')}}">Home</a>
                            </li>
                            <!-- <li class="c_breadcrumb_item">
                                <a href="#!">Wines</a>
                            </li> -->
                            <li class="c_breadcrumb_item">Our team</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="team_sec off_bg">
        <div class="container">
            <div class="row">
                @foreach ($teams as $team)
                <div class="col col-4">
                    <div class="team_profile_wrap">
                        <div class="team_profile_inner">
                            <div class="team_profile_image">
                                @if(!empty($team->image) && \Illuminate\Support\Facades\Storage::exists($team->image))
                                <img src="{{ url('storage') . '/' . $team->image}}" alt="">
                                @else
                                <img src="{{ url('storage') . '/no_image.png'}}">
                                @endif
                            </div>
                            <div class="team_profile_content">
                                <div class="team_personal_info">
                                    <h4 class="team_profile_name">{{$team->name}}</h4>
                                    <p class="role">{{$team->designation ? $team->designation : ' - -'}} </p>
                                </div>
                                <div class="team_profile_desc c_scroll_bar">
                                    <p>  {{$team->about}} </p>
                                </div>
                            </div>
                            <div class="team_profile_social">
                               <a href="mailto:{{$team->email}}">{{$team->email}}</a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>

@include('front.layouts.app-footer')
@endsection