@extends('layouts.app')
@section('title', __('口コミ投稿完了').'｜'.config('app.name'))

@section('content')
<div class="crumb"><a href="{{ route('home') }}">{{ __('ホーム') }}</a> {{ __('＞ 口コミ投稿完了') }}</div>
<div class="l-cols">
  <div class="l-main">
    <section class="sec">
      <div class="sec-hd"><h2 class="ic-review">{{ __('口コミの投稿が完了しました') }}</h2></div>
      <div class="card card-pad" style="text-align:center;padding:40px 20px;">
        <div style="font-size:54px;line-height:1;margin-bottom:12px;color:var(--star);">✓</div>
        <h2 style="margin:0 0 10px;font-size:20px;">{{ __('ご投稿ありがとうございました') }}</h2>
        <p class="muted" style="margin:0 auto 6px;max-width:520px;">
          {{ __('いただいた口コミは内容確認（モデレーション）の後に公開されます。') }}<br>
          {{ __('公開まで数時間〜1営業日ほどお時間をいただく場合があります。') }}
        </p>
        <p class="small muted" style="margin:14px 0 22px;">{{ __('※ 個人を特定できる情報・誹謗中傷・違法な内容は公開されません。') }}</p>
        <div class="row" style="justify-content:center;gap:10px;flex-wrap:wrap;">
          <a href="{{ route('home') }}" class="btn primary">{{ __('トップへ') }}</a>
          <a href="{{ route('reviews.index') }}" class="btn">{{ __('新着口コミを見る') }}</a>
        </div>
      </div>
    </section>
  </div>
  <aside class="l-side"></aside>
</div>
@endsection