@extends('layouts.app')

@section('header')
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
        {{ __('Settings') }}
    </h2>
@endsection

@section('content')
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    <h3 class="text-lg font-medium text-gray-900">Application Settings</h3>
                    <div class="mt-4 space-y-2">
                        <p><strong>App Name:</strong> {{ $settings['app_name'] }}</p>
                        <p><strong>CRM Name:</strong> {{ $settings['crm_name'] }}</p>
                        <p><strong>Logo:</strong></p>
                        @if($settings['logo_path'])
                            <img src="{{ asset('storage/' . $settings['logo_path']) }}" alt="Logo" class="w-32 h-32 object-cover">
                        @else
                            <p>No logo uploaded.</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    <form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
                        @csrf
                        @method('PATCH')

                        <!-- App Name -->
                        <div>
                            <x-input-label for="app_name" :value="__('App Name')" />
                            <x-text-input id="app_name" name="app_name" type="text" class="mt-1 block w-full" :value="old('app_name', $settings['app_name'])" required autofocus autocomplete="app_name" />
                            <x-input-error :messages="$errors->get('app_name')" class="mt-2" />
                        </div>

                        <!-- CRM Name -->
                        <div class="mt-4">
                            <x-input-label for="crm_name" :value="__('CRM Name')" />
                            <x-text-input id="crm_name" name="crm_name" type="text" class="mt-1 block w-full" :value="old('crm_name', $settings['crm_name'])" required autocomplete="crm_name" />
                            <x-input-error :messages="$errors->get('crm_name')" class="mt-2" />
                        </div>

                        <!-- Logo -->
                        <div class="mt-4">
                            <x-input-label for="logo" :value="__('Logo')" />
                            <input id="logo" name="logo" type="file" class="mt-1 block w-full" accept="image/*" />
                            <x-input-error :messages="$errors->get('logo')" class="mt-2" />
                        </div>

                        <div class="flex items-center justify-end mt-6">
                            <x-primary-button>
                                {{ __('Update Settings') }}
                            </x-primary-button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection