@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>{!! __('Order processing bill') !!} #{!! $invoice->id !!}</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">
                      <ul class="list-unstyled">
                        <li>
                          <b>{!! __('Number of invoices') !!}</b> :<span class="pull-right text-right">{!! @count($invoice->data['invoices']) !!}</span>
                        </li>
                        <li>
                          <b>{!! __('Number of items') !!}</b> :<span class="pull-right text-right">{!! @$invoice->data['total'] !!}</span>
                        </li>
                        <li>
                          <b>{!! __('Date') !!}</b> :<span class="pull-right text-right">{{ $invoice->created_at->format('d-m-Y') }}
                          </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>
                                <th width="1%">#</th>
                                <th>
                                  <h5>{!! __('an item') !!}</h5>
                                </th>
                                <th width="10%">
                                  <h5>{!! __('Quantity') !!}</h5>
                                </th>
                              </tr>
                            </thead>
                            <tbody>
                              @php
                                $j = 1;
                                $items = $invoice->data['products'];
                              @endphp
                              @foreach ($items as $key => $item)
                                <tr>
                                  <td></td>
                                  <td class="text-left">
                                    {{ $item[2] }}
                                  </td>
                                  <td class="center">
                                    {{ $item[1] }}
                                  </td>
                                </tr>
                              @endforeach
                              <tr>
                                <td colspan="2" class="text-right">
                                  <p> <strong>{{ __('Total') }}:</strong> </p>
                                </td>
                                <td class="center">
                                  {!! @$invoice->data['total'] !!}
                                </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