@extends('layouts.authUser')

@section('content')
<h2>Kemaskini profil</h2>
<form method="post" action="{{ route('ManageUser.UpdateUserProfile', ['user' => $user->id]) }}">
    @csrf
    @method('PUT')
    
    <div class="content-container">
    <div class="profile">
        <i class="icon-profile bx bxs-user-circle"></i>
        <p><b>{{ $user->username }}</b></p>
    </div>

    <div class="content-info mt-4">
        <div class="col-auto">
            <label for="name" class="col-form-label">Nama penuh:</label>
        </div>
        <div class="col-auto">
            <input type="text" name="name" id="name"  class="form-control @error('name') is-invalid @enderror"  value="{{ old('name', $user->name) }}" autocomplete="name" placeholder="{{ __('Nama penuh') }}">
            @error('name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        
        <div class="col-auto">
            <label for="role" class="col-form-label">Pengguna:</label>
        </div>

        <div class="col-auto">
            <label for="role" class="col-form-label">{{ $user->role }}</label>
        </div>

        <div class="col-auto">
            <label for="username" class="col-form-label">Nama pengguna:</label>
        </div>
        <div class="col-auto">
            <input type="text" name="username" id="username" class="form-control @error('username') is-invalid @enderror" value="{{ old('username', $user->username) }}" autocomplete="username" placeholder="{{ __('Nama pengguna') }}">
            @error('username')
                <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', $user->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="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', $user->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="created_at" class="col-form-label">Akaun didaftar pada:</label>
        </div>
        <div class="col-auto">
            <label for="created_at" class="col-form-label">{{ $user->created_at->format('j M Y, g:i a') }}</label>
        </div>

        <div class="col-auto">
            <label for="updated_at" class="col-form-label">Akaun dikemaskini pada:</label>
        </div>

        <div class="col-auto">
            <label for="created_at" class="col-form-label">{{ $user->updated_at->format('j M Y, g:i a') }}</label>
        </div>
    </div>
  
    <div class="button-container">
        <a href="{{ route('ManageUser.UserProfile', ['user' => $user->id]) }}" class="btn btn-cancel">{{ __('Batal') }}</a>
        <button type="submit" id="submitBtn" class="btn btn-save">{{ __('Simpan') }}</button>
    </div>
    </div>  
</form>
@endsection