@extends('layouts.admin')
@section('title', 'Settings')
@section('header', 'Site Settings')

@section('content')
<form method="POST" action="{{ route('admin.settings.update') }}" class="space-y-6 max-w-xl">
    @csrf
    @method('PUT')

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="text-lg font-bold text-primary mb-4">General Settings</h3>
        
        <div class="space-y-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Site Title</label>
                <input type="text" name="site_title" value="{{ old('site_title', $settings['site_title']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Tagline</label>
                <input type="text" name="site_tagline" value="{{ old('site_tagline', $settings['site_tagline']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Contact Email</label>
                <input type="email" name="contact_email" value="{{ old('contact_email', $settings['contact_email']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>
        </div>
    </div>

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="text-lg font-bold text-primary mb-4">Contact Info</h3>
        
        <div class="space-y-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Address</label>
                <input type="text" name="address" value="{{ old('address', $settings['address']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
                <input type="text" name="phone" value="{{ old('phone', $settings['phone']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>
        </div>
    </div>

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="text-lg font-bold text-primary mb-4">Social Links</h3>
        
        <div class="space-y-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Facebook</label>
                <input type="text" name="facebook" value="{{ old('facebook', $settings['facebook']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Twitter</label>
                <input type="text" name="twitter" value="{{ old('twitter', $settings['twitter']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">Instagram</label>
                <input type="text" name="instagram" value="{{ old('instagram', $settings['instagram']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-2">LinkedIn</label>
                <input type="text" name="linkedin" value="{{ old('linkedin', $settings['linkedin']) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
            </div>
        </div>
    </div>

    <button type="submit" class="px-6 py-2 bg-accent text-primary font-semibold rounded-lg hover:bg-primary-100">Save Settings</button>
</form>
@endsection