@extends('layouts.app')

@section('title', 'Products')

@section('content')

    @if (isset($product->sno))
        <form action="" method="post" id="product">
    @else
        <form action=" {{ route('saveproduct') }} " method="post" id="product">
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @csrf
    <div class="container">

        {{-- <h1>Sugarmills</h1> --}}

        <br><br>

        <div class="row">

            <div class="col-sm-2">

                <div class="row">

                    <div class="col-4">

                        <label for="sno">Id</label>

                    </div>

                    <div class="col-6">

                        <input autocomplete="off"  type="text" {{-- name="sno" --}}
                            value="{{ isset($product->sno) ? old('sno', $product->sno) : old('sno') }}" id="sno"
                            class="form-control" readonly>

                    </div>

                </div>

            </div>

            <div class="col-sm-5">

                <div class="row">

                    <div class="col-2">

                        <label for="product">Product</label><br>

                    </div>

                    <div class="col-10">

                        <input autocomplete="off" style="text-transform: uppercase;" type="text" name="product"
                            value="{{ isset($product->product) ? old('product', $product->product) : old('product') }}"
                            id="product" class="form-control" required>

                    </div>

                </div>

            </div>

            <div class="col-sm-3">

                <div class="row">

                    <div class="col-2">

                        <label for="group1">Group</label><br>

                    </div>

                    <div class="col-10">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="group1"
                            value="{{ isset($product->group1) ? old('group1', $product->group1) : old('group1') }}"
                            id="group1" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-sm-2">

                <div class="row">

                    <div class="col-3">

                        <label for="generic">Generic</label><br>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="generic"
                            value="{{ isset($product->generic) ? old('generic', $product->generic) : old('generic') }}"
                            id="generic" class="form-control">

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-2">

                <div class="row">

                    <div class="col-4">

                        <label for="unit">Unit</label><br>

                    </div>

                    <div class="col-8">

                        <input autocomplete="off" style="text-transform: uppercase;" type="text" name="unit"
                            value="{{ isset($product->unit) ? old('unit', $product->unit) : old('unit') }}"
                            id="unit" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="pack1">Pack</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="pack1"
                            value="{{ isset($product->pack1) ? old('pack1', $product->pack1) : old('pack1') }}"
                            id="pack1" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="size1">Size</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="size1"
                            value="{{ isset($product->size1) ? old('size1', $product->size1) : old('size1') }}"
                            id="size1" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="regno">Code</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="regno"
                            value="{{ isset($product->regno) ? old('regno', $product->regno) : old('regno') }}"
                            id="regno" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-4">

                <div class="row">

                    <div class="col-3">

                        <label for="company">Company </label>

                    </div>

                    <div class="col-9">

                        {{ Form::select('company', $company, isset($product->company) ? old('company', $product->company) : old('company'), ['class' => 'form-control company']) }}
                        

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="price1">Price</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" type="text" name="price1" value="{{ isset($product->price1) ? old('price1', $product->price1) : old('price1') }}"
                            id="price1" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="price2">Price</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" type="text" name="price2" value="{{ isset($product->price2) ? old('price2', $product->price2) : old('price2') }}"
                            id="price2" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-5">

                        <label for="commission">Commission</label>

                    </div>

                    <div class="col-7">

                        <input autocomplete="off" type="text" name="commission" value="{{ isset($product->commission) ? old('commission', $product->commission) : old('commission') }}"
                            id="commission" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-6">

                <div class="row">

                    <div class="col-1">

                        <label for="remarks">Remarks</label>

                    </div>

                    <div class="col-11">

                        <input autocomplete="off" type="text" name="remarks" value="{{ isset($product->remarks) ? old('remarks', $product->remarks) : old('remarks') }}"
                            id="remarks" class="form-control">

                    </div>

                </div>

            </div>

        </div>

        <br><br>

        <div class="row">

            <div class="col-5"></div>

            <div class="col-2">

                <button type="submit" name="add_user" value="1" class="btn btn-primary btn-lg mt-2" 
                    style="margin: auto; border-radius: 13px;">Submit</button>

            </div>

        </div>

    </div>

</form>

@endsection

@section('scripts')

    <script>
        $(window).ready(function() {


            $('[name="product"]').focus();
            @if (!isset($product->sno))
            $("select").val("")
            @endif
        });

        $(document).ready(function() {
            $(document).on("keydown", "form", function(event) { 
                return event.key != "Enter";
            });
        });

    </script>



@endsection