File Manager

Editing:update-profile-photo-form.blade.php

<section>
    <header>
        <h2 class="text-lg font-medium text-navy">
            {{ __('Profile Photo') }}
        </h2>
        <p class="mt-1 text-sm text-gray-600">
            {{ __('Upload or update your profile picture.') }}
        </p>
    </header>

<div class="mt-6 flex items-center gap-6">
        <div class="shrink-0">
            <img id="profile-preview" class="h-24 w-24 rounded-full object-cover ring-2 ring-orange/30" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}">
        </div>

<form id="photo-form" action="{{ route('profile.photo.update') }}" method="POST" enctype="multipart/form-data" class="flex-1">
            @csrf
            <label class="block">
                <span class="sr-only">Choose photo</span>
                <input type="file" name="photo" accept="image/jpeg,image/png,image/webp" onchange="previewAndUpload(this)"
                    class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-orange file:text-white hover:file:bg-orange-dark transition cursor-pointer">
            </label>
            <p class="text-xs text-gray-400 mt-2">JPG, PNG or WebP. Max 2MB.</p>
        </form>

@if(Auth::user()->profile_photo_path)
            <form action="{{ route('profile.photo.remove') }}" method="POST" onsubmit="return confirm('Remove profile photo?')">
                @csrf @method('DELETE')
                <button type="submit" class="text-sm text-red-600 hover:text-red-800 font-medium">Remove</button>
            </form>
        @endif
    </div>
</section>

Cancel

🤩 File Manager - Mr.X

Editing:update-profile-photo-form.blade.php