@csrf
<style>
    .product-body label,.product-title{
        margin: 0;
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .product-body{
        border: 1px solid rgb(222,222,222);
        border-radius: 10px;
        padding:10px;
    }
</style>
<div class="my-3">
    <h2 style="font-size: 1.5rem;">廠商:{{ $items->name }}</h2>
</div>
<div class="mb-3">
    <label for="">日期：</label>
    {{ $items->pickupAt }}
</div>

<div class="mb-3">
    <label for="">品項</label>
    @foreach ($items->product as $key => $row )
    <div class="row product-body">
        <div class="col-3 product-title">{{ $row['name'] }}：</div>
        <div class="col-3"><input type="text" class="form-control" name="product[{{ $key }}][amount]" value="{{ $row['amount'] }}"></div>
        <div class="col-3 d-flex">
            <label for="">收款：</label>

            <select name="product[{{ $key }}][status]" id="" class="form-control w-50">
                <option value="y" {{ ($row['status'] == 'y')?"selected":"" }}>是</option>
                <option value="n" {{ ($row['status'] == 'n')?"selected":"" }}>否</option>
            </select>
        </div>
    </div>
    <hr>
    @endforeach
</div>
<div class="mb-3">
    <button type="submit" class="btn btn-dark">送出</button>
</div>