@extends('layouts.app')

@section('title', __('New Supplier'))

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('New Supplier') }}</h5>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('supplier.store') }}" class="needs-validation" novalidate>
                            @csrf
                            <div class="form-row">
                                <div class="col-md-6 mb-3">
                                    <label for="name">{{ __('Supplier Name') }}</label>
                                    <input id="name" type="text"
                                           class="form-control @if($errors->has('name')) is-invalid @endif"
                                           name="name" required
                                           value="{{ old('name') }}"/>
                                    <div class="invalid-tooltip">
                                        @if($errors->has('name'))
                                            {{ $errors->first('name') }}
                                        @else
                                            {{ __('Supplier name is Required') }}
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="amount">{{ __('Supplier Balance') }}</label>
                                    <input id="amount" class="form-control" type="number" disabled value="0"/>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="col-md-2">
                                    <label for="description">{{ __('Description') }}</label>
                                </div>
                                <div class="col-md-10 mb-3">
                                        <textarea class="form-control" name="description" id="description"
                                                  rows="3">{{ old('description') }}</textarea>
                                </div>
                            </div>

                            <div class="form-row justify-content-between">
                                <div class="col-md-2 mb-2">
                                    <button type="submit" class="btn btn-primary btn-block">{{ __('Save') }}</button>
                                </div>
                                <div class="col-md-2 mb-2">
                                    <button type="reset" class="btn btn-danger btn-block">{{ __('Clear') }}</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="application/javascript">
        (function () {
            'use strict';
            window.addEventListener('load', function () {
                let forms = document.getElementsByClassName('needs-validation');
                let validation = Array.prototype.filter.call(forms, function (form) {
                    form.addEventListener('submit', function (event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>
@endsection