@extends('layouts.front')
@section('page_title')
@parent
@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif
@endsection
@section('head-js')
@stop
@section('meta')
    <!-- SEO -->
    <meta name="description" content="@if($page->metatitle) {{$page->metadescr}} @else {{$page->title}} @endif">
    <link rel="canonical" href="{{url('/'.$page->slug)}}" />
    <!-- <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="{{asset('/')}}" /> -->

    <!-- OG -->
    <meta property="og:site_name" content="{{$defaultset->metatitle}}">
    <meta property="og:locale" content="fa_IR" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{url('/'.$page->slug)}}">
    <meta property="og:title" content="@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif">
    <meta property="og:description" content="@if($page->metatitle) {{$page->metadescr}} @else {{$page->title}} @endif">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@Netito28592456" />
    <meta name="twitter:description" content="@if($page->metatitle) {{$page->metadescr}} @else {{$page->title}} @endif" />
    <meta name="twitter:title" content="@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif" />
@stop
@section('main')
<main class="default">
    <section class="breadcrumb-section section-b-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="page-title">
                        <h1>{{$page->title}}</h1>
                    </div>
                </div>
                <div class="col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('/')}}">خانه</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{$page->title}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <section class="dralipor-pagebody mmt40">
      <div class="container">
          <div class="row section-b-space digi-pagebody">
            {!! $page->content !!}
          </div>
          <div class="row section-b-space mt40">
              <div class="col-md-8 offset-md-2">
                @if(count($faqs) > 0)

                  <div class="accordion theme-accordion faq-section" id="accordion">
                    @foreach($faqs as $faq)
                      <div class="card">
                          <div class="card-header" id="faq{{$faq->id}}" data-toggle="collapse" data-target="#collapse{{$faq->id}}" >
                              <h5 class="mb-0"><button class="btn btn-link" type="button" >{{$faq->question}}</button></h5></div>
                          <div id="collapse{{$faq->id}}" class="collapse" aria-labelledby="#faq{{$faq->id}}" data-parent="#accordion">
                              <div class="card-body">
                                  {!!$faq->answer!!}
                              </div>
                          </div>
                      </div>
                    @endforeach
                  </div>
                @endif
              </div>
          </div>
      </div>
    </section>
</main>
@stop