@extends('layouts.authUser')

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

<form method="post" action="{{ route('ManageSupplier.UpdateSupplier', $supplier->id) }}">
    @csrf
    @method('PUT')
    
    <div class="content-container">
    <div class="profile">
        <i class="bx bxs-user-circle icon-profile"></i>
        <p><b>{{ $supplier->name }}</b></p>
    </div>

    <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', $supplier->name) }}" autocomplete="name" 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', $supplier->phone_num) }}" autocomplete="phone_num" 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', $supplier->email) }}" autocomplete="email" 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" placeholder="{{ __('Alamat') }}">{!! $supplier->address !!}</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', $supplier->id) }}" class="btn btn-cancel">{{ __('Batal') }}</a>
        <button type="submit" id="submitBtn" class="btn btn-save">{{ __('Simpan') }}</button>
    </div>
</div>  
</div>
</form>
@endsection