@extends('front.app.master')
@section('title')
    Order Details - jorayalogistics.com
@endsection

@section('content')
    <!-- Sale & Revenue Start -->
@if($order!=null)
    <!-- Recent Sales Start -->
    <div class="px-2 pt-4 container-fluid">
        <div class="p-4 rounded text-start bg-light">
            <div class="mb-4 d-flex align-items-center justify-content-between">
                <h6 class="mb-0">Order details</h6>
                {{-- <a href="">Show All</a> --}}
            </div>
            {{-- "id", "name", "email", "email_verified_at", "country", "phone", "address", "state", "zip", "country_code", "avatar", "status", "password", "remember_token", "created_at", "updated_at" --}}
            @if (session()->has('message'))
                <div class="py-2 mb-3 alert alert-success col-12">{{ session('message') }}

                </div>
            @endif
            <div class="row g-4">

                <div class="col-md-8 offset-md-2">
                    <div class="rounded order-success bg-light ">
                        <div class="row g-4">
                            <div class="col-sm-12">
                                <h6>Summary</h6>
                                <ul class="order-details">
                                    <li>Order ID: #{{ $order->order_id }}</li>
                                    <li>Order Date: {{ \Carbon\Carbon::parse($order->created_at)->format('jS, M Y') }}</li>
                                    <li>Order Status: @if($order->status!='')<button class="badge btn-danger btn ">{{ $order->status }}</button>@endif</li>
                                    
                                         {{-- <li>Sender's Phone : #{{ $order->sender }}</li> --}}
                                    <li> Delivery Date:
                                    <span>{{ \Carbon\Carbon::parse($order->delivery_time)->format('jS, M Y') }}</span></li>
                                    <li> Shipment Cost:
                                        <span>{{ $order->amount==''? 'pending': 'NGN'.number_format($order->amount) }}</span></li>
    
                                    
                                </ul>
                            </div>

                            <div class="col-sm-6">
                                <h6>Pickup address</h6>
                                <div class="order-details">
                                    {!! $order->location !!}
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <h6>Destination address</h6>
                                <div class="order-details">
                                    {!! $order->destination !!}
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="payment-mode">
                                    <h6>payment Method</h6>
                                    <div class="mx-0 row">
                                        <div class="col-lg-6">
                                            <label> Bank Details </label>
                                            <ul class="order-details">
                                                <li>Bank Name: {{ $set->bank_name }}</li>
                                                <li>Bank Account No: {{ $set->bank_account_no }}</li>
                                                <li> Bank Account Name:
                                                <span>{{ $set->bank_account_name }}</span></li>
                                            </ul>
                                        </div>
                                        @if($set->bank_name1!='')
                                         <div class="col-lg-6">
                                            <label> Bank Details 2</label>
                                            <ul class="order-details">
                                                <li>Bank Name: {{ $set->bank_name1 }}</li>
                                                <li>Bank Account No: {{ $set->bank_account_no1 }}</li>
                                                <li> Bank Account Name:
                                                <span>{{ $set->bank_account_name1 }}</span></li>
                                            </ul>
                                        </div>
                                        @endif
                                    </div>
                                   
                                </div>
                            </div>
                            @if($order->payment_proof!='')
                            <div class="my-2 col-sm-12">
                            <h6>Uploaded Payment proof:</h6>
                            <a href="{{ asset('storage/'.$order->payment_proof) }}" target="_blank">View Proof</a>
                            </div>
                            @endif
                            @if($order->status=='awaiting payment')
                            <div class="my-3 col-sm-12">
                                <h6 class="text-danger" > Please Kindly upload your payment proof below</h6>
                                @livewire('upload-payment-proof',['id'=>$order->order_id])
                            </div>
                            @endif
                            <div class="col-md-12">
                                <div class="delivery-sec">
                                    <h6>Details</h6>
                                    <div class="order-details">
                                        {!! $order->details !!}
                                    </div>
                                    {{-- <a href="">track order</a> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @else
    <div class="px-2 pt-4 container-fluid">
        <div class="p-4 rounded text-start bg-light">
            <div class="mb-4 d-flex align-items-center justify-content-between">
                <h6 class="mb-0">Order details</h6>
                {{-- <a href="">Show All</a> --}}
            </div>
            {{-- "id", "name", "email", "email_verified_at", "country", "phone", "address", "state", "zip", "country_code", "avatar", "status", "password", "remember_token", "created_at", "updated_at" --}}
           
                <div class="py-2 mb-3 alert alert-danger col-12">Order Details not found!
                </div>
   
        </div>
    </div>
    @endif
    <!-- Recent Sales End -->
@endsection