@extends('admin.layout') @section('content')
<style type="text/css">
	.sidenav{
	  width: 0px;
	}
	
	.sidenav .closebtn{
	    display: block;
	}
	
	.content-wrapper {
	    margin-left: 0px !important;
	}
	.content-wrapper.close-wrapper {
	    margin-left: 300px!important;
	}
	  .tabletpImage {        width: 60px;        border: 1px solid #b5b5b596;        height: 60px;        object-fit: contain;        padding: 4px;        border-radius: 5px;    }        .table-responsive input[type="number"] {        border: 1px solid #ced4da;        border-radius: 4px;        padding: 3px 0px 5px 10px;        max-width: 85px;        text-align: center;    }        .orderRight {        margin-top: 0;    }        .panel-heading h4 {        padding-top: 20px;        padding-bottom: 5px;    }
</style>
<div class="content-wrapper">
	<section class="content" style="padding: 0">{!! Form::open(array('url' =>'admin/adddamages', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}
		<div class="container-fluid">
			<div class="row no-gutter">
				<div class="col-md-12">
					<div class="row">
						<div class="col-xs-12">@if(session()->has('message'))
							<div class="alert alert-success">Damage Products added .</div>@endif
							<!-- /.box-header -->
							<!-- form start -->
							<div class="row no-gutters">
								<div class="col-md-4">
									<div class="container">
										<div class="panel panel-default">
											<div class="panel-body">
												<div class="ordersearch"> <i class="fas fa-search"></i> 
													<input type="text" name="search" id="searchable" class="form-control" placeholder="Search Product Data" />
												</div>
												<div class="orderScroll">
													<div class="table-responsive">
														<table class="table table-striped table-bordered" style="font-size: 14px;">
															<tbody class="tbody"></tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-8">
									<div class="orderRight">
										<div class="container-fluid">
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4>Add Damage/Defect</h4>
												</div>
												<div class="panel-body">
													<!-- <div class="form-group">                                                  <select class="form-control" name="to_outlet">                                                  @foreach($results['outlet'] as $outlets)                                                     <option value="{{$outlets->manufacturers_id}}">{{$outlets->manufacturers_name}}</option>                                                  @endforeach                                                  </select>                                                 </div> -->
													<div class="table-responsive" style="border: 1px solid #b5b5b596; border-radius: 4px; margin-bottom: 60px; border-top: 0;">
														<table class="table table-striped table-bordered" style="font-size: 14px;">
															<thead>
																<tr>
																	<td><b>Image</b>
																	</td>
																	<td><b>Product Name</b>
																	</td>
																	<td><b>SKU code</b>
																	</td>
																	<td><b>Quantity</b>
																	</td>
																	<td></td>
																</tr>
															</thead>
															<tbody class="tbody1">
																<tr>
																	<td colspan="6">No Products Added</td>
																</tr>
															</tbody>
														</table>
													</div>
													<div class="row">
														<div class="col-md-12" style="margin-top: 50px">
															<label>Remark (Optional)</label>
															<textarea class="form-control" name="message" rows="3"></textarea>
														</div>
														<div class="col-md-12" style="margin-top: 20px">
															<button type="submit" class="btn btn-success">Add <i class="fa fa-arrow-circle-right"></i> 
															</button>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /.col -->
			</div>
		</div>{!! Form::close() !!}
		<!-- /.row -->
		<!-- Main row -->
		<!-- /.row -->
	</section>
	<!-- /.content -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
	function checvalid(currval,qty){  if(currval.value>qty) { alert("Please enter quentity below " + qty+""); $(currval).val(qty);  } }

	$(document).ready(function() {
    fetch_customer_data();

    function fetch_customer_data(query = '') {
        $.ajax({
            url: "{{ route('live_search.outletaction1') }}",
            method: 'GET',
            data: {
                query: query
            },
            dataType: 'json',
            success: function(data) {
                $('.tbody').html(data.table_data);
                $('#total_records').text(data.total_data);
            }
        })
    }
    $(document).on('keyup', '#searchable', function() {
        var query = $(this).val();
        fetch_customer_data(query);
    });
});

function addproduct(val) {
    $.ajax({
        url: "{{ route('live_search.addactionadmin') }}",
        method: 'GET',
        data: {
            query: val
        },
        dataType: 'json',
        success: function(data) {
            $('.tbody1').html(data.table_data);
        }
    });
}

function removetrans(val) {
    $.ajax({
        url: "{{ route('live_search.remove_card_transfer') }}",
        method: 'GET',
        data: {
            query: val
        },
        dataType: 'json',
        success: function(data) {
            $('.tbody1').html(data.table_data);
        }
    });
}
</script>@endsection