@extends('layouts.backend.app')

@section('content')

 <!-- Start right Content here -->
 <div class="main-content stock">
            <div class="page-content">
               <div class="container-fluid">
                  <div class="page-title-box">
                     <div class="row align-items-center">
                        <div class="col-md-8">
                           <h6 class="page-title">Product Stock</h6>
                           <ol class="breadcrumb m-0">
                              <li class="breadcrumb-item"><a href="#">Home </a></li>
                              <li class="breadcrumb-item active" aria-current="page">Stock</li>
                           </ol>
                        </div>
                        <div class="col-md-4">
                           <div class="btn-container float-right d-none">
                              <a href="stock-add.php"><button class="btn btn-primary  border-radius-5"><span
                                 class="pe-2"><i class="fas fa-plus-circle"></i></span> Add New</button></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="row ">
                        <div class="col-lg-4">
                           <div class="card">
                              <div class="stock-table-title total-stock">
							  <div>
                                 <p class="fs-5 mb-0">Total Stocks</p>
								 <h4> 150</h4>
								 </div>
                                 <div class="stock-image">
                                    <img src="{{asset('backend/assets/images/total-stock.png')}}" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-4">
                           <div class="card">
                              <div class="stock-table-title stock-verified">
                           
								 
								   <div>
                                 <p class="fs-5 mb-0">Verified Stocks</p>
								 <h4> 100</h4>
								 </div>
                                 <div class="stock-image">
                                    <img src="{{asset('backend/assets/images/verified-stock.png')}}" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-4">
                           <div class="card">
                              <div class="stock-table-title stock-pending">
                                <div>
								  <p class="fs-5 mb-0">Pending Stocks</p>
								 <h4> 100</h4>
								    
                                
								 </div>
                                 <div class="stock-image">
                                    <img src="{{asset('backend/assets/images/pending-stock.png')}}" alt="">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-12 mobile-table-column stock-table">
                        <div class="card">
                           <div class="card-body">
                           <table id="dataList" class="display" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>S.No</th>
                                                <th>Lot No</th>
                                                <th>Admin</th>
                                                <th>Total Product</th>
                                                <th>Services</th>
                                                <th>Testing</th>
                                                <th>Ready to sale</th>
                                                
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            

                                        </tbody>
                                    </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
<!-- end main content-->


 <!-- Delete Modal HTML -->
<div id="deleteModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Delete Record</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Are you sure you want to delete these Records?</p>
				<p class="text-warning"><small>This action cannot be undone.</small></p>
			</div>
			<input type="hidden" id="delete_id">
			<div class="modal-footer">
				<input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
				<input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
			</div>
		</div>
	</div>
</div>

@endsection

@section('scripts')

<script>
var reporttables =  $('#dataList').DataTable({
  "order": [[ 0, "desc" ]],
      "serverSide": true,
  "stateSave": true,
      'processing': true,
      oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
  "ajax": {
    'type': 'GET',
    'url': '{{ url("products.list") }}',
    "data": function(d){
             d.searchdata = d.search.value
    }
  },
  searching: true,
  "iDisplayLength": 10,
  "columnDefs": [
  {
    "targets": 0,
    data: 'index',
  },
  {
    "targets": 1,
    orderable: false,
    "render": function ( data, type, row, meta ) {
      return '<div><img src='+row.image+' width=75 height=60/></div>';
    
    }
  },
  {
    "targets": 2,
    orderable: false,
    "render": function ( data, type, row, meta ) {
     return '<p class="mb-0 customer-name fw-bold">'+row.product_name+'</p>';
    }

  },
  
  {
    "targets": 3,
    orderable: false,
    "render": function ( data, type, row, meta ) {
     return '<p class="mb-0 customer-name limit_desc">'+row.price+'</p>';
    }

  },
  {
    "targets": 4,
    orderable: false,
    "render": function ( data, type, row, meta ) {
      if(row.status=="active")
      return '<div class="badge text-bg-success m-4 text-capitalize">'+row.status+'</div>';
      else
      return '<div class="badge text-bg-danger m-4 text-capitalize">'+row.status+'</div>';
    }

  },
  {
    "targets": 5,
    orderable: false,
    "render": function ( data, type, row, meta ) {
      var tbl='';
      @if(auth()->user()->can('Products Edit') or auth()->user()->can('Products Delete') or auth()->user()->can('Products View'))


       tbl+='<div class="action">';
       @if(auth()->user()->can('Products Edit'))
          tbl+='<a href="{{route("products.edit","")}}/'+row.id+'" class="edit"> <i class="bi bi-pencil-square"></i></a>';
       @endif

       @if(auth()->user()->can('Products View'))  
      tbl+='<a data-id='+row.id+' href="javascript:void(0)" class="view product_view text-info" type="button"> <i class="bi bi-eye-fill"></i></a>';
      @endif
       @if(auth()->user()->can('Products Delete'))
       tbl+='<a href="javascript:void(0)" class="delete" onclick="deleteOrder('+row.id+')"> <i class="bi bi-trash"></i></a>';
       
       @endif
       tbl+='</div>';
       @endif
       return tbl;

    }
  }
  ],
  rowId: 'id'
});

$(document).ready(function() {
	
	var pathn = $('meta[name="base_url"]').attr("content")+'/lot-data';
	var reporttables =  $('#dataList').DataTable({
		"order": [[ 0, "desc" ]],
        "serverSide": true,
		"stateSave": true,
        'processing': true,
		"pageLength": 20,
		"lengthMenu": [
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500],
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500]
        ],
        oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
		"ajax": {
			'type': 'GET',
			'url': pathn,
			"data": function(d){
               d.pagenme = '{{ basename(url()->current()) }}',
			   d.lot_no = $("#lot_no").val(),
			   d.no_pro = $("#no_pro").val(),
			   d.sup_name = $("#sup_name").val(),
			   d.pay_status = $("#pay_status").val()
			}
		},
		searching: false,
		"iDisplayLength": 20,
		"columnDefs": [
		{
			"targets": 0,
			className: "text-center",
			"render": function ( data, type, row, meta ) {
				return row.index;
			}
		},
		{
			"targets": 1,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.lot_no;
			}
		},
		{
			"targets": 2,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.admin;
			}
		},
		{
			"targets": 3,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.total_product;
			}
		},
		{
			"targets": 4,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.services;
			}
		},
		{
			"targets": 5,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.testing;
			}
		},
		{
			"targets": 6,
			orderable: true,
			"render": function ( data, type, row, meta ) {

				if(row.pay_status =='Part Payment'){
				 var ht ='<span class="badge text-bg-warning">Part Payment</span>';
				} else {
				  var ht ='<span class="badge text-bg-primary">Full Payment</span>';
				}
				return ht;
			}
		},
		{
			"targets": 7,
			orderable: true,
			className: "text-center",
			"render": function ( data, type, row, meta ) {

				var tbl = '';
				tbl +='<div class="action bank d-flex justify-content-start">';

					tbl +='<a href="'+row.viewurl+'" class="edit text-info btn btn-sm btn-info text-white">';
						tbl +='<i class="fas fa-eye"></i>';
					tbl +='</a>';

					tbl +='<a href="'+row.editurl+'" class="edit mx-2 text-info btn btn-sm btn-success text-white">';
						tbl +='<i class="fas fa-edit"></i>';
					tbl +='</a>';

					tbl +='<a href="#deleteModal" data-toggle="modal" data-id="'+row.id+'" class="edit text-info btn btn-sm  btn-danger text-white me-2 removrd">';
						tbl +='<i class="fas fa-trash"></i>';
					tbl +='</a>';

				tbl +='</div>';
				return tbl;
			}
		}
	  ]
	});
});


$(document).on('click', '.searchdata', function(){
	$('#dataList').DataTable().ajax.reload();
});

$(document).on('click', '.reset_searchdata', function(){
    $('#memberdata').trigger("reset");
    $('#lot_no').val('');
    $('#no_pro').val('');
    $('#sup_name').val('');
    $('#pay_status').val('');
    $('#dataList').DataTable().ajax.reload();
	 $('.fltr-btn').trigger('click');
});

</script>

<script type="text/javascript">

	//Remove Record
$(document).on("click", ".removrd", function () {
var rid = $(this).data("id");
$('#delete_id').val(rid);
});

	//Remove Record
function deleterecord() {
	var rid = $('#delete_id').val();
	var pathn = $('meta[name="base_url"]').attr("content")+'/lot-remove';
	var token = $('meta[name="csrf-token"]').attr("content");
	$.ajax({
		url: pathn,
		type: "POST",
		data: {
			_token: token,user_id: rid
		}, success: function (data) {

			if(data.status == true) {
				custom_noty("success", data.msg);
				$(".closebtn").click();
				$('#dataList').DataTable().ajax.reload();
			} else {
				custom_noty("error", data.msg);
			}
		}
	});
}

</script>


<script type="text/javascript">

$(".fltrbtn").click(function(){

	if($('.fltr-main').is(':visible')){
		$(".fltr-main").hide(1000);
	} else {
		$(".fltr-main").show(1000);
	}
});

function vldfn(){
	$('#dataList').DataTable().ajax.reload();
}

</script>

@endsection