withot changing variable improve this  code UX 
@extends('layouts.business-partner')

@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold">Add User</h1>
    <a href="{{ route('partner.users.index', ['partner' => $partner->slug]) }}" 
       class="bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded font-semibold">
        Back to Users
    </a>
</div>
    @if ($errors->any())
        <div class="mb-4 p-4 bg-red-100 border border-red-300 text-red-700 rounded">
            <ul class="list-disc pl-5">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form method="POST" action="{{ route('partner.users.store', ['partner' => $partner->slug]) }}" class="bg-white shadow-lg rounded-xl p-10 max-w-2xl mx-auto space-y-8">
        @csrf
        <div>
            <label for="first_name" class="block text-gray-700 font-medium mb-1">First Name</label>
            <input type="text" name="first_name" id="first_name" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition" required>
            @error('first_name')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="last_name" class="block text-gray-700 font-medium mb-1">Last Name</label>
            <input type="text" name="last_name" id="last_name" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition" required>
            @error('last_name')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="email" class="block text-gray-700 font-medium mb-1">Email</label>
            <input type="email" name="email" id="email" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition" required>
            @error('email')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="phone" class="block text-gray-700 font-medium mb-1">Phone</label>
            <input type="text" name="phone" id="phone" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition">
            @error('phone')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="access_level" class="block text-gray-700 font-medium mb-1">Access Level</label>
            <select name="access_level" id="access_level" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition">
                <option value="admin" {{ old('access_level') === 'admin' ? 'selected' : '' }}>Admin</option>
                <option value="viewer" {{ old('access_level') === 'viewer' ? 'selected' : '' }}>Viewer</option>
            </select>
            @error('access_level')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="password" class="block text-gray-700 font-medium mb-1">Password</label>
            <input type="password" name="password" id="password" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition" required>
            @error('password')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="password_confirmation" class="block text-gray-700 font-medium mb-1">Confirm Password</label>
            <input type="password" name="password_confirmation" id="password_confirmation" class="w-full px-4 py-3 bg-white border border-gray-400 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition" required>
            @error('password_confirmation')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <button type="submit" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-lg text-lg transition duration-150">Create User</button>
        </div>
    </form>
@endsection