mirror of https://github.com/kcal-app/kcal.git
71 lines
2.9 KiB
PHP
71 lines
2.9 KiB
PHP
<x-app-layout>
|
|
<x-slot name="title">Edit Profile</x-slot>
|
|
<x-slot name="header">
|
|
<h1 class="font-semibold text-xl text-gray-800 leading-tight">Edit Profile</h1>
|
|
</x-slot>
|
|
<form method="POST" enctype="multipart/form-data" action="{{ route('profiles.update', $user) }}">
|
|
@method('put')
|
|
@csrf
|
|
<div class="flex flex-col space-y-4">
|
|
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
|
<!-- Username -->
|
|
<div class="flex-auto">
|
|
<x-inputs.label for="username" value="Username"/>
|
|
|
|
<x-inputs.input name="username"
|
|
type="text"
|
|
class="block mt-1 w-full"
|
|
autocapitalize="none"
|
|
:value="old('username', $user->username)"
|
|
:hasError="$errors->has('username')"
|
|
required />
|
|
</div>
|
|
|
|
<!-- Name -->
|
|
<div class="flex-auto">
|
|
<x-inputs.label for="name" value="Display name"/>
|
|
|
|
<x-inputs.input name="name"
|
|
type="text"
|
|
class="block mt-1 w-full"
|
|
:value="old('name', $user->name)"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
|
<!-- Password -->
|
|
<div class="flex-auto">
|
|
<x-inputs.label for="password" value="Password"/>
|
|
|
|
<x-inputs.input name="password"
|
|
type="password"
|
|
class="block mt-1 w-full"
|
|
:hasError="$errors->has('password')"
|
|
:required="!$user->exists"/>
|
|
</div>
|
|
|
|
<!-- Password confirm -->
|
|
<div class="flex-auto">
|
|
<x-inputs.label for="password_confirmation" value="Confirm Password"/>
|
|
|
|
<x-inputs.input name="password_confirmation"
|
|
type="password"
|
|
class="block mt-1 w-full"
|
|
:hasError="$errors->has('password')"
|
|
:required="!$user->exists"/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image -->
|
|
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
|
<x-inputs.image :model="$user" preview_name="icon" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end mt-4">
|
|
<x-inputs.button>Save</x-inputs.button>
|
|
</div>
|
|
</form>
|
|
</x-app-layout>
|