Skip to content

Instantly share code, notes, and snippets.

@davidbirkin
Created February 21, 2024 13:47
Show Gist options
  • Save davidbirkin/d55149a3687000cdd92bc59109d14592 to your computer and use it in GitHub Desktop.
Save davidbirkin/d55149a3687000cdd92bc59109d14592 to your computer and use it in GitHub Desktop.
<section>
<header>
<h2 class="text-lg font-medium text-gray-900">
{{ __('Company Profile Information') }}
</h2>
</header>
<form wire:submit="save" method="post" action="{{ route('company.update.basic') }}" class="mt-6 w-full"
enctype="multipart/form-data">
@csrf
@method('patch')
<div class="w-full md:w-1/2 space-y-6" id="basic_info">
<div>
<x-input-label for="name" :value="__('Company Name')"/>
<x-text-input wire:model="name" id="name" name="name" type="text" class="mt-1 block w-full"
required autofocus autocomplete="name"/>
<x-input-error class="mt-2" :messages="$errors->get('name')"/>
</div>
<div>
<x-input-label for="email" :value="__('Company Email')"/>
<x-text-input wire:model="email" id="email" name="email" type="email" class="mt-1 block w-full"
<x-input-error class="mt-2" :messages="$errors->get('email')"/>
</div>
<div>
<x-input-label for="website" :value="__('Company Website')"/>
<x-text-input wire:model="website" id="website" name="website" type="url" class="mt-1 block w-full"
<x-input-error class="mt-2" :messages="$errors->get('website')"/>
</div>
</div>
<div class="space-y-3 w-full md:w-1/2" id="logo_wrapper">
<x-input-label for="logo" :value="__('Company Logo')"/>
<img src="{{ $company->logo }}" alt="{{ $company->name }}" class="rounded">
<x-input-label for="logo" :value="__('Upload New Logo')" class="my-2"/>
<input wire:model="logo" id="logo" name="logo" class="mt-1 block rounded" type="file" accept="image/*"/>
<x-input-error class="mt-2" :messages="$errors->get('logo')"/>
</div>
<x-primary-button
class="mt-5 disabled:cursor-not-allowed disabled:opacity-75">{{ __('Save') }}
</x-primary-button>
<!-- Success Indicator -->
<div
x-show="$wire.showSuccessIndicator"
x-transition.out.opacity.duration.2000ms
x-effect="if($wire.showSuccessIndicator) setTimeout(() => $wire.showSuccessIndicator = false, 3000)"
class="flex justify-start pt-4"
aria-live="polite"
>
<div class="flex gap-2 items-center text-green-500 text-sm font-medium">
Profile updated successfully
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
</div>
</form>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment