@extends('admin.layouts.app')
@section('title', 'Order Details Page')

@push('styles')


@endpush


@section('admin_content')



<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 mt-4">
            <div class="card">
                <div class="card-header">
                    <h4> Order Details : {{ $order->OrderItem[0]->product->product_name}}  <span><a href="{{ route('orders.index') }}" class="btn btn-primary right">
                        All Orders
                   </a></span></h4>
                </div>
                <div class="card-body">
                    <div class="row-clearfix">
                        <div class="col-md-12 col-lg-12">

                        </div>
                    </div>
                    <table class="table table-bordered table-responsive">
                        <thead>
                            <th>Title</th>
                            <th>Description</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td><b>Product Name</b></td>
                                <td>{{ $order->OrderItem[0]->product->product_name}}</td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Customer Name</b></td>
                                <td>{{ $order->billing->name }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Phone</b></td>
                                <td>{{ $order->billing->phone}}</td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Address</b></td>
                                <td>{{ $order->billing->address}}</td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Quantity</b></td>
                                <td>{{ $order->OrderItem[0]->quantity}}</td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Amount</b></td>
                                <td>{{ $order->OrderItem[0]->product_price}}</td>
                            </tr>


                            <tr>
                                <td style="width: 30%"><b>Product Description</b></td>
                                <td>{!! $order->OrderItem[0]->product->product_description!!}</td>
                            </tr>


                            {{-- <tr>
                                <td style="width: 30%"><b>Product Selling Price</b></td>
                                <td>{{ $product->selling_price }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Description</b></td>
                                <td>{!! $product->product_description !!}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Video embeded code</b></td>
                                <td>{{ $product->video }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Admin</b></td>
                                <td>{{ $product->admin_id }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Thumbnail</b></td>
                                <td><img style="border: 1px solid #ccc"  src="{{ asset('uploads/product_gallery/'.$product->product_thumbnail) }}" alt="" width="100"></td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Product Multiple Images</b></td>
                                <td>
                                    @foreach ($images as $image)
                                    <img style="border: 1px solid #ccc" src="{{ asset('uploads/product_gallery/'.implode(',', $image)) }}" width="100" alt="image">
                                    @endforeach
                                </td>
                            </tr> --}}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@push('scripts')



@endpush