@extends('layouts/contentNavbarLayout')
@section('title', 'Товары')
@section('content')
<div class="card">
  <h5 class="card-header">Мои товары</h5>
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead>
          <tr>
            <th>Артикул</th>
            <th>Наименование</th>
            @if($accessLevel == 1)
              <th>Цена</th>
              <th>Валюта</th>
            @endif
            <th>Кол-во шт.</th>
            <th>Кол-во кг.</th>
            <th>Кол-во литров</th>
            <th>План на месяц</th>
            <th>Факт за месяц</th>
            <th>%</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
        @foreach ($products as $product)
          <tr product="{{$product['product']}}">
            <td><i class="fab fa-angular fa-lg text-danger me-3"></i><strong>{{$product['article']}}</strong></td>
            <td>{{$product['name']}}</td>
            @if($accessLevel == 1)
              <td>{{$product['price']}}</td>
              <td><span class="badge bg-label-primary me-1">{{$product['currencies']}}</span></td>
            @endif
            <td class="number"><input class="number_prod form-control" weight="{{ $product['weight'] }}"density="{{ $product['density'] }}" type="number" placeholder="..." id="html5-number-input"></td>
            <td class="kg"><input class="number_prod form-control" style="border: 0; pointer-events: none;" placeholder="КГ"></td>
            <td class="liter"><input class="number_prod form-control" style="border: 0; pointer-events: none;" placeholder="Литры"></td>
            <td><span class="badge bg-label-primary me-1">{{$product['plan']}}</span></td>
            <td><span class="badge bg-label-primary me-1">{{$product['fact']}}</span></td>
            <td><span class="badge bg-label-primary me-1">{{$product['percent']}}</span></td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </h5>
<hr>
<div class="col-12">
  <div> 
    <button type="button" id="createTender" class="btn btn-primary" style="width: 10%; margin-left: .5%; margin-bottom: .5%;">Создать заявку</button>
  </div>
</div>

</div>

<script>

var BACKEND =  "{{ env('RBS_BACKEND') }}";
var APIKEY  =  "{{ env('RBS_APIKEY') }}";

</script>

<script src="{{ asset('assets/js/pages-products.js')}}"></script>
@endsection