<?php $__env->startSection('main-content'); ?>
<!-- DataTales Example -->
<div class="card shadow mb-4">
  <div class="row">
    <div class="col-md-12">
      <?php echo $__env->make('backend.layouts.notification', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
  </div>
  <div class="card-header py-3">
    <h6 class="m-0 font-weight-bold text-primary float-left">Product Lists</h6>
    <a href="<?php echo e(route('product.create')); ?>" class="btn btn-primary btn-sm float-right" data-toggle="tooltip" data-placement="bottom" title="Add User"><i class="fas fa-plus"></i> Add Product</a>
  </div>
  <div class="card-body">
    <div class="table-responsive">
      <?php if(count($products)>0): ?>
      <table class="table table-bordered" id="product-dataTable" width="100%" cellspacing="0">

        <thead>
          <tr>
            <th>S.N.</th>
            <th>Title</th>
            <th>Category</th>
            <th>Sub Category</th>
            <th>Price</th>
            <th>HSN</th>
            <th>GST (%)</th>
            <th>Brand</th>
            <th>Stock</th>
            <th>Photo</th>
            <th>Action</th>
          </tr>
        </thead>


        <tfoot>
          <tr>
            <th>S.N.</th>
            <th>Title</th>
            <th>Category</th>
            <th>Sub Category</th>
            <th>Price</th>
            <th>HSN</th>
            <th>GST (%)</th>
            <th>Brand</th>
            <th>Stock</th>
            <th>Photo</th>
            <th>Action</th>
          </tr>
        </tfoot>
        <tbody>

          <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <?php
          
          // dd($sub_cat_info);
          $brands=DB::table('brands')->select('title')->where('id',$product->brand_id)->get();
          ?>

          <tr>
            <td><?php echo e($loop->iteration + ($products->currentPage() - 1) * $products->perPage()); ?></td>

            <td><?php echo e($product->title); ?></td>

            <td><?php echo e($product->cat_info->title ?? '-'); ?></td>

            <td><?php echo e($product->sub_cat_info->title ?? '-'); ?></td>

            <td>Rs. <?php echo e($product->price); ?></td>

            <td><?php echo e($product->hsn_code); ?></td>

            <td><?php echo e($product->tax_percentage); ?>%</td>

            <td>
              
<?php echo e($product->brand->title ?? '-'); ?>

            </td>

            <td>
              <?php if($product->stock>0): ?>
              <span class="badge badge-primary"><?php echo e($product->stock); ?></span>
              <?php else: ?>
              <span class="badge badge-danger"><?php echo e($product->stock); ?></span>
              <?php endif; ?>
            </td>

            <td>
              <?php if($product->photo): ?>
              <?php
              $photo=explode(',',$product->photo);
              ?>
              <img src="<?php echo e($photo[0]); ?>" class="img-fluid zoom" style="max-width:80px">
              <?php else: ?>
              <img src="<?php echo e(asset('backend/img/thumbnail-default.jpg')); ?>" class="img-fluid" style="max-width:80px">
              <?php endif; ?>
            </td>

            <td>
              <a href="<?php echo e(route('product.edit',$product->id)); ?>" class="btn btn-primary btn-sm float-left mr-1"
                style="height:30px;width:30px;border-radius:50%">
                <i class="fas fa-edit"></i>
              </a>

              <form method="POST" action="<?php echo e(route('product.destroy',$product->id)); ?>">
                <?php echo csrf_field(); ?>
                <?php echo method_field('delete'); ?>

                <button class="btn btn-danger btn-sm dltBtn"
                  data-id="<?php echo e($product->id); ?>"
                  style="height:30px;width:30px;border-radius:50%">
                  <i class="fas fa-trash-alt"></i>
                </button>

              </form>
            </td>
          </tr>

          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </tbody>
      </table>
      <span style="float:right"><?php echo e($products->links()); ?></span>
      <?php else: ?>
      <h6 class="text-center">No Products found!!! Please create Product</h6>
      <?php endif; ?>
    </div>
  </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>
<link href="<?php echo e(asset('backend/vendor/datatables/dataTables.bootstrap4.min.css')); ?>" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" />
<style>
  div.dataTables_wrapper div.dataTables_paginate {
    display: none;
  }

  .zoom {
    transition: transform .2s;
    /* Animation */
  }

  .zoom:hover {
    transform: scale(5);
  }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('scripts'); ?>

<!-- Page level plugins -->
<script src="<?php echo e(asset('backend/vendor/datatables/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('backend/vendor/datatables/dataTables.bootstrap4.min.js')); ?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>

<!-- Page level custom scripts -->
<script src="<?php echo e(asset('backend/js/demo/datatables-demo.js')); ?>"></script>
<script>

$('#product-dataTable').DataTable({
paging:false,
scrollX:false,
columnDefs:[
{
orderable:false,
targets:[9,10]
}
]
});
  // Sweet alert

  function deleteData(id) {

  }
</script>
<script>
  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    $('.dltBtn').click(function(e) {
      var form = $(this).closest('form');
      var dataID = $(this).data('id');
      // alert(dataID);
      e.preventDefault();
      swal({
          title: "Are you sure?",
          text: "Once deleted, you will not be able to recover this data!",
          icon: "warning",
          buttons: true,
          dangerMode: true,
        })
        .then((willDelete) => {
          if (willDelete) {
            form.submit();
          } else {
            swal("Your data is safe!");
          }
        });
    })
  })
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('backend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/ecommerce_website/resources/views/backend/product/index.blade.php ENDPATH**/ ?>