@extends('admin.layouts.layout')

@if(isset($productOrder))
    @section("title", "Update Product Order")
@else
    @section("title", "Add Product Order")
@endif

@section("content")
<div class="layout-px-spacing">
    <div class="layout-top-spacing mb-2">
        <div class="col-md-12">
            <div class="">
                <div class="p-0">
                    <div class="layout-top-spacing">
                        <div class="layout-spacing">
                            <div class="statbox widget box box-shadow mb-4">
                                <div class="widget-header">
                                    <div class="row">
                                        <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                            <div class="makeitSticky z">

                                                <h4>Add Product Order</h4>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                    @php $form_url = route('product_order_masters.store'); @endphp

                                <form action="{{$form_url}}" class="needs-validation" novalidate="" method="POST" id="id_frm_crud_product_order">
                                     @csrf
                                     @if(isset($productOrder)) @method('PUT') @endif
                                    <div class="widget-content widget-content-area">
                                        <div class="w-100">
                                            <div class="mt-2">
                                                <div class="form-group row">
                                                    <label class="col-3">Product Order Name {!!_required_asterisk()!!}</label>
                                                    <div class="col-9">
                                                        <input class="form-control form-control-solid @error('product_order_name') is-invalid @enderror"  name="product_order_name" type="text" value="{{ old('product_order_name', $productOrder->product_order_name ?? '') }}" required>
                                                        @error('product_order_name')
                                                            <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-3">Description</label>
                                                    <div class="col-9">
                                                        <textarea class="form-control form-control-solid @error('description') is-invalid @enderror" name="description">{{ old('description', $productOrder->description ?? '') }}</textarea>
                                                        @error('description')
                                                            <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget-footer text-right">
                                        <button type="submit" class="btn btn-primary mr-2">Submit</button>
                                        <a href="{{ route('product_order_masters.index') }}" class="btn btn-outline-primary">Cancel</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section("page_script")
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#id_frm_crud_product_order").validate({
            rules: {
                product_order_name: {
                    required: true,
                    maxlength: 255
                },
                description: {
                    required: true,
                    maxlength: 1000
                }
            },
            messages: {
                product_order_name: {
                    required: "Product Order Name is required",
                    maxlength: "Product Order Name cannot exceed 255 characters"
                },
                description: {
                    required: "Description is required",
                    maxlength: "Description cannot exceed 1000 characters"
                }
            },
            errorElement: 'div',
            errorPlacement: function (error, element) {
                error.insertAfter(element);
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
    });
</script>
@endsection