@extends('layouts.user.frame')

@section('title', 'ユーザー名の変更 - ')
@section('id', 'user')
@section('class', 'user1 prof_base')
@section('withoutFooter', true)
@section('head')
<script src="{{ asset('/system/js/profile.user1.js', $is_secure) }}"></script>
@endsection

@section('content')

@include('user.common.header')
@include('user.mypage.header')

<article class="bodywrap" id="sec_1">
	<section class="section"><div class="bodyinwrap"><div class="incnt">
		<div class="pagetitlebox center">
			<h1 class="pagetitle">ユーザー名を変更</h1>
		</div>
		<p class="toptxt _1">新しいユーザー名を入力ください。</p>
		<div class="formbox _inputlist">
			<ul>
				<li><form method="post" action="{{ route('user.mypage.profile.user_update') }}">
					@csrf
					<ul class="formlist">
						<li>
							<dl>
								<dt>新しいユーザー名</dt>
								<dd><input type="text" name="name" value="{{ old('name') }}" class="name" placeholder="8文字以上16文字以内の半角英数字と記号でご記入下さい">@error('name')<p>{{ $message }}@enderror</p></dd>
							</dl>
						</li>
					</ul>
				</form></li>
			</ul>
		</div>
		<div class="buttonarea">
			<button type="button" class="btn grey">キャンセル @include('user.svg.arr1')</button>
			<button type="submit" class="btn">ユーザー名を変更する @include('user.svg.arr1')</button>
		</div>
	</div></div></section>
</article>
@endsection