@extends('layouts.frontend')

@section('content')
<div class="container py-5">
    <h2>Статус оплаты</h2>
    <table class="table table-bordered text-center">
        <thead class="table-dark">
            <tr>
                <th>Фото</th>
                <th>Наименование</th>
                <th>Цена</th>
                <th>Кол-во</th>
                <th>Метод оплаты</th>
                <th>Статус</th>
            </tr>
        </thead>
        <tbody>
            @foreach(json_decode($order->products, true) as $item)
                <tr>
                    <td><img src="{{ asset('images/products/'.$item['image']) }}" width="60"></td>
                    <td>{{ $item['name'] }}</td>
                    <td>${{ $item['price'] }}</td>
                    <td>{{ $item['qty'] }}</td>
                    <td>{{ $order->payment_method }}</td>
                    <td>
                        @if($order->payment_status == 'paid')
                            <span class="badge bg-success">Оплачено</span>
                        @elseif($order->payment_status == 'pending')
                            <span class="badge bg-warning">В обработке</span>
                        @else
                            <span class="badge bg-danger">Ошибка</span>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection