@extends('frontendv2.layouts.frontend_design')

@section('content')


<section class="w-full h-full">
    <div class="w-full md:h-[calc(100vh-92px)] bg-cultured1 px-8 sm:px-20 pb-9 pt-12">
        <div class="bg-white w-full h-full">
            <div class="pb-8 bg-cultured1">
                <div class="flex">
                    <p class="text-lg capitalize cursor-pointer text-black text-gray1 cursor-pointer">
                        <a href="{{route('webhome')}}">Home</a>
                    </p>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray1 mx-1 mt-[7px]">
                        <path
                            d="M15.8376 12.5648L10.8516 18.5558C10.5466 19.0138 9.90865 19.1418 9.45065 18.8358C8.99365 18.5308 8.86562 17.8908 9.17062 17.4318L13.7826 12.0028L9.17062 6.57385C8.86562 6.11485 8.99365 5.47583 9.45065 5.16983C9.90865 4.86383 10.5466 4.99183 10.8516 5.44983L15.8376 11.4408C16.0606 11.7768 16.0606 12.2288 15.8376 12.5648Z"
                            fill="currentColor"></path>
                    </svg>
                    <p class="text-lg capitalize cursor-pointer text-black text-gray1 cursor-pointer">
                        <a href="{{route('orderList')}}">Orders list</a>
                    </p>
                     
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray1 mx-1 mt-[7px]">
                        <path
                            d="M15.8376 12.5648L10.8516 18.5558C10.5466 19.0138 9.90865 19.1418 9.45065 18.8358C8.99365 18.5308 8.86562 17.8908 9.17062 17.4318L13.7826 12.0028L9.17062 6.57385C8.86562 6.11485 8.99365 5.47583 9.45065 5.16983C9.90865 4.86383 10.5466 4.99183 10.8516 5.44983L15.8376 11.4408C16.0606 11.7768 16.0606 12.2288 15.8376 12.5648Z"
                            fill="currentColor"></path>
                    </svg>
                    <p class="text-lg capitalize text-black">Orders Details</p>
                </div>
            </div>
            <div class="grid grid-cols-12 w-full">
                @include('frontendv2.Customer.navigation_list')
                <div class="col-span-12 md:col-span-7 lg:col-span-8 xl:col-span-9">
                    <div class="w-full md:px-5 mb-10 md:mb-0">
                        @if($orderDetail)
                        @php $establishmentAddress = ($orderDetail['establishment_address'])?$orderDetail['establishment_address']:[]; @endphp
                        <div class="row invoice-info">
                            <div class="col-sm-4 invoice-col">
                                <address>
                                    {!!($orderDetail['topLine'])?nl2br($orderDetail['topLine']):""!!}
                                    {{$orderDetail['establishment_address']['contact_name']}} <br />
                                    {{($orderDetail['establishment_address']['phone'])?$orderDetail['establishment_address']['phone']:""}}
                                </address>
                            </div>
                            <div class="col-md-8 invoice-col text-right">
                                {{__('lbl.Order')}} #:
                                {{($orderDetail['app_order_id'])?$orderDetail['app_order_id']:""}}<br /> Date:
                                {{($orderDetail['ogdatetime'])?$orderDetail['ogdatetime']:""}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 table-responsive">
                                <table style="width: 100%;" class="table table-striped orderDetail" id="orderDetail">
                                    <thead>
                                        <tr>
                                            <td>{{__('lbl.Item')}}</td>
                                            <td align="center">{{__('lbl.Qty')}}</td>
                                            <td align="right">{{__('lbl.Rate')}}</td>
                                            <td align="right" width="15%">{{__('lbl.Price')}}</td>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @if(!empty($orderDetail['order_items']))
                                        @foreach($orderDetail['order_items'] as $orderItems)
                                        <tr class="item">
                                            <td>{{$orderItems['product_name']}}</td>
                                            <td align="center">{{$orderItems['quantity']}}</td>
                                            <td align="right">{{storecurrencyshop().number_format(floatval($orderItems['price']), 2)}}</td>
                                            <td align="right" width="15%">
                                                {{storecurrencyshop()}}{{number_format(floatval($orderItems['price']) * $orderItems['quantity'],2)}}</td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                &nbsp;
                            </div>
                            <div class="col-md-4">
                                &nbsp;
                            </div>
                            <div class="col-md-4 col-md-offset-2">
                                <div class="table-responsive">
                                    <table style="width: 100%;" class="table">
                                        <tr>
                                            <th style="width:50%" class="text-right">{{__('lbl.OrderSubTotal')}}: </th>
                                            <td style="width:10%" class="text-right">
                                                {{storecurrencyshop()}}{{($orderDetail['order_sub_total'])?number_format($orderDetail['order_sub_total'],2):0.00}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-right">{{ __('lbl.tax') }}:</th>
                                            <td class="text-right">
                                                {{storecurrencyshop()}}{{($orderDetail['tax_amount'])?number_format($orderDetail['tax_amount'],2):0.00}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th style="width:50%" class="text-right">{{__('lbl.Discount')}}: </th>
                                            <td class="text-right">
                                                {{storecurrencyshop()}}{{($orderDetail['order_discount_total'])?number_format($orderDetail['order_discount_total'],2):0.00}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-right">{{ __('lbl.total') }}:</th>
                                            <td class="text-right">
                                                {{storecurrencyshop()}}{{($orderDetail['order_total'])?number_format($orderDetail['order_total'],2):0.00}}
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endif

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


@endsection