@extends('layouts.adminlayouts.app')
@section('title')
<title>Order Details of ID: {{ $order->id }}</title>
@endsection
@push('css')
@endpush
@section('contents')

<div class="row">
    <div class="col-lg-12">

        @include('alerts.alerts')
    </div>
</div>
<br>
<div class="ibox-content p-xl">
    

        <div class="row">
            <div class="col-6 invoicelefttext">
                <div>
                        <p style="margin: 0;"><img src="{{asset($appSetting->logo())}}" style="max-width: 100%;"></p>
                    </div>
                    <h5>From:</h5>
                    <address>
                        <strong>{{ $appSetting->h1 }}.</strong><br>
                        {{$appSetting->address_one}} <br>
                        {{$appSetting->address_one}}<br>
                        
                        <abbr title="Phone">Mobile:</abbr> {{$appSetting->mobile}}
                        <abbr title="Phone">Email:</abbr> {{$appSetting->email}}
                    </address>
                </div>

                <div class="col-6 text-right invoicerighttext">
                    <h4>Invoice No.</h4>
                    <h4 class="text-navy">INV-{{ $order->id }}</h4>
                    <span>To:</span>
                    <address>
                        <strong>{{ $order->name }} </strong><br>
                        {{ $order->address }}
                        <br>
                        <abbr title="Phone">Mobile:</abbr> {{ $order->mobile }} <br>
                        <abbr title="Email">Email:</abbr>
                        {{ $order->email }}
                    </address>
                    <p>
                        <span><strong>Invoice Date:</strong> {{ $order->created_at->toDateString() }}</span><br/>
                        <span><strong>{{ ucfirst($order->order_status) }} Date:</strong> 
                            @if($orderS = $order->order_status)
                            {{ $order[$orderS.'_at']->toDateString() }}
                            @endif
                        </span>
                    </p>
                </div>
            </div>

            <div class="table-responsive m-t">
                <table class="table invoice-table table-sm table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Item List</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            {{-- <th>Tax</th> --}}
                            <th>Unit Discount</th>
                            <th>Total Price</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($order->items as $item)
                        <tr>
                            <td><div><strong>{{ $item->product_name }}</strong></div>
                                <small>Product ID:{{ $item->product_id }}, 

                                    @if($item->color)

                                    Color: {{ $item->color }}, 
                                    @endif

                                    @if($item->size)
                                    Size: {{ $item->size }},
                                    @endif

                                    

                                </small>

                                </td>
                                <td>{{ $item->total_quantity }}</td>
                                <td>{{ $item->unit_price }}</td>
                                <td>{{ $item->unit_pro_discount }}</td>
                                <td>{{ $item->final_price }}</td>
                            </tr>

                            @endforeach


                        </tbody>
                    </table>
                </div><!-- /table-responsive -->

                <table class="table invoice-total">
                    <tbody>
                        <tr>
                            <td width="70%"><strong>Sub Total :</strong></td>
                            <td style="text-align:right;">{{$appSetting->currency}} {{ $order->final_price }}</td>
                        </tr>
                        <tr>
                            <td><strong>Delivery Cost :</strong></td>
                            <td style="text-align:right;">{{$appSetting->currency}} {{ $order->delivery_cost }}</td>
                        </tr>
                        <tr>
                            <td><strong>TOTAL :</strong></td>
                            <td style="text-align:right;">{{$appSetting->currency}} {{ $order->final_price + $order->delivery_cost }}</td>
                        </tr>
                        <tr>
                            <td><strong>Total Weight :</strong></td>
                            <td style="text-align:right;">{{ $order->total_weight }} Kg</td>
                        </tr>
                    </tbody>
                </table>

                @if($order->delivery_area)
                            <div class="well m-t">
                               <span class="badge badge-default">
                                   
                               <small>
                                   
                               {{ $order->delivery_area }}
                               </small>
                               </span> 
                            </div>

                            @endif
                        </div>

                    





                    @endsection
@push('js')
<script type="text/javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        // document.body.innerHTML = originalContents;
    }
</script>
@endpush