@extends('layouts.app')

@section('content')
<main class="container mx-auto mt-10 px-6">
	<h1 class="text-3xl font-bold border-b mb-10">銀行口座の登録</h1>
	@if ($errors->any())
		<div class="text-red-500">
				<ul>
						@foreach ($errors->all() as $error)
								<li>{{ $error }}</li>
						@endforeach
				</ul>
		</div>
	@endif
	@if (session('error'))
          <p class="text-danger mt-3">
            {{ session('error') }}
          </p>
        @endif
	<div class="mb-6">
		※ 銀行コード・支店コードについては<a class="underline text-blue-600 hover:text-blue-500" target="_blank" href="https://zengin.ajtw.net/">こちら</a>を参照してください。
	</div>
	<form method="POST" action="{{ url('/config/bank') }}">
		@csrf
		<div class="mb-8">
			<label for="code" class="block mb-2">銀行コード</label>
			<input class="border-b border-black" type="text" name="code" id="code" required placeholder="0001">
		</div>
		<div class="mb-8">
			<label for="branch_code" class="block mb-2">支店コード</label>
			<input class="border-b border-black" type="text" name="branch_code" id="branch_code" required placeholder="001">
		</div>
		<div class="mb-8">
			<label for="account_number" class="block mb-2">口座番号</label>
			<input class="border-b border-black" type="text" name="account_number" id="account_number" required placeholder="0000001">
		</div>
		<div class="mb-8">
			<label for="account_name" class="block mb-2">口座名義</label>
			<input class="border-b border-black" type="text" name="account_name" id="account_name" required placeholder="メニーウェア">
		</div>
		<button class="my-6 border border-black hover:bg-black hover:text-white py-4 px-8 rounded-full" type="submit">登録する</button>
	</form>
</main>
@endsection