@extends('layouts.admin')

@section('content')
<div>
	<div class="container mx-auto mt-10 px-6">
		@if($pay_logs)
			<ul>
				@foreach ($pay_logs as $pay_log)
				<li class="border rounded-lg p-4 mb-6">
					<div class="mb-2">
						お届け先：{{ $pay_log->zipcode }} {{ $pay_log->adress }}
					</div>
					<div class="mb-2">
						お届け先氏名：{{ $pay_log->last_name }} {{ $pay_log->first_name }}
					</div>
					<ul>
						@foreach ($pay_log->attributes as $pay_log_attribute)
						<li class="flex flex-wrap mb-2">
							@if($pay_log_attribute->product_detail_id)
								<div class="w-1/12"><img class="w-full" src="{{ $pay_log_attribute->product_detail->img1 }}"></div>
								<div class="w-11/12">
									<div>商品：{{ $pay_log_attribute->product_detail->name }}</div>
									<div>サイズ：{{ $pay_log_attribute->product_detail->size }}</div>
									<div>色：{{ $pay_log_attribute->product_detail->color }}</div>
									<div>個数：{{ $pay_log_attribute->num }}</div>
								</div>
							@else
								<div class="w-1/12"><img class="w-full" src="{{ $pay_log_attribute->product->img1 }}"></div>
								<div class="w-11/12">
									<div>商品：{{ $pay_log_attribute->product->name }}</div>
									<div>サイズ：{{ $pay_log_attribute->product->size }}</div>
									<div>色：{{ $pay_log_attribute->product->color }}</div>
									<div>個数：{{ $pay_log_attribute->num }}</div>
								</div>
							@endif
						</li>
						@endforeach
					</ul>
					<div class="mb-4 border-b pb-2">
						購入日：{{ $pay_log->created_at->format('Y年m月d日') }}
						<div>【ご注文番号】: {{ $pay_log->stripe_pay_id }}</div>
					</div>

					<div>
						<div class="mb-2">status:{{ $pay_log->status }}</div>
						<form method="POST" action="{{ route('pay_log.update', $pay_log->id) }}" enctype="multipart/form-data">
							@csrf
							@method('PUT')
							@if($pay_log->status == 1)
								<input type="hidden" name="status" value="2">
								発送前 <button class="bg-red-500 hover:bg-red-600 block text-center py-3 rounded-full w-1/3 text-white mb-6" type="submit">発送完了にする</button>
							@elseif($pay_log->status == 2)
								発送完了
							@endif
						</form>
					</div>
				</li>
				@endforeach
			</ul>
			{{ $pay_logs->links() }}
		@endif
	</div>
</div>
@endsection