@extends('layout')

@section('title', 'Pengaturan Sistem')

@section('content')
<div class="p-6 bg-white rounded-lg shadow animate-fade-in">
    <h2 class="mb-4 text-xl font-semibold text-gray-800">Pengaturan Sistem</h2>

    @if (session('success'))
        <div class="p-3 mb-4 text-green-700 bg-green-100 border border-green-300 rounded-lg">
            {{ session('success') }}
        </div>
    @endif

    <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data" class="space-y-6">
        @csrf

        {{-- Nama Instansi --}}
        <div>
            <label class="block mb-1 text-sm font-medium text-gray-700">Nama Instansi</label>
            <input type="text" name="institution_name" 
                   value="{{ old('institution_name', $setting->institution_name ?? '') }}"
                   class="w-full p-2 border rounded-lg focus:ring focus:ring-blue-300" required>
            @error('institution_name') 
                <p class="text-sm text-red-600">{{ $message }}</p> 
            @enderror
        </div>

        {{-- Email --}}
        <div>
            <label class="block mb-1 text-sm font-medium text-gray-700">Email Instansi</label>
            <input type="email" name="email" 
                   value="{{ old('email', $setting->email ?? '') }}"
                   class="w-full p-2 border rounded-lg focus:ring focus:ring-blue-300" required>
            @error('email') 
                <p class="text-sm text-red-600">{{ $message }}</p> 
            @enderror
        </div>

        {{-- Logo --}}
        <div>
            <label class="block mb-1 text-sm font-medium text-gray-700">Logo Instansi</label>
            <input type="file" name="logo" accept="image/*" class="block w-full">
            @if(!empty($setting->logo))
                <div class="mt-2">
                    <img src="{{ Storage::url($setting->logo) }}" alt="Logo" class="h-20 rounded-md">
                </div>
            @endif
            @error('logo') <p class="text-sm text-red-600">{{ $message }}</p> @enderror
        </div>

        {{-- File Kebijakan --}}
        <div>
            <label class="block mb-1 text-sm font-medium text-gray-700">File Kebijakan (PDF)</label>
            <input type="file" name="policy_file" accept="application/pdf" class="block w-full">
            @if(!empty($setting->policy_file))
                <div class="mt-2">
                    <a href="{{ Storage::url($setting->policy_file) }}" target="_blank" class="text-blue-600 underline">
                        Lihat File Kebijakan
                    </a>
                </div>
            @endif
            @error('policy_file') <p class="text-sm text-red-600">{{ $message }}</p> @enderror
        </div>

        {{-- Tombol Simpan --}}
        <div class="flex justify-end">
            <button type="submit" 
                    class="px-4 py-2 text-white bg-blue-600 rounded-lg hover:bg-blue-700">
                Simpan
            </button>
        </div>
    </form>
</div>
@endsection