@extends('layouts.app')

@section('title',"Team Matches Fixtures | Your Website")

@section('content')

	@include('layouts._secondary-menu',['secondaryMenus' => ['News','Standings','Fixtures','Scorer','Teams','History']])

	@include('layouts._breadcrumb',['pageName'=> ['Football','Premier League','Teams','Chelsea']])
	
	<div class="wrap-width">
			@include('layouts._team-secondary-menu',
			['secondaryMenus' => ['Overview','News','Photos','Standings','Fixtures','Squad']],
			['isActive'=>"Fixtures"])
{{-- 
			<a href="" class="btn-favorite" title="">
				<i class="icon icon-favorite"></i>
				<span class="label">Add to Favorite</span>
			</a> --}}

			<div class="grid">
				<div class="col-minus-sidebar-1">
					<header class="widget widget-heading-small mt-3">
						<h2 class="title heading-md">
							<a href="" title="">Matches</a>
						</h2>

						<ul class="heading-tabs">
							<li class="active">
								<a href="#tab1" title="">Fixtures</a>
							</li>
							<li class="">
								<a href="#tab2" title="">Results</a>
							</li>
						</ul>

						<div class="toggle-switch toggle-switch-odds">
							<input type="checkbox" name="toggle_odds" id="toggle-odds-1" class="toggle-switch-input" checked="">
							<label for="toggle-odds-1" class="toggle-switch-label" data-content="1X2"></label>
						</div>
					</header>
				
					<div class="tabs">
						<div id="tab1" class="active-tab">
							@include('team.team-fixtures-content')
						</div>
						<div id="tab2">
							@include('team.team-results-content')
						</div>
					</div>

					@include('layouts.side-bar-components._vertical-banner',
					['bannerURL'=>'../resources/image/temp/banner-728.jpg'])
				</div>

				@include('layouts.sidebars._team-side-bar')
			</div> <!-- grid -->
		</div>
@endsection