100 lines
4.0 KiB
PHP
100 lines
4.0 KiB
PHP
|
|
<div class="faqs">
|
|
<div class="container row">
|
|
<div class="col-md-12 faq-content aos-init aos-animate" data-aos="fade-left">
|
|
<h2>Frequently Asked Questions</h2>
|
|
<h3>Some of the questions we get asked on a daily basis</h3>
|
|
<div class="faq-box">
|
|
<div id="accordion">
|
|
@if(count($faqs->data) > 0)
|
|
@foreach($faqs->data as $data)
|
|
<div class="card">
|
|
<div class="card-header" id="heading{{$data->id}}">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{$data->id}}" aria-expanded="true" aria-controls="collapse{{$data->id}}">
|
|
{{$data->faq_question}}
|
|
<i class="fa fa-plus " aria-hidden="true"></i>
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="collapse{{$data->id}}" class="collapse" aria-labelledby="heading{{$data->id}}" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{{$data->faq_answer}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@else
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
|
<h2>No data found</h2>
|
|
</button>
|
|
<i class="fa fa-plus" aria-hidden="true"></i>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
<h2>No data found</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="faq-btn">
|
|
<a href="{{url('/faqs')}}" class="blue-btn">View More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@section('scripts')
|
|
<!--<script>-->
|
|
<!-- $('.bttn').on('click',function(){-->
|
|
|
|
<!-- if($(this).hasClass('fa fa-plus'))-->
|
|
<!-- {-->
|
|
<!-- $('.icon_change').each(function(){-->
|
|
<!-- if($(this).hasClass('fa fa-minus'))-->
|
|
<!-- {-->
|
|
<!-- $(this).removeClass('fa fa-minus').addClass('fa fa-plus');-->
|
|
<!-- $('.collapse').removeClass('show');-->
|
|
<!-- }-->
|
|
<!-- });-->
|
|
|
|
<!-- $(this).removeClass('fa fa-plus').addClass('fa fa-minus');-->
|
|
|
|
<!-- }-->
|
|
<!-- else-->
|
|
<!-- {-->
|
|
|
|
<!-- $('.icon_change').each(function(){-->
|
|
<!-- if($(this).hasClass('fa fa-minus'))-->
|
|
<!-- {-->
|
|
<!-- $(this).removeClass('fa fa-minus').addClass('fa fa-plus');-->
|
|
<!-- $('.collapse').removeClass('show');-->
|
|
<!-- }-->
|
|
<!-- });-->
|
|
<!-- }-->
|
|
<!--});-->
|
|
<!--</script>-->
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#accordion, .collapse').on('show.bs.collapse', function () {
|
|
var $icon = $(this).prev('.card-header').find('i');
|
|
$icon.removeClass('fa-plus').addClass('fa-minus');
|
|
});
|
|
|
|
$('#accordion, .collapse').on('hide.bs.collapse', function () {
|
|
var $icon = $(this).prev('.card-header').find('i');
|
|
$icon.removeClass('fa-minus').addClass('fa-plus');
|
|
});
|
|
});
|
|
</script>
|
|
@endsection |