@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>
	{{-- laravel側でかけるvalidationのエラーメッセージを表示 --}}
	@if (session('error'))
      <p class="text-danger mt-3">
        {{ session('error') }}
      </p>
    @endif
	<div class="mb-6">
		※ モデル料が入金されるためには本人確認と銀行口座の登録が必要です。
		詳しくは<a target="_blank" class="underline text-blue-600 hover:text-blue-500" href="{{ url('/how_to_become_model') }}">こちら</a>をご覧ください。
	</div>
	<ul>
		<li class="border rounded-lg p-4 mb-8">
			<h2 class="text-2xl mb-6">本人確認</h2>
			<div>外部サイトへ遷移いたします。</div>
			<div>
				@if ($account != null)
					@if($account->individual != null)
						@if ($account->individual->verification->status == 'verified')
							完了しました
						@elseif ($account->individual->verification->status == 'pending')
							確認待ちです。
						@else
							<div>本人確認はまだ完了されていません。</div>
							<div>登録するボタンから本人確認に必要な入力とアップロードを行なってください。</div>
							@if ($account->individual->verification->document->back == null || $account->individual->verification->document->front == null)
								<div>
									・本人確認のための写真認証が足りていません
								</div>
							@endif
							<div class="">
								<form method="POST" action="{{ url('/config/account') }}">
									@csrf
									<button class="my-8 text-center bg-red-500 hover:bg-red-600 text-white py-4 px-8 rounded-full" type="submit">登録する</button>
								</form>
							</div>
						@endif
					@else
						<div>
							<div>本人確認はまだ完了されていません</div>
							<form method="POST" action="{{ url('/config/account') }}">
								@csrf
								<button class="my-8 text-center bg-red-500 hover:bg-red-600 text-white py-4 px-8 rounded-full" type="submit">登録する</button>
							</form>
						</div>
					@endif
				@else
					<div>下記のボタンから本人確認を完了してください。</div>
					<form method="POST" action="{{ url('/config/account') }}">
						@csrf
						<button class="my-8 text-center bg-red-500 hover:bg-red-600 text-white py-4 px-8 rounded-full" type="submit">登録する</button>
					</form>
				@endif
			</div>
		</li>
		<li class="border rounded-lg p-4">
			<h2 class="text-2xl mb-6">銀行口座</h2>
			<div>
				@if ($account != null && !empty($account->external_accounts->data) )
					<div>完了しました。</div>
					@foreach ( $account->external_accounts->data as $v )
						<div>名義：{{ $v->account_holder_name }}</div>
						<div>銀行名：{{ $v->bank_name }}</div>
						<div>最後の4桁：{{ $v->last4 }}</div>
					@endforeach
					<a href="{{ url('/config/bank') }}" class="my-8 w-52 block text-center bg-red-500 hover:bg-red-600 text-white py-4 px-8 rounded-full">
						変更はこちら >
					</a>
				@else
					<div class="mb-4">銀行口座が登録されていません。</div>

					<a href="{{ url('/config/bank') }}" class="my-8 w-52 block text-center bg-red-500 hover:bg-red-600 text-white py-4 px-8 rounded-full">
						銀行口座を登録する
					</a>
					
				@endif
			</div>
		</li>
	</ul>
</main>
@endsection