@extends('admin.layout.template')
@section('title','Edit Stock')

@section('content')

<div class="page-content">
<div class="container-xxl">

<div class="card shadow-sm">
<div class="card-body">

<h4 class="mb-4">Edit Stock</h4>

<form id="stockForm">

@csrf
<input type="hidden" name="id" value="{{ $stock->id }}">

<div class="row">

<div class="col-md-6 mb-3">
<label class="form-label">Product</label>
<input type="text" class="form-control"
value="{{ $stock->productVariant->product->name }}" readonly>
</div>

<div class="col-md-6 mb-3">
<label class="form-label">SKU</label>
<input type="text" class="form-control"
value="{{ $stock->productVariant->sku }}" readonly>
</div>

<div class="col-md-4 mb-3">
<label class="form-label">Available Qty</label>
<input type="number" step="0.01" name="available_qty"
class="form-control"
value="{{ $stock->available_qty }}">
</div>

<div class="col-md-4 mb-3">
<label class="form-label">Reserved Qty</label>
<input type="number" step="0.01"
name="reserved_qty"
class="form-control"
value="{{ $stock->reserved_qty }}">
</div>

<div class="col-md-4 mb-3">
<label class="form-label">Damaged Qty</label>
<input type="number" step="0.01"
name="damaged_qty"
class="form-control"
value="{{ $stock->damaged_qty }}">
</div>

<div class="col-md-4 mb-3">
<label class="form-label">Reorder Level</label>
<input type="number" step="0.01"
name="reorder_level"
class="form-control"
value="{{ $stock->reorder_level }}">
</div>

</div>

<div class="text-end">
<button type="submit" class="btn btn-primary">
Update Stock
</button>
</div>

</form>

</div>
</div>

</div>
</div>
<script>

$('#stockForm').submit(function(e){

e.preventDefault();

let formData = new FormData(this);

$.ajax({

url: "{{ route('stock.update') }}",
type: "POST",
data: formData,
processData:false,
contentType:false,

success:function(res){

if(res.success){

Swal.fire({
icon:'success',
title:'Success',
text:res.message,
confirmButtonColor:'#3085d6'
}).then(()=>{

window.location.href="{{ route('stock.index') }}";

});

}

},

error:function(xhr){

Swal.fire({
icon:'error',
title:'Error',
text:'Something went wrong'
});

}

});

});

</script>
@endsection