@extends('layouts.authUser')

@section('content')
<h2>Tambah pembekal</h2>

    <form method="POST" action="{{ route('ManageSupplier.StoreNewSupplier') }}">
        @csrf
        
        <div class="content-container">
        <div class="content-info mt-4">
        <div class="col-auto">
            <label for="name" class="col-form-label">Nama:</label>
        </div>
        <div class="col-auto">
            <input type="text" name="name" id="name"  class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" autocomplete="name" autofocus placeholder="{{ __('Nama') }}">
            @error('name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="col-auto">
            <label for="phone_num" class="col-form-label">Nombor telefon:</label>
        </div>
        <div class="col-auto">
            <input type="text" name="phone_num" id="phone_num" class="form-control @error('phone_num') is-invalid @enderror" value="{{ old('phone_num') }}" autocomplete="phone_num" autofocus placeholder="{{ __('Nombor telefon') }}">
            @error('phone_num')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="col-auto">
            <label for="email" class="col-form-label">E-mel:</label>
        </div>
        <div class="col-auto">
            <input type="text" name="email" id="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" autocomplete="email" autofocus placeholder="{{ __('E-mel') }}">
            @error('email')
                <span class="invalid-feedback" role="alert" id="backendEmailError">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
          <span class="invalid-feedback fw-bold" role="alert" id="emailError"></span>
        </div>

        <div class="col-auto">
            <label for="address" class="col-form-label">Alamat:</label>
        </div>
        <div class="col-auto">
            <textarea name="address" id="address" rows="3" class="form-control @error('address') is-invalid @enderror" autocomplete="address" autofocus placeholder="{{ __('Alamat') }}"></textarea>
            @error('address')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        
        </div>

        <div class="button-container">
        <a href="{{ route('ManageSupplier.SupplierList') }}" class="btn btn-cancel">{{ __('Batal') }}</a>
        <button type="submit" id="submitBtn" class="btn btn-save">{{ __('Tambah') }}</button>
        </div>
        </div>
    </form>
@endsection