@extends('layouts.fe')

@php
$title = '株式会社アルファセプ';
$description = "外国人技能実習生は技術や技能・知識を身に付けるために、技能実習は苦労や不安も多く、技能や知識の習得も求められます。そのような技能実習を円滑に進め、技能実習制度の目的を達成するために、技能実習生は「入国後講習」というものを必ず受講することになっています。";
$ogTitle = $title;
$ogDescription = $description;
$ogImage = url('/assets/images/media/share-fb.jpg');
$twitterTitle = $title;
$twitterDescription = $description;
$artistName = '株式会社アルファセプ';
$schemaDescription = $description;
@endphp

@section('content')



@if(!session('success'))
<div class="page-contact">
  <div class="page-title">
    <div class="container sp_full">
      <img src="/storage/photos/1/question_header.png" alt="お問い合わせ" width="730">
      <h2>
        <div class="title-en">Contact</div>
        <div class="title-jp">お問い合わせ</div>
      </h2>
    </div>
  </div>
  <div class="breadcrumb">
    <div class="container">
      <ul>
        <li><a href="/">TOP</a></li>
        <li>お問い合わせ</li>
      </ul>
    </div>
  </div>
  <h1 class="page-title-h1">お問い合わせ</h1>
  <div class="mail_contact">
    <div class="container">
      <div role="form" class="wpcf7" id="wpcf7-f71-p72-o1" lang="ja" dir="ltr">
        <div class="screen-reader-response" aria-live="polite"></div>
        <form action="" method="post" class="wpcf7-form">
          @csrf
          <div class="contact_form">
            @if ($errors->any())
            <div style="color: red;">
              <ul>
                @foreach ($errors->all() as $error)
                <li style="margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    border: 1px solid #fd4343;
    background: #ff00005e;
    color: #000;">{{ $error }}</li>
                @endforeach
              </ul>
            </div>
            @endif
            <table class="form_table">
              <tbody>
                <tr>
                  <th>会社名（漢字）</th>
                  <td>
                    <input type="text" name="company_name"
                      value="{{ old('company_name') }}"
                      required>
                    {{-- Lỗi cho field cụ thể (nếu muốn hiển thị tách riêng) --}}
                    @error('company_name')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>会社名（フリガナ）</th>
                  <td>
                    <input type="text" name="company_kana"
                      value="{{ old('company_kana') }}"
                      required>
                    @error('company_kana')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>氏名（漢字）</th>
                  <td>
                    <input type="text" name="user_name"
                      value="{{ old('user_name') }}"
                      required>
                    @error('user_name')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>氏名（フリガナ）</th>
                  <td>
                    <input type="text" name="user_name_kana"
                      value="{{ old('user_name_kana') }}"
                      required>
                    @error('user_name_kana')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>E-mail</th>
                  <td>
                    <input type="email" name="your-email"
                      value="{{ old('your-email') }}"
                      required>
                    @error('your-email')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>E-mail（確認）</th>
                  <td>
                    <input type="email" name="your-email_confirm"
                      value="{{ old('your-email_confirm') }}"
                      required>
                    @error('your-email_confirm')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

                <tr>
                  <th>お問い合わせ内容</th>
                  <td>
                    <textarea name="textarea-430" cols="40" rows="10">
                    {{ old('textarea-430') }}
                    </textarea>
                    @error('textarea-430')
                    <div style="color: red;">{{ $message }}</div>
                    @enderror
                  </td>
                </tr>

              </tbody>
            </table>
            <div class="privacy" style="margin-top:20px;">
              <h3>個人情報の取り扱いについて</h3>
              個人情報の取り扱いについては、以下に記載されているプライバシーポリシーを遵守します。次の「個人情報保護方針」に同意いただける場合は、「同意する」にチェックを付け、確認画面におすすみください。<br>
              <a href="/privacy.html">個人情報保護方針</a>
              <div class="agree">
                <span class="wpcf7-form-control-wrap acceptance-727">
                  <span class="wpcf7-form-control wpcf7-acceptance"><span class="wpcf7-list-item"><label><input type="checkbox" name="acceptance-727" value="1" aria-invalid="false" required><span class="wpcf7-list-item-label">同意する</span></label></span></span></span>
              </div>
            </div>
            <div class="captcha-form">
              <div class="space-td"></div>
              <div class="content-captcha">
                <img src="{{ captcha_src() }}" alt="captcha" />
                <input placeholder="キャプチャを入力してください" type="text" name="captcha" required
                  value="{{ old('captcha') }}">
                @error('captcha')
                <div style="color: red;">{{ $message }}</div>
                @enderror
              </div>
              {{-- Hiển thị captcha hình ảnh (nếu dùng mews/captcha) --}}

            </div>
            <style>
              .captcha-form {
                display: flex;
                justify-content: space-between;
                align-items: center;
              }

              .space-td {
                width: 280px;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 0.09em;
                text-align: left;
                color: #343232;
                padding-bottom: 25px;
                vertical-align: middle;
                box-sizing: border-box;
              }

              .content-captcha {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                width: 540px;
                padding-bottom: 25px;
                vertical-align: middle;
                margin-bottom: 30px;
              }

              .content-captcha img {
                width: 150px;
                margin-bottom: 20px;
              }

              .content-captcha input {
                width: 100%;
                padding: 10px;
                margin: 0;
                border: 1px solid #F93C48;
                font-size: 16px;
                text-align: left;
                box-sizing: border-box;
              }

              .page-contact .privacy .agree {
                margin-bottom: 20px;
              }
              @media screen and (max-width: 640px) {
                .space-td {
                  width: 0px;
                }
                .content-captcha {
                  width: 100%;
                }
              }
            </style>
            <div class="send">
              <input type="submit" value="確認" class="wpcf7-form-control wpcf7-confirm wpcf7c-elm-step1 wpcf7c-btn-confirm">
              <input type="button" value="戻って編集" class="wpcf7-form-control wpcf7-back wpcf7c-elm-step2 wpcf7c-btn-back wpcf7c-force-hide">
              <input type="submit" value="送信" class="wpcf7-form-control wpcf7-submit wpcf7c-elm-step2 wpcf7c-force-hide">
            </div>

          </div>
          <div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div>
        </form>
      </div>
    </div>
  </div>
</div>
@else
<div class="page-contact">
  <div class="page-title">
    <div class="container sp_full">
      <img src="/assets/new/nbs/img/img_contact_01.png" alt="お問い合わせ" width="730">
      <h2>
        <div class="title-en">Contact</div>
        <div class="title-jp">お問い合わせ</div>
      </h2>
    </div>
  </div>
  <div class="breadcrumb">
    <div class="container">
      <ul>
        <li><a href="/">TOP</a></li>
        <li>お問い合わせ</li>
      </ul>
    </div>
  </div>
  <h1 class="page-title-h1">お問い合わせ</h1>
  <div class="mail_contact">
    <div class="container">
      <div id="contact">
        <div class="contact-form" style="display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;">
          <h2 class="title_2" style="
                    width: 100%;
                    text-align: center;
                    margin-bottom: 10px;
                ">お問い合わせが完了しました</h2>
          <p style="
                    margin-top: 20px;
                    margin-bottom: 30px;
                    width: 100%;
                    text-align: center;
                ">お問合せ内容を記載したメールアドレスを自動配信しております。
            <br />自動配信メールが届かない場合は、大変お手数ですが info@alphacep.co.jp までお問い合わせください。
          </p>
          <style>
            .mail_contact .backlink {
              line-height: 15px;
              margin-bottom: 40px;
            }

            @media screen and (max-width: 640px) {
              .mail_contact .backlink {
                margin: 0 40px;
                margin-bottom: 40px;
              }
            }

            .mail_contact .backlink img {
              display: inline-block;
              margin-right: 20px;
            }
          </style>
          <div class="backlink">
            <a href="/">
              <img src="/assets/new/nbs/img/icn_arrow_left.svg" alt="">TOPへ戻る
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endif
@endsection

@section('script')

@endsection