@extends('layouts.app')



@section('content')
<style>
    th {
        font-size:11px;
    }
    </style>


<div class="columns" style="padding-top: 0px;margin-bottom: 0px;">
        <div class="toolbar">

            <div class="tool_strip">
                <h2 class="title is-6">Products </h2>
            </div>

          <!--  <div><a href={{ route('products.create') }} class="button is-primary is-small" >Add Product </a> </div> -->

        </div>

    </div>
    <div  class="columns" style="padding-top:13px">
  <div class="right_panel" >

<table class="table  is-bordered" style="width:100%">
    <tr>
         <th colspan="4"> </th>
         <th colspan="8"> Retail Price (Canada) </th>
         <th colspan="8"> Dealer Price (Canada) </th>

    </tr>
    <tr>
    <th></th>
    <th>Description </th>
    <th>Model  <br> Number</th>
    <th>Frame <br> Color</th>
    <th>Frame  <br> Price</th>
    <th>A Grade</th>
    <th>B Grade</th>
    <th>C Grade</th>
    <th>D Grade</th>
    <th>E Grade</th>
    <th>F Grade</th>
    <th>Quick Dry <br> Foam <br> Add</th>
    <th>Frame  <br> Price</th>
    <th>A Grade</th>
    <th>B Grade</th>
    <th>C Grade</th>
    <th>D Grade</th>
    <th>E Grade</th>
    <th>F Grade</th>
    <th>Quick Dry <br> Foam <br> Add</th>
</tr>
 

@foreach($products as $product)
<tr>
    <td> {{$product->id}}</td>
    <td>  {{$product->SalesDesc}}</td>
    <td><a href="{{route('products.edit',["id"=>$product->id])}}"> {{$product->model_number}} {{$product->Name}}</a></td>
    <td> {{$product->frame_color}}</td>
    <td> {{$product->productprice->ca_r_frame_price}}</td>
    <td> {{$product->productprice->ca_r_a_grade}}</td>
    <td> {{$product->productprice->ca_r_b_grade}}</td>
    <td> {{$product->productprice->ca_r_c_grade}}</td>
    <td> {{$product->productprice->ca_r_d_grade}}</td>
    <td> {{$product->productprice->ca_r_e_grade}}</td>
    <td> {{$product->productprice->ca_r_f_grade}}</td>
    <td> {{$product->productprice->ca_r_quick_dry_foam}}</td>
    <td> {{$product->productprice->ca_r_frame_price}}</td>
    <td> {{$product->productprice->ca_r_a_grade}}</td>
    <td> {{$product->productprice->ca_r_b_grade}}</td>
    <td> {{$product->productprice->ca_r_c_grade}}</td>
    <td> {{$product->productprice->ca_r_d_grade}}</td>
    <td> {{$product->productprice->ca_r_e_grade}}</td>
    <td> {{$product->productprice->ca_r_f_grade}}</td>
    <td> {{$product->productprice->ca_r_quick_dry_foam}}</td>
   </tr>
@endforeach



</table>
<div>

@if ($products->lastPage() > 1)
    <div class="pagination">
        <span class="pagination__info">
            Showing {{ $products->firstItem() }}-{{ $products->lastItem() }} of {{ $products->total() }} records
        </span>
        <ul class="pagination__links">
            <li class="{{ ($products->onFirstPage()) ? ' disabled' : '' }}">
                <a href="{{ $products->previousPageUrl() }}"><i class="fa fa-angle-left"></i></a>
            </li>
            @for ($i = 1; $i <= $products->lastPage(); $i++)
                @if ($i == $products->currentPage())
                    <li class="active"><a href="{{ $products->url($i) }}">{{ $i }}</a></li>
                @elseif (($i == $products->currentPage() + 1 || $i == $products->currentPage() - 1) || $i == 1 || $i == $products->lastPage())
                    <li><a href="{{ $products->url($i) }}">{{ $i }}</a></li>
                @elseif (($i == $products->currentPage() + 2 && $i < $products->lastPage()) || ($i == $products->currentPage() - 2 && $i > 1))
                    <li><span>...</span></li>
                @endif
            @endfor
            <li class="{{ ($products->currentPage() == $products->lastPage()) ? ' disabled' : '' }}">
                <a href="{{ $products->nextPageUrl() }}"><i class="fa fa-angle-right"></i></a>
            </li>
        </ul>
    </div>
@endif




</div>
</div>
</div>




@endsection