@extends('layouts.posPurchageOrder.partyCatalog')

@section('maincontent')
<style>
.list-group-item{
   border:none!important;
}
#product-category #content {
     width: 75%; 
}
@media (max-width: 768px) {
.startLoading {
   display: none !important;
}
}
</style>
@php $limit = 24; @endphp
@include("backend.party_catalog.party-sidebar-view")
<div id="content" class="col-sm-9" style='min-height:0px;'>
    <div class="row category_thumb ">
        <div class="col-sm-10 category_description">
            @if(Session::has('error'))
            <p class="alert alert-danger">{{ Session::get('error') }}</p>
            @endif		
        </div>	
    </div> 
    <div class="category_filter">
        <div class="col-md-4 btn-list-grid">
            <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 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-3 col-md-3 col-sm-4 col-xs-6">
                            <div class="product-block product-thumb">
                                <div class="product-block-inner">
                                    <div class="image">