@extends('layouts.app')

@section('title', 'Vendor')

@section('content')

    @if (isset($vendor->sno))
        <form action="" method="post" id="vendor">
    @else
        <form action=" {{ route('savevendor') }} " method="post" id="vendor">
    @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-8">

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

                    </div>

                </div>

            </div>

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

                <div class="row">

                    <div class="col-1">

                        <label for="Head">vendor</label><br>

                    </div>

                    <div class="col-11">

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

                    </div>

                </div>

            </div>

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

                <div class="row">

                    <div class="col-3">

                        <label for="cperson">C.Person</label><br>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

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

                <div class="row">

                    <div class="col-3">

                        <label for="phone" style="white-space: nowrap;">Cell No</label><br>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-3">

                <div class="row">

                    <div class="col-3">

                        <label for="cnic">CNIC</label><br>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-4">

                        <label for="ntnno">NTN No</label>

                    </div>

                    <div class="col-8">

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

                    </div>

                </div>

            </div>

            <div class="col-3">

                <div class="row">

                    <div class="col-3">

                        <label for="staxno">Stax No</label>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="area">Area</label>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

            <div class="col-2">

                <div class="row">

                    <div class="col-3">

                        <label for="city">City</label>

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-3">

                <div class="row">

                    <div class="col-3">

                        <label for="type">Type</label>

                    </div>

                    <div class="col-9">

                        {{ Form::select('type', ['ONE' => 'Select Vendor Type....', 'IMPORT' => 'IMPORT', 'LOCAL' => 'LOCAL'], isset($vendor->type) ? old('type', $vendor->type) : old('type') , ['class' => 'form-control type']) }}

                    </div>

                </div>

            </div>

            <div class="col-9">

                <div class="row">

                    <div class="col-1">

                        <label for="address">Address</label><br>

                    </div>

                    <div class="col-11">

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

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-3">

                <div class="row">

                    <div class="col-3">

                        <label for="open">Opening</label>

                    </div>

                    <div class="col-9">

                    <input autocomplete="off" style="text-transform: uppercase;" type="text" name="open"
                            value="{{ isset($customer->open) ? old('open', $customer->open) : old('open') }}"
                            id="open" 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="head"]').focus();
        });

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

    </script>



@endsection