

@extends('mainlayout_landing')


@section('nav_options')
                                    <div class="header-language d-none d-sm-block">
                                     
                                        <a href="/deals">
                                            <span class="text gold" style="text-transform: initial;">Deals</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="/home/faq">
                                            <span class="text gold" style="text-transform: initial;">FAQ'S</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="/merchant/demo">
                                            <span class="text gold" style="text-transform: initial;">Request Demo</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="/merchant/registration" class="btn btn-new_gold" style="background-color: #D4AF37;color:#fff;height:42px; text-transform: initial;">
                                            Register Business
                                        </a>
                                    </div>

@endsection

@section('content')


<div class="event-section section mt-4">
	    <div class="container">
	        <div class="row">	        
	            <div class="col-12" data-aos="fade-up">
	                <div class="register-box gold_bg">
	                    <div class="row register_block">
	                        
	                        <div class="col-lg-7 mob_100w">
	                            <div class=" pad_32">
	                            	@php
	                            	$catname = json_decode($category->name);
	                            	$catdesc = json_decode($category->description);
	                            	@endphp
	                                <h3 class="black mt-4 mb-2" style="font-size:24px">{{$catname->en}}</h3>
	                                <div class="desc urban black mb-4 font_18">{!!$catdesc->en!!}</div>
	                            </div>
	                        </div>

	                        <div class="col-lg-5 mob_100w">
	                            <img style="border-radius:12px" src="https://tigeradmin.testing.co.tz{{$category->image}}" alt="">
	                        </div>

	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

<?php
/*
	<div class="page-title-section section" style="padding-bottom: 24px;">
            <div class="page-title">
                <div class="container">
                    <div class="header-search">
                        <button class="header-search-toggle"><i class="far fa-search"></i></button>
                        <div class="header-search-form">
                            <form action="/search" method="post">
                                @csrf
                                <input type="text" placeholder="Search..." name="search">
                                <button><i class="fas fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
*/
?>


        <div class="event-section section mt-4">
	    <div class="container">
	        <div class="row">

	        	<div class="col-lg-10">
	        	@forelse($faqs as $faq)
	        	@php
	        	$qn = json_decode($faq->question);
	        	$ans = json_decode($faq->answer);
	        	@endphp
	        		<div style="margin-top: 4em;">
	        		    <h3 class="gold mb-2" style="font-size:22px">{{$qn->en}}</h3>
	        		    <div class="desc urban white mb-4 font_18">{!!$ans->en!!}</div>
	        		</div>
	        	
	        	@empty
					<div >
	        		    <p class="desc urban_light white mb-4">No Faqs.</p>
	        		</div>
	        	@endforelse
	        	</div>

	        </div>
	    </div>
	</div>
	
	
		<div class="section section-padding-bottom">
            <div class="container">
                <!-- Blog Wrapper Start -->
                <h3 class="gold mt-4 mb-2" style="font-size:24px">Other Frequently Asked Questions.</h3>
                <div class="row row-cols-lg-4 row-cols-md-4 row-cols-4 max-mb-n30">

                    @forelse($others as $category)
                    @php
                    $cat = json_decode($category->name);
                    
                    @endphp
                    
                    <!-- Blog Start -->
                    <div class="col max-mb-30" data-aos="fade-up">
                        <div class="blog">
                            <div class="thumbnail">
                                <a href="/home/faq/category/{{$category->id}}" class="image"><img src="https://tigeradmin.testing.co.tz{{$category->image}}" alt="{{$cat->en}} Image"></a>
                            </div>
                            <div class="info">
                                <h3 class="title white" style="font-size:18px"><a href="/home/faq/category/{{$category->id}}">{{$cat->en}}</a></h3>
                               
                            </div>
                        </div>
                    </div>
                    <!-- Blog End -->
                    @empty
                    @endforelse
                </div>
                <!-- Blog Wrapper End -->

            </div>
        </div>




@endsection