@extends('layouts.app')

@section('title', 'Customer')

@section('content')

    @if (isset($customer->sno))
        <form action="" method="post" id="customer">
    @else
        <form action=" {{ route('savecustomer') }} " method="post" id="customer">
    @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($customer->sno1) ? old('sno', $customer->sno1) : old('sno') }}" id="sno"
                            class="form-control" readonly>

                    </div>

                </div>

            </div>

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

                <div class="row">

                    <div class="col-2">

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

                    </div>

                    <div class="col-10">

                        <input autocomplete="off" style="text-transform: uppercase;" type="text" name="head"
                            value="{{ isset($customer->head) ? old('product', $customer->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($customer->cperson) ? old('cperson', $customer->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($customer->phone) ? old('phone', $customer->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($customer->cnic) ? old('cnic', $customer->cnic) : old('cnic') }}"
                            id="cnic" class="form-control">

                    </div>

                </div>

            </div>

            <div class="col-3">

                <div class="row">

                    <div class="col-3">

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

                    </div>

                    <div class="col-9">

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

                    </div>

                </div>

            </div>

            <div class="col-3">

                <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($customer->area) ? old('area', $customer->area) : old('area') }}"
                            id="area" class="form-control">

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="row">

            <div class="col-3">

                <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($customer->city) ? old('city', $customer->city) : old('city') }}"
                            id="city" class="form-control">

                    </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($customer->address) ? old('address', $customer->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