@extends('layouts.app')
@section('title', isset($stockProduct) ? 'Edit Stock Movement' : 'Add Stock Movement')

@section('content')
<div class="content-wrapper">
    <div class="col-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">{{ isset($stockProduct) ? 'Edit Stock Movement' : 'Add Stock Movement' }}</h4>
                <form id="stockProductForm" class="forms-sample">
                    @csrf
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Product</label>
                                <select name="product_id" id="product_id" class="form-control">
                                    <option value="">Select Product</option>
                                    @foreach($products as $product)
                                        <option value="{{ $product->id }}" {{ isset($stockProduct) && $stockProduct->product_id == $product->id ? 'selected' : '' }}>
                                            {{ $product->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <div id="product_id-error" class="invalid-feedback"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Stock Type</label>
                                <select name="stock_type" id="stock_type" class="form-control">
                                    <option value="in" {{ isset($stockProduct) && $stockProduct->stock_type == 'in' ? 'selected' : '' }}>Stock In</option>
                                    <option value="out" {{ isset($stockProduct) && $stockProduct->stock_type == 'out' ? 'selected' : '' }}>Stock Out</option>
                                </select>
                                <div id="stock_type-error" class="invalid-feedback"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Quantity</label>
                                <input type="number" name="stock" class="form-control" id="stock" placeholder="Enter Quantity" value="{{ $stockProduct->stock ?? '' }}">
                                <div id="stock-error" class="invalid-feedback"></div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Notes</label>
                                <textarea name="notes" class="form-control" id="notes" rows="4" placeholder="Enter Notes">{{ $stockProduct->notes ?? '' }}</textarea>
                                <div id="notes-error" class="invalid-feedback"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group mt-4 pt-3" style="border-top: 1px solid #eee;">
                      <button type="button" id="btn-save" class="btn btn-primary me-2 px-4" style="font-weight: 500; letter-spacing: 0.5px;">
                        <i class="mdi mdi-content-save mr-1"></i> {{ isset($stockProduct) ? 'Update' : 'Submit' }}
                      </button>
                      <a href="{{ route('stock-products.index') }}" class="btn btn-light px-4" style="font-weight: 500;">
                        <i class="mdi mdi-close-circle mr-1"></i> Cancel
                      </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('footer')
<script type="text/javascript">
$(document).ready(function(){
    $('#btn-save').on('click', function(){
        var data = {
            product_id: $('#product_id').val(),
            warehouse_id: $('#warehouse_id').val(),
            stock_type: $('#stock_type').val(),
            stock: $('#stock').val(),
            notes: $('#notes').val(),
            _token: '{{ csrf_token() }}'
        };

        var url = "{{ isset($stockProduct) ? route('stock-products.update', $stockProduct->id) : route('stock-products.store') }}";
        var method = "{{ isset($stockProduct) ? 'PATCH' : 'POST' }}";

        $.ajax({
            url: url,
            method: method,
            data: data,
            success: function(response){
                if (response.success) {
                    Swal.fire({
                        title: "Success!",
                        text: response.message,
                        icon: "success"
                    });
                    setTimeout(() => { window.location.href = "{{ route('stock-products.index') }}"; }, 1000);
                } else {
                    Swal.fire({
                        title: "Failed!",
                        text: response.message,
                        icon: "error"
                    });
                }
            },
            error: function(xhr){
                Swal.fire({
                    title: "Failed!",
                    text: "An error occurred while saving data.",
                    icon: "error"
                });
            }
        });
    });
});
</script>
@stop