@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 ">
                <p>{!! __('Date') !!} : {{ date("Y-m-d") }}</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>{{ __('Reports') }}  {{ __('Products') }}</h2>
              </div>
            </div> <br />
            <div>
              <table class="table table-striped custom-table"  >
                <thead>
                  <tr>
                    <th width="2%"><i class="fa fa-list"></i></th>
                    <th width="10%">{!! __('Item code') !!}</th>
                    <th>{{__('an item')}}</th>
                    <th>{{__('Category')}}</th>
                    <th class="text-center" width="20%">{{__('Quantity')}}</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($products as $index => $item)
                    <tr id='{{ $item->id }}'>
                      <td>
                        {{ $loop->index + 1 }}
                      </td>
                      <td>
                        {{ $item->pid }}
                      </td>
                      <td >
                        {{ $item->title }}
                      </td>
                      <td class="bg-grey bg-font-grey">
                        {{ @Optional($item->category)->title }}
                      </td>
                      <td class="text-center">
                        {{ $item->stock }}
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            <div>
              <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