@extends('admin.layouts.layout')

@if(isset($productOrderMaster))
    @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">
                                            @if(isset($productOrderMaster))
                                                <h4>Update Product Order</h4>
                                            @else
                                                <h4>Add Product Order</h4>
                                            @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @if(isset($productOrderMaster))
                                    @php $form_url = route('product_order_masters.update', $productOrderMaster->id); @endphp
                                @else
                                    @php $form_url = route('product_order_masters.store'); @endphp
                                @endif
                                <form action="{{$form_url}}" class="needs-validation" novalidate="" method="POST" id="id_frm_crud_product_order">
                                     @csrf
                                     @if(isset($productOrderMaster)) @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', $productOrderMaster->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', $productOrderMaster->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.addClass('invalid-feedback');
                    element.closest('.form-group').append(error);
                },
                highlight: function (element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                }
            });
        });
    </script>
@endsection