@extends('layout')

@section('pageTitle', "購物車｜".config('globals.app_name'))


@section('content')
<link rel="stylesheet" href="{{ asset('css/cart.css?'.rand(10000,99999)) }}">
<style>

    .order-box{
        width: 80%;
        max-width:400px;
        /* border: 1px solid rgb(222,222,222); */
    }
    .order-box .row div{
        border: 1px solid rgb(222,222,222);
        padding:4px ;
        color: rgb(65 65 65);
    }

    .f-20{
        font-size: 20px;
    }
    .f-16{
        font-size: 16px;
    }

    .red{
        color: #ff6666 !important;
    }

    .green{
        color:rgb(18, 179, 18) !important;
    }

</style>
<section class="container">
    <div class="row">
        <div class="col-12">
            <h1 class="color-all-title big-title p-3">｜購物車｜</h1>
            <div class="step-box">
                <img src="/images/info/step3.jpg" alt="">
            </div>
        </div>
        <div class="col-12 my-5" style="text-align: center;
        display: flex;
        justify-content: center;">
            {{-- {{ dd($result) }} --}}
            <div class="order-box">
                <div class="row m-0">
                    <div class="col-12 f-20">付款資訊</div>
                    <div class="col-6 f-16">訂單編號</div><div class="col-6 f-16">{{ $result->orderSn }}</div>
                    <div class="col-6 f-16">訂購資訊</div>
                    <div class="col-6 f-16">
                        @foreach ($orderProduct as $item => $row)
                            {{ $row->name.'('.$row->bag.') X '.$row->count }}
                        @endforeach
                    </div>
                    <div class="col-6 f-16">訂單金額</div><div class="col-6 f-16">{{ $result->totalMoney+$result->deliveryMoney }}</div>
                    <div class="col-6 f-16">付款方式</div><div class="col-6 f-16">{{ $result->payType }}</div>
                    <div class="col-6 f-16">運送方式</div><div class="col-6 f-16">{{ $result->deliveryType }}</div>
                    <div class="col-6 f-16">匯款銀行</div><div class="col-6 f-16">兆豐銀行(017)</div>
                    <div class="col-6 f-16">匯款帳號</div><div class="col-6 f-16">22809030022</div>
                    @php
                        $status = array(-1 => '取消訂單', 1 => '未付款', 2 => '已付款' , 3 => '已配送' , 4 => '訂單已完成');
                        $status_color = array(-1 => '', 1 => 'red', 2 => 'green' , 3 => 'green' , 4 => 'green');
                    @endphp
                    <div class="col-6 f-16">繳費狀態</div><div class="col-6 f-16 {{ $status_color[$result->status] }}">{{ $status[$result->status] }}</div>

                </div>
            </div>
        </div>
    </div>


</section>
@endsection