@extends('adminlte::page')

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

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

@section('content')
    <!-- 参考 https://osada-netshop.com/law -->
    <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 20px 0px;"><b>{!! __('clinic-information.law.vendor.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.vendor.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.agent.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.agent.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.coo.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.coo.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.location.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.location.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.telephone-number.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.telephone-number.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.site.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p><a href="{!! __('clinic-information.law.site.text') !!}" target="_tab">{!! __('clinic-information.law.site.text') !!} <img src="/images/material/info_transition_icon.png"></a></p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.contact.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        @if($user->clinic->country_id == \App\Models\Country::ID_THAILAND || $user->clinic->country_id == \App\Models\Country::ID_INDONESIA)
                            <p><a href="{!! __('clinic-information.law.contact.thailand_indonesia.text') !!}" target="_tab">{!! __('clinic-information.law.contact.thailand_indonesia.text') !!} <img src="/images/material/info_transition_icon.png"></a></p>
                        @elseif($user->clinic->country_id == \App\Models\Country::ID_ISRAEL)
                            <p><a href="{!! __('clinic-information.law.contact.israel.text') !!}" target="_tab">{!! __('clinic-information.law.contact.israel.text') !!} <img src="/images/material/info_transition_icon.png"></a></p>
                        @else
                            <p><a href="{!! __('clinic-information.law.contact.text') !!}" target="_tab">{!! __('clinic-information.law.contact.text') !!} <img src="/images/material/info_transition_icon.png"></a></p>
                        @endif
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.email.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.email.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.deadline.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.deadline.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.payment-methods.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.payment-methods.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.additional-charges.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.additional-charges.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.handover-period.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.handover-period.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.faulty-items.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.faulty-items.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.unpacking-setup.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.unpacking-setup.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.disposal.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.disposal.text') !!}</p>
                    </div>

                    <p style="margin: 30px 20px 0px;"><b>{!! __('clinic-information.law.personal-info.label') !!}</b></p>
                    <div style="margin: 15px 20px 0px;">
                        <hr>
                        <p>{!! __('clinic-information.law.personal-info.text') !!}</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