@extends('layout.layout')

@section('content')
@include('custom::component.reply-btn', ['url' => route('user.profile.show')])
<div class="row mb-3">
  <div class="col-md">
    <form method="POST">
      {{csrf_field()}}
      {{-- 帳號 --}}
      @component('custom::components/form/form-group', ['id' => 'uid'])
        @slot('label')
          <b>※&nbsp;帳號</b>
        @endslot
        <input type="text" id="uid" name="uid" class="form-control @error('uid') is-invalid @enderror" placeholder="帳號" value="{{old('uid', $user->uid)}}" readonly />
        <small class="form-text text-muted w-100">只能數字/小寫/底線</small>
      @endcomponent
      {{-- 姓名 --}}
      @component('custom::components/form/form-group', ['id' => 'name'])
        @slot('label')
          <b>※&nbsp;姓名</b>
        @endslot
        <input type="text" id="name" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="姓名" value="{{old('name', $user->name)}}" required />
      @endcomponent
      {{-- 電子信箱 --}}
      @component('custom::components/form/form-group', ['id' => 'email'])
        @slot('label')
          <b>※&nbsp;電子信箱</b>
        @endslot
        <input type="text" id="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="電子信箱" value="{{old('email', $user->email)}}" required />
      @endcomponent
      {{-- 行動電話 --}}
      @component('custom::components/form/form-group', ['id' => 'phone'])
        @slot('label')
          <b>※&nbsp;行動電話</b>
        @endslot
        <input type="text" id="phone" name="phone" class="form-control @error('phone') is-invalid @enderror" placeholder="09XXXXXXXX" value="{{old('phone', $user->phone)}}" required />
      @endcomponent

      {{-- Submit --}}
      <div class="row form-group">
        <div class="col-md-6 offset-md-3 text-center">
          <button type="submit" class="btn btn-success">
            <i class="fa-solid fa-floppy-disk"></i>儲存
          </button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection