@extends('layouts.app')
@section('content')
  <main class="container sm:w-3/5 mx-auto mt-6 sm:mt-10 sm:px-6 px-4">
    <h2 class="text-center font-bold text-lg mb-4">お問い合わせ</h2>
    <p>ご記入いただいたメールアドレス、お電話番号へご返答の連絡をいたします。<br>メールアドレスが間違っていたり、ドメイン指定受信を設定していると返答が届きませんのでご注意ください。
    </p>
    @if ($errors->any())
      <div class="text-red-500 mb-4">
        <ul>
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
	  @endif
    <form class="py-4" method="POST" action="{{ url('contact') }}" enctype="multipart/form-data">
      @csrf

      <input type="hidden" name="user_id" id="user_id" class="form-input mb-4 w-full resize-none" value="{{ isset($user->id) ? $user->id : '' }}">
      <input type="hidden" name="status" id="status" class="form-input mb-4 w-full resize-none" value="0">

      <label for="user_name" class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">お名前/ユーザー名</label>
      <input type="text" name="user_name" id="user_name" class="form-input mb-4 w-full resize-none" value="{{ isset($user->name) ? $user->name : '' }}" required>

      <label for="email" class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">メールアドレス</label>
      <input type="email" class="form-input mb-4 w-full resize-none" id="email" name="email" value="{{ isset($user->email) ? $user->email : '' }}" required>

      <label for="phone" class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">お電話番号<span class="bg-gray-300 p-1 text-xs ml-1">任意</span></label>
      <input type="tel" class="form-input mb-4 w-full resize-none" id="phone" name="phone">

      <label for="title" class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">件名</label>
      <div class="relative mb-4 w-full sm:w-1/2">
          <input type="text" name="title" id="title" class="form-input mb-4 w-full resize-none" rows="1" required></textarea>
      </div>

      <label for="disicription" class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2">内容</label>
      <textarea class="form-input mb-4 w-full resize-none" name="discription" id="disicription" rows="4" required></textarea>

      <div class="text-center mt-4">
        <button class="rounded-full shadow-sm px-8 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700" type="submit">お問い合わせする</button>
      </div>
    </form>
  </main>
@endsection