@extends('layouts.main')
@section('content')
<section class="page-content-start">
	<hr style="margin-top: 0px; margin-bottom: 0px">
</section>

<section>
	<div class="container">
		<div class="row">
			<div class="col-sm-6 gmf-breadcrub-sec">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="/" class="">Home</a>
						</li> 
						<li class="breadcrumb-item">
							<a href="/profile" class="">My profile</a>
						</li> 
						<li aria-current="page" class="breadcrumb-item active">
                            Request to connect
                        </li>
                    </ol>
                </nav>
			</div>
			<div class="col-sm-6 gmf-breadcrub-sec">
                <a class="header-right btn-reset btn-goback btn-right" href="/">Go Back</a>
            </div>
		</div>
	</div>
</section>


<section class="news-block">
	<div class="container">
		<div class="row filter-row">
			<div class="col-md-4 feed-box feed-blog">
				<form>
					<div class="form-row">
						<div class="form-group col-md-12">
							<input type="text" id="search" placeholder="Search by member" class="form-control"> <span class="icon-search"><i class="fa fa-search"></i></span>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="row profile-details-sec">
			<div class="col-12 profile-strip gmf-profile-edit-sec">
				<div class="col-12 profile-op">
					<div class="row">
						<div class="col-md-12 col-lg-3 profile-op-left">
							<div class="profile_image image-div">
								<h3>TH</h3>
							</div>
						</div>
						<div class="col-md-12 col-lg-9 profile-op-right">
							<h3 class="name">Thomas Clarke</h3>
							<ul class="profile-details-list">
								<li>Company Name</li>
								<li>Designation</li>
								<li>City</li>
							</ul>
							<ul class="profile-connection">
								<li class="white-box"><span><strong>50</strong></span><span>Followers</span></li>
								<li class="white-box"><span><strong>10</strong></span><span>Following</span></li>
								<li><a href="" class="btn btn-primary gmf-btn-primary white">Ignore</a></li>
								<li><a href="" class="btn btn-primary gmf-btn-primary">Accept</a></li>
							</ul>

						</div>
					</div>
				</div>
			</div>
			<div class="col-12 profile-strip gmf-profile-edit-sec">
				<div class="col-12 profile-op">
					<div class="row">
						<div class="col-md-12 col-lg-3 profile-op-left">
							<div class="profile_image image-div">
								<h3>TH</h3>
							</div>
						</div>
						<div class="col-md-12 col-lg-9 profile-op-right">
							<h3 class="name">Thomas Clarke</h3>
							<ul class="profile-details-list">
								<li>Company Name</li>
								<li>Designation</li>
								<li>City</li>
							</ul>
							<ul class="profile-connection">
								<li class="white-box"><span><strong>50</strong></span><span>Followers</span></li>
								<li class="white-box"><span><strong>10</strong></span><span>Following</span></li>
								<li><a href="" class="btn btn-primary gmf-btn-primary">Request to connect</a></li>
							</ul>

						</div>
					</div>
				</div>
			</div>
			<div class="col-12 profile-strip gmf-profile-edit-sec">
				<div class="col-12 profile-op">
					<div class="row">
						<div class="col-md-12 col-lg-3 profile-op-left">
							<div class="profile_image image-div">
								<h3>TH</h3>
							</div>
						</div>
						<div class="col-md-12 col-lg-9 profile-op-right">
							<h3 class="name">Thomas Clarke</h3>
							<ul class="profile-details-list">
								<li>Company Name</li>
								<li>Designation</li>
								<li>City</li>
							</ul>
							<ul class="profile-connection">
								<li class="white-box"><span><strong>50</strong></span><span>Followers</span></li>
								<li class="white-box"><span><strong>10</strong></span><span>Following</span></li>
								<li><a href="" class="btn btn-primary gmf-btn-primary white">Unfollow</a></li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="featured-block gray-bg">
	<div class="container">
		<div class="row ">
			<div class="col-12 profile-featured-section">
				<h2 class="sub-head green-text"><span>FEATURED</span></h2>
				<index-featured></index-featured>	
			</div>
		</div>
	</div>
</section>
@stop
@push('style')
<!-- <link rel="stylesheet" href="/css/blogs.css"> -->
<link rel="stylesheet" href="{{ asset('/css/news.css')}}">
<link rel="stylesheet" href="{{ asset('/css/profile.css')}}">
<link rel="stylesheet" href="{{ asset('/css/featured-carousel.css')}}">
@endpush
@push('script')
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/site/custom_owl.js') }}"></script>
<script src="{{ asset('js/site/custom.js') }}"></script>
<script type="text/javascript">
	$(function(){
		$(".gmf-nav-secondary .nav-item").removeClass('active')
        $(".dropdown-menu .dropdown-item.request").addClass('active')
	})
</script>
@endpush