@extends('layouts.internal')

@section('content')
<div class="max-w-6xl mx-auto h-[calc(100vh-60px)] flex flex-col p-4">
    <h1 class="text-3xl font-bold text-white mb-4 tracking-tight flex-none">Layanan Kami</h1>

    @if(session('success'))
        <div class="bg-green-500 text-white p-3 rounded-lg mb-4 flex-none shadow-lg text-sm">
            {{ session('success') }}
        </div>
    @endif

    <div class="bg-[#001040] border border-white/20 rounded-xl p-5 shadow-2xl flex-1 flex flex-col overflow-hidden">
        
        @if(in_array(auth()->user()->id, [1, 2]))
            {{-- PERHATIKAN: Route harus sesuai dengan web.php Anda --}}
            <form action="{{ route('admin.layanan.update') }}" method="POST" class="flex flex-col h-full">
                @csrf
                
                <label class="block text-white font-bold text-lg tracking-tight mb-3 flex-none italic underline decoration-orange-500 underline-offset-8">
                    Masukan Layanan (4 Slot):
                </label>

                <div class="flex-1 overflow-y-auto pr-2 custom-scrollbar">
                    <div class="grid md:grid-cols-2 gap-4">
                        @for ($i = 0; $i < 4; $i++)
                        @php 
                            // Mengambil data secara aman berdasarkan urutan index collection
                            $currentData = $list_layanan->get($i); 
                        @endphp
                        <div class="bg-white rounded-lg p-4 shadow-md flex flex-col flex-none border-l-8 border-orange-500 hover:border-blue-500 transition-colors">
                            <span class="text-[10px] font-bold text-gray-400 uppercase mb-1">Slot Layanan #{{ $i+1 }}</span>
                            
                            {{-- Input Title --}}
                            <input type="text" 
                                name="layanan_{{ $i+1 }}_title" 
                                placeholder="Contoh: Sewa Alat Berat Konstruksi"
                                class="w-full text-[#001040] font-black text-base border-none focus:ring-0 p-0 mb-2 placeholder:text-gray-300" 
                                value="{{ old('layanan_'.($i+1).'_title', $currentData->nama_layanan ?? '') }}">
                            
                            {{-- Input Description --}}
                            <textarea 
                                name="layanan_{{ $i+1 }}_desc" 
                                placeholder="Masukkan deskripsi detail layanan di sini..."
                                class="w-full h-24 text-gray-600 text-xs leading-relaxed border-t border-gray-100 focus:ring-0 pt-2 resize-none font-medium placeholder:text-gray-300">{{ old('layanan_'.($i+1).'_desc', $currentData->deskripsi_layanan ?? '') }}</textarea>
                        </div>
                        @endfor
                    </div>
                </div>

                <div class="flex justify-end mt-4 flex-none">
                    <button type="submit" class="bg-orange-500 hover:bg-orange-600 text-white font-black px-10 py-3 rounded-lg text-sm shadow-lg transform transition active:scale-95 uppercase tracking-widest">
                        Simpan Perubahan
                    </button>
                </div>
            </form>
        @else
            {{-- Jika bukan User 1 atau 2 --}}
            <div class="flex flex-col items-center justify-center h-full text-white/50">
                <p class="text-xl font-bold uppercase">Mode View-Only</p>
                <p class="text-xs mt-2">Konten ini khusus Administrator (ID 1 & 2).</p>
            </div>
        @endif
    </div>
</div>
@endsection