<x-app-layout>
    <div class="py-12 px-6 lg:px-12 min-h-screen">
        <div class="max-w-3xl mx-auto space-y-12">
            <!-- Phase 15: Corporate Identity Header -->
            <header class="space-y-4 border-l-4 border-white/20 pl-6 animate-in fade-in slide-in-from-top-4 duration-1000">
                <h2 class="font-display text-4xl font-black text-white tracking-tighter italic uppercase leading-none text-indigo-400">Identitas Korporasi</h2>
                <p class="text-slate-500 text-[10px] font-black uppercase tracking-[0.4em] italic leading-none">Konfigurasi Parameter Publik & Operasional Leasing</p>
            </header>

            <!-- Deployment Interface Card -->
            <div class="relative group animate-in fade-in zoom-in duration-700">
                <div class="absolute -inset-1 bg-gradient-to-b from-indigo-500/20 to-transparent rounded-[40px] blur-2xl opacity-50"></div>
                <div class="relative bg-white/5 border border-white/5 rounded-[40px] p-12 shadow-3xl backdrop-blur-3xl overflow-hidden">
                    <!-- Matrix Decorative Element -->
                    <div class="absolute top-0 right-0 w-64 h-64 bg-indigo-500/5 blur-3xl rounded-full -mr-32 -mt-32"></div>
                    
                    @if(session('success'))
                        <div class="mb-10 p-6 bg-indigo-500/10 border border-indigo-500/20 text-indigo-400 rounded-3xl font-black text-[10px] uppercase tracking-widest italic flex items-center gap-4 animate-in fade-in slide-in-from-left-4">
                            <svg class="w-5 h-5 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg>
                            {{ session('success') }}
                        </div>
                    @endif

                    <form action="{{ route('leasing.profile.update') }}" method="POST" class="space-y-10 relative z-10">
                        @csrf
                        @method('PATCH')
                        
                        <div class="grid gap-10">
                            <div class="space-y-4">
                                <label class="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 italic ml-2">Legacy Name / Nama Perusahaan</label>
                                <x-text-input name="company_name" required placeholder="NAMA PERUSAHAAN" value="{{ old('company_name', $profile->company_name) }}" autocomplete="off" />
                            </div>

                            <div class="space-y-4">
                                <label class="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 italic ml-2">WhatsApp Bisnis (Lead Tracking)</label>
                                <x-text-input name="phone" placeholder="0812XXXX (FORMAT INTERNASIONAL)" value="{{ old('phone', $profile->phone) }}" autocomplete="off" />
                            </div>

                            <div class="space-y-4">
                                <label class="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 italic ml-2">Domisili Markas Besar / Alamat</label>
                                <textarea name="address" rows="4" placeholder="ALAMAT KANTOR PUSAT OPERASIONAL..." 
                                    class="w-full bg-white/5 border-white/10 focus:border-indigo-500 focus:ring-0 rounded-3xl shadow-2xl text-white font-bold placeholder:text-slate-700 transition-all duration-500 px-8 py-6 italic text-sm">{{ old('address', $profile->address) }}</textarea>
                            </div>
                        </div>

                        <div class="pt-10 border-t border-white/5">
                            <button type="submit" 
                                class="w-full h-20 bg-white text-slate-950 rounded-3xl font-black text-[11px] uppercase tracking-[0.3em] hover:bg-indigo-600 hover:text-white transition-all transform active:scale-95 shadow-3xl italic">
                                Sinkronisasi Parameter Profil →
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
