@extends('admin.layout')



@section('content')





<style type="text/css">


.content-wrapper, .right-side, .main-footer {
    padding-top: 60px!important;
}


.product-buttons {

    padding: 30px 0px;

}



.sidenav{
  width: 0px;
}

.sidenav .closebtn{
    display: block;
}

.content-wrapper {
    margin-left: 0px !important;
}
.content-wrapper.close-wrapper {
    margin-left: 300px!important;
}





.pro-btn {

    background: #333;

    border: none;

    color: #fff;

    padding: 10px 25px;

    display: block;

    width: 100%;

    margin: 10px 0px;

    border-radius: 30px;

    cursor: pointer;

}



.pro-btn i {

    color: #fff;

    vertical-align: inherit;

}



.product-buttons .col-3 {

    text-align: center;

}



.product-buttons a{

  color: #fff!important;

}



.blue-color {

    background: #1f328e;

}



.pink-color {

    background: #F44336;

}



.green-color {

    background: #4CAF50;

}



.orange-color {

    background: #FF9800;

}



.light-blue-color {

    background: #03A9F4;

}



.pro-btn:hover{

  opacity: 0.8;

  color: #fff;

}



.pro-btn:focus{

  outline: none;

}



.close {

    position: absolute;

    right: 15px;

}



button.close {

    position: absolute;

    right: 15px;

}



.modal-body {

    padding: 5rem 4rem;

    text-align: center;

}



.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}





</style>















<div class="content-wrapper"> 







<section class="orderPage">

          <div class="row no-gutters">

            <div class="col-md-4 col-sm-12">

              <div class="orderleftBar" style="margin: 15px 15px 0 15px;">

                <div class="row">

                  <div class="col-7">

                    <div class="ordersearch">

                      <i class="fas fa-search"></i>

                      <input type="search" name="" id='searchable' value="" placeholder="Search...">

                    </div>

                  </div>

                  <div class="col-4 proDuct3">

                    <p class="tPro text-right">0 products</p>

                  </div>

                  <div class="col-1 text-center" style="background: #fff;">

                    <a href="#" class="plusIcon"><i class="fas fa-plus"></i></a>

                  </div>

                </div>

                <!-- row -->





                <div class="row no-gutters">

                  <div class="col-12">

                    <div class="orderScroll">



                  @if(count($results['products'])>0)



                    @foreach ($results['products'] as  $key=>$product)

                      
                    <div class="productORder" onclick="Getproductinfo()">

                      <div class="media">

                          <img class="mr-3" src="{{asset('').'/'.$product->products_image}}" alt="">

                          <div class="media-body">

                            <h5 class="mt-0">{{ $product->products_name }}</h5>

                           <!--  <span>SKU: @if(!empty($product->products_model)) {{ $product->products_model }}  @endif</span> -->

                            <div class="row inStock">

                              <div class="col-6">

                                <p>{{ $product->totalqty }} Total Stock</p> 

                              </div>

                              <div class="col-6">

                                <p class="text-right">{{ $results['currency'][0]->currency_symbol }}{{ $product->products_price }}</p>

                              </div>

                            </div>

                          </div>

                        </div>

                    </div>



                  @endforeach



                @endif 





                  </div>

                  </div>

                </div>

                <!-- row -->



              </div>

            </div>

            <!-- col -->







            <div class="col-md-8 col-sm-12">



              <div class="orderRight apenddata">



                <!-- <div class="oRproDetail">

                  <div class="media">

                  <img class="mr-3" src="{{asset('').'/'.$product->products_image}}" alt="">

                  <div class="media-body">

                    <h6 class="mt-0 mb-0">Title</h6>

                    <h5 class="mt-0 mb-3">{{ $product->products_name }}</h5>

                    <h6 class="mt-0 mb-0">Product Description</h6>

                    {{ strip_tags($product->products_description) }}

                  </div>

                </div>





                <div class="product-buttons">



                  <div class="row">



                    <div class="col-3">

                      <a href="editProduct/{{ $product->products_id }}" class="pro-btn blue-color"><i class="ti-pencil-alt"></i> Edit Product</a>

                    </div>



                    <div class="col-3">

                      <a href="productvarient/{{ $product->products_id }}" class="pro-btn pink-color"><i class="ti-eye"></i> Product Variant</a>

                    </div>



                    <div class="col-3">

                      <a  id="deleteProductId" products_id="{{ $product->products_id }}" class="pro-btn green-color"><i class="ti-trash"></i> Delete Product</a>

                    </div>



                  </div>





                </div>







                </div> -->

                  <!-- oRproDetail -->



                  

                  <!-- oRproAvi -->



                  



                  



            </div>

            <!-- col -->





          </div>





          </div>

        <!-- row -->

        </section>













</div>



    

































<!-- deleteProductModal -->



  <div class="modal " id="deleteProductModal" tabindex="-1" role="dialog" aria-labelledby="deleteProductModalLabel">



    <div class="modal-dialog" role="document">



    <div class="modal-content">



      <!-- <div class="modal-header">



      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>



      <h4 class="modal-title" id="deleteProductModalLabel">{{ trans('labels.DeleteProduct') }}</h4>



      </div> -->



      {!! Form::open(array('url' =>'admin/deleteProduct', 'name'=>'deleteProduct', 'id'=>'deleteProduct', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}



          {!! Form::hidden('action',  'delete', array('class'=>'form-control')) !!}



          {!! Form::hidden('products_id',  '', array('class'=>'form-control', 'id'=>'products_id')) !!}



      <div class="modal-body">  



        <center><img style="width: 60px; padding-bottom: 20px;" src="/resources/views/outlets/common/images/cancel.svg" alt=""></center>

        <p>{{ trans('labels.DeleteThisProductDiloge') }}?</p>



      </div>







      <div class="modal-footer">



              <button type="button" name="button" data-dismiss="modal">

                <img src="/resources/views/outlets/common/images/cancel.svg" alt="">

              </button>

              <button type="submit" id="deleteProduct" >

                <img src="/resources/views/outlets/common/images/verified.svg" alt="">

              </button>



            </div>



      {!! Form::close() !!}



    </div>



    </div>



  </div>



   <script type="text/javascript">

     function Getproductinfo(id)

      { 

      $.ajax({



         url:"{{ route('Outlets_getdetails_admin.productInfoAdmin') }}",



         method:'GET',



         data:{id:id},



         dataType:'json',



         success:function(data)



         {

        $('.apenddata').html(data.table_data);

         }



        }); 

        

      }

   </script>

   <script type="text/javascript">

    function printBarcode01(pid){

      var printWindow = window.open('', '', 'height=400,width=1200');

      var html = ''+

        '<html>'+

        '<head>'+

        '<link rel="stylesheet" href="http://postest.ecom.sayhei.org/resources/nassets/dist/css/print_barcode.css" media="print" type="text/css" />'+

        '</head>'+

        '<body onload="window.focus();" onbeforeunload="window.close();">'+

        $("#print_barcode_content").html();

      

      html += '</body></html>';

      //printWindow.document.write(html);

      printWindow.document.body.innerHTML = html;

      printWindow.print();



    }

    

    

   </script>

   <script type="text/javascript">

      function barcodeVariationP(datavar){

        //console.log(datavar);

         if($('input[type="radio"]').is(':checked')) { 

          $('.print_barcode_content_inn img').attr('src','data:image/png;base64,'+datavar+'');

        }

      }

   </script>



@endsection