@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">
          <br>
          <br>
          <div class="table-">
            <div class="row">
              <div class="col-md-8 ">
                <h4 style="color: #222;"><strong>{!! __('To hand') !!}
                </strong> /  {!! $invoice->name !!}</h4>
                <p>{!! __('Date') !!} : {{ @$invoice->created_at }}</p>
              </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>
            <div class="row">
              <div class="col-md-12 text-center">
                <h2>{!! __('Supply Permit') !!} <b>(#{!! $invoice->id !!})</b> </h2>
              </div>
            </div> <br />
            <div>
              <table class="table">
                <thead>
                  <tr>
                    <th width="1%">#</th>
                    <th>
                      <h5>{!! __('an item') !!}</h5>
                    </th>
                    <th width="10%">
                      <h5>{!! __('Quantity') !!}</h5>
                    </th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($invoice->items as $key => $item)
                    <tr>
                      <th width="1%">#</th>
                      <td class="text-left">
                        <p> {!! Optional($item->product)->title !!} </p>
                      </td>
                      <td class="center">
                        {!! @$item->quantity !!}
                      </td>
                    </tr>
                  @endforeach
                  <tr>
                    <td colspan="2" class="text-right">
                      <p> <strong>{{ __('Total') }}:</strong> </p>
                    </td>
                    <td class="center">
                      {!! Optional($invoice->items)->sum('quantity') !!}
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div>
              <hr>
               <div class="col-md-12">
                 <p><b>{!! __('Printed on') !!} :</b> {{ date("d-m-Y") }}</p>
                 <br />
               </div>
            </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endsection
  @section('script')
    <script>
      window.print();
    </script>
  @endsection