@extends('layouts.print')
@section('content')
  <div class="row justify-content-center">
    <div class="col-sm-12">
      <div class="card ">
        <div class="card-body col-8 col-sm-8 col-sm-offset-2">
          <div class="table-responsive">
            <div class="recent-orders">
              <div class="cart-collaterals container-row clearfix">
                <div class="totals col-sm-8 col-xs-8">
                  <h3>{{ __('Purchase invoice') }} #{!! $order->order_number !!}</h3>
                </div>
                <div class="col-md-4 text-right">
                  <img width="80" class="img-logo invert-img" alt="{!! siteTitle() !!}" src="{!! siteLogo() !!}" />
                  <br />
                  <h4 style="color: #F81D2D;"><strong>{!! siteName() !!}</strong></h4>
                </div>
                <div class="col-xs-12">
                  <div class="col-sm-4 col-xs-12">
                    <div class="cart-total-amount">
                      <h4>
                        {!! __('Total bill') !!} :
                      </h4>
                      <ul class="list-unstyled">
                        <li>
                          <b>{!! __('Subtotal') !!}</b> :<span class="pull-right text-right">{{ @$order->price }} {!! __('EGP') !!}</span>
                        </li>
                        <li>
                          <b>{{ __('Delivery') }}</b> : <span class="pull-right text-right">{{ @$order->delivery }} {!! __('EGP') !!}</span>
                        </li>
                        <li>
                          <b>{{ __('Order Total') }}</b> :<span class="pull-right text-right span-total" id="span-total" data-cart="">{{ @$order->price+@$order->delivery }} {!! __('EGP') !!}</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="col-sm-4 col-xs-12 ">
                    <div class="cart-total-amount">
                      <h4>
                        {!! __('Place of delivery') !!} :
                      </h4>
                      <ul class="list-unstyled">
                        <li>
                          <b>{{ __('Mobile number') }}</b> :<span class="pull-right text-right">{{ @$order->address->phone }}</span>
                        </li>
                        <li>
                          <b>{{ __('City / District') }}</b> :<span class="pull-right text-right">{{ @$order->address->region }}</span>
                        </li>
                        <li>
                          <b>{{ __('Detailed address') }}</b> : <span class="pull-right text-right">{{ @$order->address->address }}</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="col-sm-4 col-xs-12">
                    <div class="cart-total-amount">
                      <h4>
                        @php
                        $status = $order->status ?? 0;
                        if ($order->publish == -1) {
                          $status = 9;
                        }
                        @endphp
                        @if (empty($order->publish))
                          {!! __('Status') !!} :
                          <small class="status-{{ $status }}">
                            {!! __('Order pending') !!}
                          </small>
                        @elseif ($order->publish == -1)
                          {!! __('Status') !!} : <small class="status-{{ $status }}">	{!! __('Canceled') !!}</small>
                        @else
                          {!! __('Status') !!}: <small class="status-{{ $status }}">
                            {!! transactionOrdr($order->status) !!}
                          </small>
                        @endif
                      </h4>
                      <ul class="list-unstyled">
                        <li>
                          <b>{!! __('Invoice number') !!}</b> :<span class="pull-right text-right">{!! $order->order_number !!}</span>
                        </li>
                        <li>
                          <b>{!! __('Date') !!}</b> :<span class="pull-right text-right">
                            {{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</span>
                          </li>
                          <li>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-12 col-xs-12 mt-10">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <h3 class="panel-title"><strong>{!! __('Order summary') !!}</strong></h3>
                      </div>
                      <div class="panel-body">
                        <div class="table-responsive">
                          <table class="table table-condensed">
                            <thead>
                              <tr>
                                <td><strong>{!! __('Item') !!}</strong></td>
                                <td class="text-center"><strong>{!! __('Price') !!}</strong></td>
                                <td class="text-center"><strong>{!! __('Quantity') !!}</strong></td>
                                <td class="text-right"><strong>{!! __('Total') !!}</strong></td>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach ($order->cart_items as $k => $item)
                                <tr>
                                  <td>{!! $item->name !!}</td>
                                  <td class="text-center">{!! $item->price !!} {{ __('EGP') }}</td>
                                  <td class="text-center">{!! $item->qty !!}</td>
                                  <td class="text-right">{{ $item->subtotal }} {{ __('EGP') }}</td>
                                </tr>
                              @endforeach
                              <tr>
                                <td></td>
                                <td></td>
                                <td class="text-left"><strong>{!! __('Subtotal') !!}</strong></td>
                                <td class="text-right">{{ @$order->price }} {!! __('EGP') !!}</td>
                              </tr>
                              <tr>
                                <td class="no-line"></td>
                                <td class="no-line"></td>
                                <td class="no-line text-left"><strong>{{ __('Delivery') }}</strong></td>
                                <td class="no-line text-right">{{ @$order->delivery }} {!! __('EGP') !!}</td>
                              </tr>
                              <tr>
                                <td class="no-line"></td>
                                <td class="no-line"></td>
                                <td class="no-line text-left"><strong>{{ __('Order Total') }}</strong></td>
                                <td class="no-line text-right">{{ @$order->price+@$order->delivery }} {!! __('EGP') !!}</td>
                              </tr>
                            </tbody>
                          </table>
                          <hr>
                          <div class="col-md-12">
                            <p><b>{!! __('Printed on') !!} :</b> {{ date("d-m-Y") }}</p>
                            <br />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endsection
  @section('script')
    <script>
      window.print();
    </script>
  @endsection