@extends('layouts.user-layout')
@section('title', 'All Payment History ')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">

                <div class="col-md-9 ind-tab flemember">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="orderContent">
                                <h2>Payment History Details</h2>
                                <ul>
                                    <li><a href="#">Dashboard </a></li>
                                    <li><span>></span></li>
                                    <li><a href="#">Payment History </a></li>
                                    <li><span>></span></li>
                                    <li><a href="#">Payment History Details</a></li>
                                    <li><span>></span></li>
                                    <li><a href="{{route('user.payment.history.list')}}"> Back</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="recentTable card-box-shadow mb-5">
                                <div class="orderDetail">
                                    <div class="orderdtlOne">
                                        <div>
                                            <ul>
                                                <li><strong>Order TO:</strong></li>
                                                <li>
                                                    {{$payment_history_detail->user->first_name ? : ''}}<br>
                                                    <br>
                                                    + {{$payment_history_detail->user->phone_number ? : ''}}
                                                </li>
                                            </ul>
                                        </div>
                                        <div>
                                            <ul>
                                                <li><strong>ORDER
                                                        No:</strong><span>{{$payment_history_detail->order_number ? : ''}}</span>
                                                </li>
                                                {{--                                    <li><strong>Account:</strong><span>0000 12345 678900</span></li>--}}
                                                @php
                                                    use Carbon\Carbon;
                                                @endphp
                                                <li>
                                                    <strong>Date:</strong><span>{{$formattedDate = Carbon::parse($payment_history_detail->created_at)->format('d/m/Y')}}</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <table class="table table-responsive-lg">
                                        <thead class="thead-dark">
                                        <tr>
                                            <th scope="col">SL</th>
                                            <th scope="col">Order Number</th>
                                            <th scope="col">PRICE</th>
                                            <th scope="col">Total Items</th>
                                            <th>Order Status</th>
                                            <th>Payment Method</th>
                                        </tr>
                                        </thead>
                                        <tbody>


                                        <tr class="gray">
                                            <td>{{$payment_history_detail->id ? : ''}}</td>

                                            <td>{{$payment_history_detail->order_number ?? ''}}</td>
                                            <td>$ {{number_format($payment_history_detail->total_price) ? : ''}}</td>
                                            <td>{{$payment_history_detail->total_items ? : ''}}</td>
                                            <td>
                                    <span class="
                                                @if($payment_history_detail->order_status == 'Pending') badge badge-pill badge-info
                                                @elseif($payment_history_detail->order_status == 'In-progress') badge badge-pill badge-primary
                                                  @elseif($payment_history_detail->order_status == 'Complete') badge badge-pill badge-success
                                                @elseif($payment_history_detail->order_status == 'Decline') badge badge-pill badge-danger
                                                @endif">
                                                {{ $payment_history_detail->order_status }}
                                                </span>

                                            </td>
                                            <td>{{$payment_history_detail->payment_method ? : ''}}</td>

                                        </tr>


                                        </tbody>
                                    </table>

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

                </div>
            </div>
        </section>
    </div>
@endsection