@extends('adminlte::page')

@section('title', __('clinic-information.help.title'))

@section('content_header')
    <h5><label class="title-underbar">{!! __('clinic-information.help.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 style="margin: 30px 35px 0px;"><b>{!! __('clinic-information.help.p_help') !!}</b></p>

                    <p style="margin: 30px 35px 0px;">{!! __('clinic-information.help.p_search_word') !!}</p>
                    <div class="input-group mb-4" style="margin: 10px 35px 0px;">
                        <input type="text" class="form-control col-md-7" placeholder="">
                        <div class="input-group-append">
                            <button class="btn button-go" type="submit">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <p style="margin: 30px 35px 0px;"><b>{!! __('clinic-information.help.p_how_to_use') !!}</b></p>

                    <div class="row" style="margin: 30px 30px;">
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-btn-outline-light btn-block" onclick="location.href='/clinic/information/use-guide'" style="color: #000;">
                                <br><img src="/images/material/img_demo.png" class="rounded-3" height="45" width="45"><br><br><b>{!! __('clinic-information.help.button_new_repair_request') !!}</b><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/use-guide'" style="color: #000;">
                                <br><img src="/images/material/img_demo.png" class="rounded-3" height="45" width="45"><br><br><b>{!! __('clinic-information.help.button_repair_request') !!}</b><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/use-guide'" style="color: #000;">
                                <br><img src="/images/material/img_demo.png" class="rounded-3" height="45" width="45"><br><br><b>{!! __('clinic-information.help.button_setting') !!}</b><br><br>
                            </button>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <p style="margin: 30px 35px 0px;"><b>{!! __('clinic-information.help.p_faq') !!}</b></p>

                    <div class="row" style="margin: 30px 30px;">
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_change_email') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_inquiry') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_withdrawal') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-4" style="margin-top:10px;">
                            <button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/faq'" style="color: #000;">
                                <br><br><b>{!! __('clinic-information.help.button_sample') !!}</b><br><br><br>
                            </button>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
            </div>

            <div class="col-md-12 d-flex align-items-center justify-content-center" style="margin-top:50px;">
                <div class="col-md-6">
                    <button type="button" class="btn btn-block button-go btn-lg rounded-pill" onclick="location.href='/clinic/information/'">{!! __('clinic-information.help.button_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