@extends('layouts.backend.app')
@section('content')

<div class="main-content shop">
         <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">Vendor view</h6>
                        <ol class="breadcrumb m-0">
                           <li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
                           <li class="breadcrumb-item active" aria-current="page">Vendor</li>
                        </ol>
                     </div>

			@if(!empty($pgnm) && $pgnm =='admin')

				 <div class="col-md-4">
					<div class="btn-container float-right">
				<a href="{{route('vendor-list')}}">
				<button class=" btn btn-primary border-radius-5 add_vendor"> <i class="ti-angle-left"></i></span>Back</button>
				</a>
					</div>
				 </div>

			@endif		 

                  </div>
               </div>
               <!-- Add Mobile row  -->
               <!-- end row -->
               <!-- Mobile visible table  -->
               <!-- End row  -->
            </div>
            <div class="row product-row">
               <div class="col-md-12">
                  <div class="col-md-12 mobile-table-column mbp">
                     <div class="card">
                        <div class="card-body">
                           <div class="card mb-4 shadow-none">
                              <div class="mob-title">
                                 <h4>Vendor Details</h4>
                              </div>

                              <div class="mobileinfo py-3">
                                 <div class="mobileinfrigh px-3">
                                    <div class="row">
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Vendor Id</h3>
                                             <p>{{!empty($vendor) ? $vendor->vendor_id:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Vendor Name </h3>
                                             <p>{{!empty($vendor) ? $vendor->vendor_name:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Email ID </h3>
                                             <p>{{!empty($vendor) ? $vendor->email_id:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Mobile Number</h3>
                                             <p>{{!empty($vendor) ? $vendor->mobile_number:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Company Name</h3>
                                             <p> {{!empty($vendor) ? $vendor->company_name:''}} </p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>PAN</h3>
                                             <p> {{!empty($vendor) ? $vendor->pan:''}}</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <table id="dataList" class="display" style="width:100%;">
                              <thead>
                                 <tr>
                                    <th width="5%">S.no</th>
                                    <th width="10%"> Sold Qty</th>
                                    <th width="10%"> Sold Date</th>
                                    <!--<th width="10%">Action</th>-->
                                 </tr>
                              </thead>
                              <tbody>
                       
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

@endsection
@section('scripts')

<script>

$(document).ready(function() {
	
	var pathn = $('meta[name="base_url"]').attr("content")+'/vendorsales-list/{{$vendor->id}}';
	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.sold_qty;
			}
		},
		{
			"targets": 2,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.sold_date;
			}
		}
		
		/*,
		{
			"targets": 3,
			orderable: true,
			"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.invoiceurl+'" style="margin-left: 10px;" class="edit text-info btn btn-sm btn-info text-white me-2">';
						tbl +='<i class=" fas fa-download"></i>';
					tbl +='</a>';

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

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

</script>

@endsection