@extends('adminlte::page')

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

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

@section('content')
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <div class="row info-row">
        <div class="col-md-12 sm-pd-0">
            <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">
                    <div class="row common-pannel" style="margin: 10px 30px 0px;">
                        <div class="col-md-4 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <a href ="{{ $help_url }}" target="_tab">
                            <!--<button type="button" class="btn btn-outline-light btn-block" onclick="location.href='/clinic/information/help'" style="color: #000;">-->
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                <br><img src="/images/material/info_help_icon.png" class="rounded-3" height="45" width="45"><br><br><b class="medium-heading">{!! __('clinic.common.menu.information.help.title') !!}</b>
                                <p style="font-size: 12px; margin-top: 10px;">{!! __('clinic.common.menu.information.help.sub') !!}　<img src="/images/material/info_transition_icon.png"></p>
                            </button>
                            </a>
                        </div>
                        <div class="col-md-4 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" onclick="location.href='/clinic/information/faq'" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                <br><img src="/images/material/info_faq_icon.png" class="rounded-3" height="45" width="45"><br><br><b class="medium-heading">{!! __('clinic.common.menu.information.faq.title') !!}</b>
                                <p style="font-size: 12px; margin-top: 10px;">{!! __('clinic.common.menu.information.faq.sub') !!}</p>
                            </button>
                        </div>
                        <div class="col-md-4 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" onclick="location.href='/clinic/information/use-guide'" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                <br><img src="/images/material/info_use-guide_icon.png" class="rounded-3" height="45" width="45"><br><br><b class="medium-heading">{!! __('clinic.common.menu.information.use-guide.title') !!}</b>
                                <p style="font-size: 12px; margin-top: 10px;">{!! __('clinic.common.menu.information.use-guide.sub') !!}</p>
                            </button>
                        </div>

                        <div class="col-md-3 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" onclick="location.href='/clinic/information/law'" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;"><br><b class="medium-heading">{!! __('clinic.common.menu.information.law.title') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-3 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" onclick="location.href='/clinic/information/terms'" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;"><br><b class="medium-heading">{!! __('clinic.common.menu.information.terms.title') !!}</b><br><br><br>
                            </button>
                        </div>
                        <div class="col-md-3 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <a href ="{{ $privacy_url }}" target="_tab">
                                <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;"><br><b class="medium-heading">{!! __('clinic.common.menu.information.policy.title') !!}</b>
                                    <p style="font-size: 12px; margin-top: 10px;">{!! __('clinic.common.menu.information.policy.sub') !!}　<img src="/images/material/info_transition_icon.png"></p>
                                </button>
                            </a>
                        </div>
                        <div class="col-md-3 common-pannel__item common-pannel__item--border" style="margin-top:20px;">
                            <button type="button" class="btn btn-outline-light btn-block common-pannel__item-inner" onclick="location.href='/clinic/information/license'" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;"><br><b class="medium-heading">{!! __('clinic.common.menu.information.license.title') !!}</b><br><br><br>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

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