@extends('layouts.default')
@section('content')
<section>

<section>
<div class="row general">
       
<div class="bannerGeneral p-t-200-p">
    <h2 class="aligncenter p-m-0" style="color:white;">FAQ &amp; Answers</h2>
</div>

<div class="container">
	<div class="row p-t-30-p">
		<div class="col-lg-12">
						@if(sizeof($faqVein) > 0)
				<h2 class="faq-heading"><strong>{{$faqVein[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqVein as $vein)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$vein->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample{{$i}}">
							<div class="card-body"><p class="p-30-p">{{$vein->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
			@if(sizeof($faqRisk) >0)
				<h2 class="faq-heading"><strong>{{$faqRisk[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqRisk as $risk)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$risk->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample">
							<div class="card-body"><p class="p-30-p">{{$risk->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
			@if(sizeof($faqDiagnosis) >0)
				<h2 class="faq-heading"><strong>{{$faqDiagnosis[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqDiagnosis as $diagnosis)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$diagnosis->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample">
							<div class="card-body"><p class="p-30-p">{{$diagnosis->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
			@if(sizeof($faqSchedule) >0)
				<h2 class="faq-heading"><strong>{{$faqSchedule[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqSchedule as $schedule)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$schedule->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample">
							<div class="card-body"><p class="p-30-p">{{$schedule->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
			@if(sizeof($faqCompression) >0)
				<h2 class="faq-heading"><strong>{{$faqCompression[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqCompression as $compression)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$compression->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample">
							<div class="card-body"><p class="p-30-p">{{$compression->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
			@if(sizeof($faqCommon) >0)
				<h2 class="faq-heading"><strong>{{$faqCommon[0]->type->content}}</strong></h2>
				<div class="accordion p-b-50-p" id="accordionExample{{$i}}">
					@foreach($faqCommon as $common)
										<div class="card">
						<div class="card-header" id="heading{{$i}}">
							<h3 class="clearfix mb-0">
								<a data-toggle="collapse" data-target="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">{{$common->question}} <i class="material-icons">add</i></a>									
							</h3>
						</div>
						<div id="collapse{{$i}}" class="collapse" aria-labelledby="heading{{$i}}" data-parent="#accordionExample">
							<div class="card-body"><p class="p-30-p">{{$common->answer}}</p></div>
						</div>
					</div>
					@endforeach
				</div>
			@endif
		</div>
	</div>
</div>
</div>
<section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script>
$('.card-body p').each(function() {
    var text = $(this).text();
	if(text.search('{Schedule}') != '-1'){
		// alert('yes');
		text=($(this).html().replace('{Schedule}', '<a href="{{url("/schedule-online")}}" ><button class="btn btn-primary" style="width:auto;">Schedule Online</button></a>'));
		$(this).html(text);
	}
	// var text = $(this).text().replace('{Schedule}', '<a href="{{url("/schedule-online")}}" ><button class="btn btn-primary" style="width:auto;">Schedule Online</button></a>');
  	
    // if(text.search('{Schedule}' != -1)){
	// 	alert('hey');
    // $(this).html(text.replace('{Schedule}', '<a href="{{url("/schedule-online")}}" ><button class="btn btn-primary" style="width:auto;">Schedule Online</button></a>')); }
    
    // $(this).html(text.replace('SCHEDULE ONLINE NOW', '<a href="{{url("/send-email")}}" ><button class="btn btn-primary" style="width:auto;">Schedule Online Now</button></a>')); 
});
</script>
<script>
	$(document).ready(function(){
		// Add minus icon for collapse element which is open by default
		$(".collapse.show").each(function(){
			$(this).siblings(".card-header").find(".btn i").html("remove");
			$(this).prev(".card-header").addClass("highlight");
		});
		
		// Toggle plus minus icon on show hide of collapse element
		$(".collapse").on('show.bs.collapse', function(){
			$(this).parent().find(".card-header .btn i").html("remove");
		}).on('hide.bs.collapse', function(){
			$(this).parent().find(".card-header .btn i").html("add");
		});
	});
</script>
@endsection