@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';

    $header_params = [
            'heading_page_title' => 'FAQ',
    ];
@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <section class="full-vh">
                <!-- <div class="container"> -->
                <div class="card">
                    <div class="decor-border-bottom mb-28 pb-28">
                        <div class="conteiner-908">
                            <div class="form-group input--md input--icon-left">
                                <div class="input-wrapper">
                                        <span class="ico">

                                            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.99979 6C1.99979 4.93913 2.42122 3.92172 3.17136 3.17157C3.92151 2.42143 4.93892 2 5.99979 2C7.06066 2 8.07807 2.42143 8.82822 3.17157C9.57836 3.92172 9.99979 4.93913 9.99979 6C9.99979 7.06087 9.57836 8.07828 8.82822 8.82843C8.07807 9.57857 7.06066 10 5.99979 10C4.93892 10 3.92151 9.57857 3.17136 8.82843C2.42122 8.07828 1.99979 7.06087 1.99979 6ZM5.99979 1.13461e-07C5.05549 -0.00012039 4.1245 0.222642 3.28253 0.650171C2.44056 1.0777 1.71139 1.69792 1.15432 2.4604C0.597243 3.22287 0.228002 4.10606 0.0766228 5.03815C-0.0747564 5.97023 -0.00399905 6.92488 0.28314 7.82446C0.570279 8.72404 1.06569 9.54315 1.72909 10.2152C2.39248 10.8872 3.20512 11.3931 4.10092 11.6919C4.99672 11.9906 5.95038 12.0737 6.88434 11.9343C7.8183 11.795 8.70619 11.4372 9.47579 10.89L12.2928 13.707C12.4814 13.8892 12.734 13.99 12.9962 13.9877C13.2584 13.9854 13.5092 13.8802 13.6946 13.6948C13.88 13.5094 13.9852 13.2586 13.9875 12.9964C13.9897 12.7342 13.8889 12.4816 13.7068 12.293L10.8908 9.477C11.5291 8.57936 11.9079 7.52335 11.9859 6.42468C12.0639 5.326 11.8379 4.22707 11.3328 3.2483C10.8276 2.26953 10.0628 1.44869 9.12214 0.875723C8.18147 0.30276 7.10122 -0.000214051 5.99979 1.13461e-07Z" fill="#BFBFBF"/>
                                                </g>
                                           F     <defs>
                                                    <clipPath>
                                                        <rect width="14" height="14" fill="white"/>
                                                    </clipPath>
                                                </defs>
                                            </svg>

                                        </span>
                                    <input class="input search_input input--solid max-w-500 w-full" type="text" placeholder="Search question...">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="accordeon-list faqs_list">
                        <x-faqs.faq-item :faqs="$faqs"/>
                    </div>

                </div>
                <!-- </div> -->
            </section>

        </main>

        <x-footer-dashboard />
    </div>


@endsection



@push('scripts')
    <script src="{{ asset('js/faqs.js') }}"></script>
@endpush