@extends('layouts.posPurchageOrder.admin')

@section('maincontent')
<style>
.list-group-item{
   border:none!important;
}
@media (max-width: 768px) {
.startLoading {
   display: none !important;
}
}
</style>
@include("backend.pos_purchage_order.navbar-aside")
   <div id="content" class="col-sm-9" style='min-height:0px;'>
      <div class="row category_thumb hidden">
			<div class="col-sm-10 category_description">			
			</div>	
			</div>        

			<!-- aaaaa -->
			<div class="category_filter">
				<div class="col-md-4 btn-list-grid">
					<h1 class="page-title">{{ 'New Arrival Products' }}</h1>                    
                    <!--input type="hidden" id="cat_name" name="cat_name" value="{{-- $Cname --}}"-->
					<div class="btn-group hidden">
						<button type="button" id="grid-view" class="hidden btn btn-default grid active" data-toggle="tooltip" title="" data-original-title="Grid"><i class="fa fa-th"></i></button>
						<button type="button" id="list-view" class="hidden btn btn-default list" data-toggle="tooltip" title="" data-original-title="List"><i class="fa fa-th-list"></i></button>
					</div>
               <div class="btn-group ">
                  <button type="button"  class="btn btn-default list" style="float:right;" ><i class="fa fa-th-list" onclick="event.preventDefault(); document.getElementById('frm-crf').submit();">Pdf</i></button>
               </div>
				</div>				
				
				 <div class="pagination-right"></div>             
         </div>
         {{-- </div>--}}
			

			 <div class="row cat_prod allproductContainer" style="opacity: 1;">
            <form id="frm-crf" action="{{ route('articles-image.pdf') }}" method="POST" >
               <div class="product_brandid"><input type="hidden" name="brandid" value="1"></div>
               <div class="product_priceid"><input type="hidden" name="priceid" value="mrp" id="priceid"></div>
               {{ csrf_field() }} 
               <div class=" productDataContainer">
            @foreach($products as $prod)         
                          <div class="product-layout product-grid col-lg-4 col-md-4 col-sm-4 col-xs-6">
					<div class="product-block product-thumb">
						<div class="product-block-inner">
							<div class="image">