@extends('layouts.dashboard')

@section('content')
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0">Edit Profile</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item">
            <a href="{{ url('/dashboard') }}">Home</a>
          </li>
          <li class="breadcrumb-item active">Edit Profile</li>
        </ol>
      </div>
    </div>
  </div>
</div>
<section class="content">
<div class="container-fluid">
    @include('util.notify')
</div>
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">Edit Profile: <small>(Update your profile details)</small></h3>
    </div>
    <div class="card-body">
      <form method="POST" action="{{ route('profile.update') }}" novalidate class="form-styling register-form" id="register_form">
        @csrf
        <div class="form-row">
          <div class="col-md-6 col-12">
            <div class="form-group">
              <label for="name">Name <i>*</i></label>
              <small class="checkuser">(4 to 30 characters)</small>
              <input type="text" name="name" id="name" class="form-control longinput" value="{{ old('name', $user->name) }}" autocomplete="off" />
            </div>
            @error('name')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
          <div class="col-md-6 col-12">
            <div class="form-group">
              <label for="email">Email <i>*</i></label>
              <input type="email" name="email" id="email" class="form-control longinput" value="{{ old('email', $user->email) }}" autocomplete="off" />
            </div>
            @error('email')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
        </div>
        <div class="form-row">
          <div class="col-md-6 col-12">
            <div class="form-group">
              <label for="password">Password <i>*</i></label>
              <small class="checkuser">(Leave blank if not changing)</small>
              <input type="password" name="password" id="password" class="form-control longinput" autocomplete="off" />
            </div>
            @error('password')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
          <div class="col-md-6 col-12">
            <div class="form-group">
              <label for="password_confirmation">Confirm Password <i>*</i></label>
              <input type="password" name="password_confirmation" id="password_confirmation" class="form-control longinput" autocomplete="off" />
            </div>
            @error('password_confirmation')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
        </div>
        <div class="center">
          <button class="btn btn-primary" type="submit">Update Profile</button>
        </div>
      </form>
    </div>
    <div class="card-footer">
      <small>Update and manage your profile details. Ensure all your information is accurate and up-to-date.</small>
    </div>
  </div>
</section>
@endsection