@extends('adminlte::page')

@section('title', __('clinic.common.menu.information.faq.title'))

@section('content_header')
    <h5><label class="title-underbar">{!! __('clinic.common.menu.information.faq.title') !!}</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card--sp" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <p class="medium-heading" style="margin: 30px 10px 0px;"><b>{!! __('clinic-information.faq.about-usage.title') !!}</b></p>

                    <hr>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-usage.question') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>{!! __('clinic-information.faq.about-usage.answer') !!}</p>
                    </div>

                    <p class="medium-heading" style="margin: 30px 10px 0px;"><b>{!! __('clinic-information.faq.about-edit-repair-request.title') !!}</b></p>

                    <hr>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-edit-repair-request.question1') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>
                            {!! __('clinic-information.faq.about-edit-repair-request.answer1') !!}
                        </p>
                    </div>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-edit-repair-request.question2') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>
                            {!! __('clinic-information.faq.about-edit-repair-request.answer2') !!}
                        </p>
                    </div>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-edit-repair-request.question3') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>
                            {!! __('clinic-information.faq.about-edit-repair-request.answer3') !!}
                        </p>
                    </div>


                    <p class="medium-heading" style="margin: 30px 10px 0px;"><b>{!! __('clinic-information.faq.about-after-repair-request.title') !!}</b></p>

                    <hr>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-after-repair-request.question1') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>
                            {!! __('clinic-information.faq.about-after-repair-request.answer1') !!}
                        </p>
                    </div>

                    <p class="main-text" style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.faq.about-after-repair-request.question2') !!}</b></p>
                    <div class="main-text" style="margin: 30px 20px 0px;">
                        <p>
                            {!! __('clinic-information.faq.about-after-repair-request.answer2') !!}
                        </p>
                    </div>
                </div>
            </div>

            <div class="btn-area col-md-12 d-flex align-items-center justify-content-center" style="margin-top:50px;">
                <div class="col-md-4 btn-wrap">
                    <button type="button" class="btn btn-block button-go btn-lg rounded-pill" onclick="location.href='/clinic/information/'">{!! __('clinic.common.back') !!}</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/progressbar.css" rel="stylesheet">
@stop