@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() !!}" />
              </div>
            </div>
            <div class="row">
              <div class="col-md-6 col-md-offset-3">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h3 class="panel-title text-center">{{ __('Best seller') }}
  {!! __('During the month') !!} <b>{!! Date('m-Y') !!}</b></h3>
                  </div>

                </div>
              </div>
            </div>
             <br />
            <div>
              <table class="table table-striped custom-table"  >
                <tr>
                  <th></th>
                  <th>{!! __('Item title') !!}</th>
                  <th>{!! __('Current Balance') !!}</th>
                  <th>{!! __('Quantity sold') !!}</th>
                </tr>
                @foreach ($products_week as $key => $product)
                  <tr id='{{ $product->id }}'>
                    <td>
                      {{ $loop->index + 1 }}
                    </td>
                    <td>{!! $product->title !!}</td>
                    <td class="center msg-success">{!! $product->balance !!}</td>
                    <td class="center info">{!! $product->solds_count !!}</td>
                  </tr>
                @endforeach
              </table>
            </div>
            <div>
              <div class="col-md-12">
                <p><b>{!! __('Date') !!} :</b> {{ date("Y-m-d") }}</p> <br />
              </div>
            </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endsection
  @section('script')
    <script>
      window.print();
    </script>
  @endsection