@extends('layout')

@section('pageTitle', "訂單詳情｜".config('globals.app_name'))


@section('content')
<style>
    .card-box{
        padding:24px;
    }
    .card-title h1{
        font-size: 30px;
    }
    td,th{
        border:1px solid rgb(222,222,222);
        padding:3px;
    }
</style>
<div class="card-box">
    <div class="card-title">
        <h1>訂單詳情</h1>
    </div>
    <div class="card-table">
        <table>
            <thead>
                <tr>
                    <th>品名</th>
                    <th>數量</th>
                    <th>重量</th>
                    <th>籃子</th>
                    <th>扣籃後重量</th>
                    <th>總金額</th>
                    <th>單支金額</th>
                    <th>臺斤</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $totalSumPrice = 0;
                @endphp
                @foreach ($accounts as $item => $row)
                    <tr>
                        <td>{{ $row['name'] }}</td>
                        <td>{{ $row['amount'] }}</td>
                        <td>{{ $row['weight'] }}</td>
                        <td>{{ $row['basket'] }}</td>
                        <td>{{ $row['weight']-($row['basket']*1.6) }}</td>
                        <td>{{ $row['sumprice'] }}</td>
                        <td>{{ (!empty($row['amount']))?$row['sumprice']/$row['amount']:'' }}</td>
                        <td>{{ $row['jin'].'斤'.$row['two'] }}</td>
                    </tr>
                    @if ($loop->last)
                        <td>總數</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>{{ $totalSumPrice+$row['sumprice'] }}</td>
                        <td></td>
                    @else
                        @php
                            $totalSumPrice += $row['sumprice'];
                        @endphp
                    @endif
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection