@extends('layouts.patient')

@section('title')
    Order Details | {{ config('app.name') }}
@endsection

@section('body')

<!-- Titlebar -->
<div id="titlebar">
    <div class="row">
        <div class="col-md-12">
            <h2>Orders</h2> <span>Your Order Details</span>
            <!-- Breadcrumbs -->
            <nav id="breadcrumbs">
                <ul>
                    <li><a href="{{ url('patient') }}">Home</a></li>
                    <li><a href="{{ url('patient/orders/pending') }}">Pending Orders</a></li>
                    <li>Details</li>
                </ul>
            </nav>
        </div>
    </div>
</div>

<div class="container-fluid dashboard-list-box margin-top-50 padding-left-20" id="wrapper">
    <h3 class="page-header">Order ID: {{ $order->id }}</h3>
    {{-- <h3 class="page-header">Order ID: {{ $order->id }}</h3> --}}
    <div class="container">
        <div class="row">
            <h5>Order made by: {{ $order->user->fullname() }}</h5>
            {{-- <h5>Order made by: {{ $order->user->fullName() }}</h5> --}}
        </div>
        <div class="row">
            <h5>Location of User: {{ $order->address }}</h5>
            {{-- <h5>Location of User: {{ $user->fullAddress() }}</h5> --}}
        </div>
        <div class="row">
            <h5>Date of Order: {{ $order->created_at->toDayDateTimeString() }}</h5>
            {{-- <h5>Date of Order: {{ $order->created_at->toDayDateTimeString() }}</h5> --}}
        </div>
        <div class="row">
            {{-- <h5>Order Price: NGN 3000</h5> --}}
            <h5>Order Price: {{ config()->get('sitedata.currency') }} {{ $order->total_price }}</h5>
        </div>
        <div class="row">
            {{-- <h5>Order Status: Pending</h5> --}}
            <h5>Order Status: {{ $order->getStatus() }}</h5>
        </div>
        <div class="row">
            <h5>Items Ordered</h5>
        </div>
    </div>

    <!-- Orders Table -->
    <table class="basic-table">
        <thead>
            <th>#</th>
            <th>Item</th>
            <th>Quantity</th>
            {{-- <th>Unit Price (NGN)</th> --}}
            <th>Unit Price ({{config()->get('sitedata.currency') }})</th>
            {{-- <th>Total Price (NGN)</th> --}}
            <th>Total Price ({{config()->get('sitedata.currency') }})</th>
        </thead>

        <tbody>
            {{-- <tr>
                <td>2</td>
                <td>Septrin</td>
                <td>2</td>
                <td>80</td>
            </tr>
            <tr style="font-weight: bold;">
                <td></td>
                <td></td>
                <td>Total</td>
                <td>200</td>
            </tr> --}}
            @forelse ($order->orderitems as $item)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $item->name }}</td>
                <td>{{ $item->quantity }}</td>
                <td>{{ $item->unit_price }}</td>
                <td>{{ $item->unit_price * $item->quantity }}</td>
            </tr>
            @empty
            <tr>
                <td>Nothing to show here</td>
            </tr>
            @endforelse
        </tbody>
    </table>

    @if($order->getStatus() === "pending")
    <div class="row margin-top-30 margin-bottom-40">
        <div class="col-md-offset-9 col-md-3 col-sm-offset-6 col-sm-6 col-xs-12">
            <button class="button fullwidth padding-top-10 padding-bottom-10">Confirm Order</button>
        </div>
    </div>
    @endif
</div>

@include('partials.copyrights')

<script>
    $('#userOrders').addClass('active');
</script>

@endsection