@extends('layouts.app')

@section('content')
<main class="container mx-auto mt-10">
    <div class="w-full px-6">
        <h1 class="text-3xl font-bold border-b mb-10">ショッピングカート</h1>
        @include('pays.layouts.flow', ['page_category' => 'cart'])
        <div class="flex flex-wrap sm:-mx-4 mb-6">
            @if ($total_price != 0)
                <div class="w-full sm:w-8/12 sm:px-4">
                    <div class="mb-8">
                        @if (Session::has('session_data'))
                            @foreach (Session::get('session_data') as $key => $session_data)
                                <div class="border-b pb-4 mb-4">
                                    <form method="POST" action="{{ url('/cart/edit') }}">
                                        @csrf
                                        @if ($session_data['SessionProductId'])
                                            <div class="flex flex-wrap items-start -mx-4">
                                                @if ($session_data['SessionProductDetailId'] == 0)
                                                    <img class="w-4/12 px-4" src="{{ App\Models\Product::find($session_data['SessionProductId'])->img1 }}">
                                                @else
                                                    <img class="w-4/12 px-4" src="{{ App\Models\ProductDetail::find($session_data['SessionProductDetailId'])->img1 }}">
                                                @endif
                                                <div class="w-8/12 px-4">
                                                    <div class="flex flex-wrap mb-4">
                                                        @if ($session_data['SessionProductDetailId'] == 0)
                                                            <div class="mr-4 font-bold">
                                                                {{ App\Models\Product::find($session_data['SessionProductId'])->name }} 
                                                            </div>
                                                            <div>
                                                                {{ App\Models\Product::find($session_data['SessionProductId'])->color }} ({{ App\Models\Product::find($session_data['SessionProductId'])->size }})
                                                            </div>
                                                        @else
                                                            <div class="mr-4 font-bold">
                                                                {{ App\Models\ProductDetail::find($session_data['SessionProductDetailId'])->name }}
                                                            </div>
                                                            <div>
                                                                {{ App\Models\ProductDetail::find($session_data['SessionProductDetailId'])->color }} 
                                                                ({{ App\Models\ProductDetail::find($session_data['SessionProductDetailId'])->size }})
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="mb-4">
                                                        料金：
                                                        @if ($session_data['SessionProductDetailId'] == 0)
                                                            ¥{{ number_format(App\Models\Product::find($session_data['SessionProductId'])->price * $session_data['SessionProductQuantity'] * config('price.tax')) }}
                                                        @else
                                                            ¥{{ number_format(App\Models\ProductDetail::find($session_data['SessionProductDetailId'])->price * $session_data['SessionProductQuantity'] * config('price.tax')) }}
                                                        @endif
                                                    </div>
                                                    <div class="flex flex-wrap items-center justify-start">
                                                        <div class="relative mr-2 mb-2">
                                                            <select name="quantity" class="appearance-none form-input w-full pr-6" onChange="submit(this.form)">
                                                                @foreach (range(1, 15) as $number)
                                                                    <option value="{{ $number }}"
                                                                     @if($number == $session_data['SessionProductQuantity']) 
                                                                        selected 
                                                                     @endif
                                                                    >{{ $number }}</option>
                                                                @endforeach
                                                            </select>
                                                            <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
                                                                <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
                                                            </div>
                                                        </div>
                                                        <div>個</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <input type="hidden" name="product_id" value="{{ $session_data['SessionProductId'] }}">
                                            <input type="hidden" name="product_detail_id" value="{{ $session_data['SessionProductDetailId'] }}">
                                            <input type="hidden" name="post_id" value="{{ $session_data['SessionPostId'] }}">
                                        @endif
                                    </form>
                                    <form class="text-right" method="POST" action="{{ url('/cart/delete') }}">
                                        @csrf
                                        <input type="hidden" name="product_id" value="{{ $session_data['SessionProductId'] }}">
                                        <input type="hidden" name="product_detail_id" value="{{ $session_data['SessionProductDetailId'] }}">
                                        <input type="hidden" name="post_id" value="{{ $session_data['SessionPostId'] }}">
                                        <button class="border-b border-gray-500 text-sm text-gray-500">削除する</button>
                                    </form>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="w-full sm:w-4/12 sm:px-4">
                    <a href="{{ url('/pay/confirm') }}" class="bg-red-500 hover:bg-red-600 block text-center py-3 rounded-full w-full text-white mb-6">レジに進む</a>
                    @include('pays.layouts.total_price')  
                </div>
            @else
                <div class="w-full">
                    <img class="w-full sm:w-1/2 mx-auto" src="{{ asset('/images/cart/cartnull.png') }}">
                </div>
            @endif
        </div>
        <h3 class="font-bold text-xl mb-4">オススメ商品</h3>
        <div class="flex flex-wrap items-start -mx-4">
            @foreach ($recommends as $recommend)
                <div class="w-full sm:w-1/6 px-4">
                    <a href="{{ url('post/'.$recommend->post->id) }}">
                        @if($recommend->post->img1)
                            <img class="w-full mb-2" src="{{ $recommend->post->img1 }}">
                        @endif
                        <div>
                            <div class="flex flex-wrap mb-2">
                                <div class="mr-4 font-bold">
                                    {{ $recommend->post->name }}
                                </div>
                            </div>
                            <div class="mb-4">
                                料金： ¥{{ number_format($recommend->post->post_product->first()->product->price * config('price.tax')) }}
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </div>
</main>
@endsection