@extends('frontend.layouts.master')
@section('title') Teams @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Teams</h2>
                <ol class="breadcrumb darklinks">
                    <li><a href="{{ route('home') }}">Home</a></li>
                    <li class="active">Teams</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls page_portfolio section_padding_top_100 section_padding_bottom_100">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">

                <div class="isotope_container isotope row masonry-layout columns_margin_bottom_20">
                    @if($teams)
				        @foreach($teams as $team)
                            <div class="isotope-item col-lg-4 col-md-6 col-sm-12">
                                <div class="vertical-item content-padding with_background text-center rounded overflow-hidden">
                                    <div class="item-media">
                                        @php
                                            $photo=explode(',',$team->photo);
                                        @endphp
                                        <img src="{{ Storage::url($team->photo) }}" alt="" />
                                    </div>
                                    <div class="item-content">
                                        <h4 class="poppins margin_0">
                                            <a>{{$team->name}}</a>
                                        </h4>
                                        <p class="small-text highlight2">{{$team->position}}</p>
                                        <p>
                                            {!!$team->bio!!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
                <!-- eof .isotope_container.row -->

            </div>
        </div>
    </div>
</section>

@endsection