@extends('layouts.app')

@section('content')
<div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
    <div class="px-4 py-6 sm:px-0">
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-2xl font-semibold text-gray-900">Settings</h1>
        </div>

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

        <div class="bg-white shadow overflow-hidden sm:rounded-md">
            <div class="px-4 py-5 sm:p-6">
                <form action="{{ route('settings.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="mb-6">
                        <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Article Processing</h3>
                        
                        <div class="flex items-center justify-between">
                            <div class="flex-1">
                                <label class="text-sm font-medium text-gray-700">Enable Article Processing</label>
                                <p class="text-sm text-gray-500 mt-1">When disabled, the system will not fetch new articles or publish them to platforms.</p>
                            </div>
                            <div class="ml-4">
                                <label class="inline-flex items-center">
                                    <input type="hidden" name="article_processing_enabled" value="0">
                                    <input type="checkbox" 
                                           name="article_processing_enabled" 
                                           value="1" 
                                           {{ $articleProcessingEnabled ? 'checked' : '' }}
                                           class="form-checkbox h-5 w-5 text-blue-600">
                                    <span class="ml-2 text-sm text-gray-700">
                                        {{ $articleProcessingEnabled ? 'Enabled' : 'Disabled' }}
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="mb-6">
                        <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Publishing Control</h3>
                        
                        <div class="flex items-center justify-between">
                            <div class="flex-1">
                                <label class="text-sm font-medium text-gray-700">Enable Publishing Approvals</label>
                                <p class="text-sm text-gray-500 mt-1">When enabled, articles will require manual approval before being published to platforms.</p>
                            </div>
                            <div class="ml-4">
                                <label class="inline-flex items-center">
                                    <input type="hidden" name="enable_publishing_approvals" value="0">
                                    <input type="checkbox" 
                                           name="enable_publishing_approvals" 
                                           value="1" 
                                           {{ $publishingApprovalsEnabled ? 'checked' : '' }}
                                           class="form-checkbox h-5 w-5 text-blue-600">
                                    <span class="ml-2 text-sm text-gray-700">
                                        {{ $publishingApprovalsEnabled ? 'Enabled' : 'Disabled' }}
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="flex justify-end">
                        <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                            Save Settings
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection