@extends('layouts.app')

@section('title', 'Brand')

@section('content')

    @if (isset($brand->sno))

        <form action="" method="post" id="brand">

        @else

            <form action="{{ route('savebrand') }}" method="post" id="brand">

    @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>Drivers</h1> --}}

            <div class="row">

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

                    <div class="row">

                        <div class="col-4">

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

                        </div>

                        <div class="col-6">

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

                        </div>

                    </div>

                </div>

            </div>

            <br>

            <div class="row">

                <div class="col-6">

                    <div class="row">

                        <div class="col-2">

                            <label for="name">Brand</label>

                        </div>

                        <div class="col-9">

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

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <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>

    </form>

@endsection

@section('scripts')

    <script>

        $(window).ready(function() {

            $('[name="name"]').focus();

        });

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

    </script>

@endsection