@extends('layouts.tr.master')
@section('content')
<section id="about-sec">
	<div class="container">
		<div class="row">
			
			@forelse ($contact as $contact)
			<div class="col-md-6">
				<div class="card">
					<div class="card-header">
						<h3>{{$contact->title}}</h3>
					</div>				
					<div class="cards px-2">
						<p>{!!$contact->description!!}</p>
						<h5>Social Medias: </h5>
						<div class="sociallinks mb-2">
							<a class="facebook" href="{{$contact->facebook}}" title="facebook" target="_blank" rel="nofollow"><div class="solink"><i class="bi bi-facebook fa-2x"></i></div>  </a>			
							<a class="twitter" href="{{$contact->twitter}}" title="twitter" target="_blank" rel="nofollow"> <div class="solink"><i class="bi bi-twitter fa-2x"></i></div>  </a>
							<a class="linkedin" href="{{$contact->instagram}}" title="linkedin" target="_blank" rel="nofollow"> <div class="solink"><i class="bi bi-instagram fa-2x"></i></div>  </a>
						</div>				
					</div>
					@auth
						<div class="edit-delete">
							<div class="edit-delete-div">
								<div>
									<form action="{{route('contact.destroy', $contact->id)}}" method="POSt">
									@csrf
									@method('delete')
									<button type="submit" class="btn btn-sm mx-2 btn-success">Delete</button>
								</form>
								</div>
								|
								<div>
								<button class="btn btn-sm mx-2 btn-danger"><a href="{{route('contact.edit', ['id'=>$contact->id])}}">Edit</a></button>
								</div>						
							</div>
						</div>
					@endauth
				</div>
			</div>
						@empty

						@include ('org.not_uploaded')
						
				@endforelse
			



		</div>

	
	</div>
</section>


@endsection