Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/stock/ |
Upload File : |
@extends('backend.layout.app')
@section('content')
<style type="text/css">
.btn-file {
position: initial;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
#img-upload{
width: 100%;
height: 100%
}
#img-container{
width: 100px;
height: 100px;
margin: 10px 0;
border: 1px solid;
}
#checkerr .text-danger{
position: absolute;
top: 80px;
}
#imgerr label{
top: 32px;
position: absolute;
left: 105px;
}
/*new image upload css*/
.upload-img-box {
background-color: #f5f5f5;
border: 1px solid #aaa;
border-radius: 5px;
height: 150px;
position: relative;
}
.upload-img-box img {
width: 100%;
height: auto;
max-height: 100%;
margin: auto;
display: block;
z-index: 5;
position: absolute;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.upload-img-box input[type="file"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 10;
width: 100%;
cursor: pointer;
}
.upload-img-box-icon {
color: #666;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.tablegrid{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.noborder{
border: 1px solid #fff;
}
a{
padding: 0 1vh;
}
/*end image upload css*/
</style>
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-5 align-self-center">
<h4 class="page-title">Form Validation</h4>
<div class="d-flex align-items-center">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form id="addStock" type="POST">
@csrf
<h4 class="card-title">New Stock</h4>
@include('backend.layout.verror_message')
<div class="form-group row">
<label for="brand" class="col-sm-3 text-right control-label col-form-label">Supplier</label>
<div class="col-sm-9">
<select name="supplier" class="form-control select2 ">
<option value="">Select</option>
@foreach($suppliers as $supplier)
<option value="{{$supplier->supplier_id}}">{{$supplier->supplier_name}}</option>
@endforeach
</select>
</div>
</div>
<div id="cart_items">
<input type="hidden" id="validateProduct" name="product_id[]" value="">
</div>
<div style="margin-top: 50px;"><div style="text-align: center;padding: 10px;display: none;" id="product_exist" class="text-danger">Already Exist</div>
<div class="row form-group">
<label for="brand" class="col-sm-2 text-right control-label col-form-label">Add Product</label>
<div class="col-sm-3">
<div class="form-group">
<select class="form-control" id="addProduct" name="educationDate">
<option>Product</option>
< @foreach($products as $product)
<option value="{{$product->product_id}}">{{$product->product_name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" class="form-control" id="addQnantity" name="addQnantity" placeholder="Quantity">
</div>
</div>
<div class="col-sm-1">
<div class="form-group">
<button class="btn btn-success" type="button" onclick="addcart();"><i class="fa fa-plus"></i></button>
</div>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-md-6"></div>
<div class="col-md-4">
<div class="form-group">
<div class="upload-img-box">
<img src="">
<input type="file" name="thumbnail" id="thumbnail" accept="image/*" onchange="previewFile(this)">
<div class="upload-img-box-icon">
<i class="fa fa-camera"></i>
<p class="m-0">Add Image</p>
</div>
</div>
</div>
</div>
</div> -->
<div class="form-group mb-0 text-right">
<button type="submit" name="action" value="submit" class=" submit btn btn-info waves-effect waves-light">Save</button>
<button type="submit" name="action" class="btn btn-dark waves-effect waves-light">Cancel</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
@endsection
@section('script')
<script src="{{ asset('public/backend/js/jquery.validate.min.js"></script>
<link rel="stylesheet" type="text/css" href="./public/css/bootstrap-datepicker.min.css">
<script src="{{ asset('public/backend/js/bootstrap-datepicker.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="{{ asset('public/backend/js/tinymce.min.js"></script>
<script type="text/javascript">
var cartproduct={};
function addcart(){
event.preventDefault();
var id=$('#addProduct').val();
var qty=$('#addQnantity').val();
if(cartproduct[id] == undefined)
{
$('#product_exist').hide();
$.ajax(
{
type : 'POST',
url : "{{url('add_cart_ac')}}",
data : { id: id,qty:qty },
// dataType: 'json',
success : function (data)
{
console.log($('#validateProduct').length);
cartproduct[id]=qty;
if($('#validateProduct').length > 0){
$('#cart_items').html(data);
}else{
$('#cart_items').append(data);
}
//swal("Cart Add!", "Successfully Add", "success");
},
error : function (data)
{
console.log(data);
}
});
}else{
$('#product_exist').show();
}
}
//increate and decreate
function increateCart(arg){
var v=$('#'+arg).val();
v++;
$('#'+arg).val(v);
}
function decreaseCart(arg){
var v=$('#'+arg).val();
v--;
$('#'+arg).val(v);
}
function closeCart(arg){
$('#'+arg).remove();
}
//end increate and decrease
$(document).ready( function() {
$("#addStock").validate({
ignore: "",
rules:
{
supplier: {
required: true,
},
'product_id[]': {
required: true,
},
},
messages: {
'product_id[]': "Please Add Product",
},
submitHandler: submitForm
});
// $('.submit').click(function () {
// event.preventDefault();
// if(this.value == 'submit'){
// $('[name="delivery_mode"], [name="bank"],[name="bank_slip"]').each(function () {
// $(this).rules('add', {
// required: true
// });
// });
// $("#addRequisition").submit();
// }else if(this.value == 'draft'){
// $('[name="delivery_mode"], [name="bank"],[name="bank_slip"]').each(function () {
// $(this).rules('remove');
// });
// $("#addRequisition").submit();
// }
// });
//product validtion form and insert
function submitForm() {
event.preventDefault();
var data1 = new FormData(document.getElementById('addStock'));
console.log(data1);
$.ajax({
type : 'POST',
url : "{{url('stock_in_accessories')}}",
data : data1,
cache:false,
contentType: false,
processData: false,
//dataType: 'json',
success : function (data)
{
console.log(data);
if(data.errors=='0'){
$('.alert-success').show();
$('.alert-danger').hide();
$('.alert-success').append('<p>'+data.success+'</p>');
$("#addStock").get(0).reset();
$("#cart_items").html("");
}else{
var val="";
$.each(data.errors, function(key, value){
$('.alert-danger').show();
$('.alert-success').hide();
val+= '<p>'+value+'</p>';
});
$('.alert-danger').html(val);
}
},error: function(response) {
//console.log(response);
}
});
return false;
}
//end validation and insert
});
</script>
@endsection