@extends('layouts.app')

@section('title', 'Settings')

@section('content')
<div class="row mb-3">
    <div class="col-md-8">
        <h3>Application Settings</h3>
    </div>
</div>

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

    <div class="mb-3">
        <label class="form-label">App Name</label>
        <input type="text" name="app_name" class="form-control"
               value="{{ old('app_name', $setting->app_name) }}">
    </div>

    <div class="mb-3">
        <label class="form-label">Theme Color (cards, buttons)</label>
        <input type="color" name="theme_color" class="form-control form-control-color"
               value="{{ old('theme_color', $setting->theme_color) }}">
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label class="form-label">Navbar Background Color</label>
            <input type="color" name="navbar_color" class="form-control form-control-color"
                   value="{{ old('navbar_color', $setting->navbar_color) }}">
        </div>
        <div class="col-md-6">
            <label class="form-label">Navbar Text Color</label>
            <input type="color" name="navbar_text_color" class="form-control form-control-color"
                   value="{{ old('navbar_text_color', $setting->navbar_text_color) }}">
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label d-block">Logo</label>
        <input type="file" name="logo" class="form-control mb-2">
        @if($setting->logo)
            <div class="mt-2">
                <small class="d-block text-muted">Current logo:</small>
                <img src="{{ asset('storage/'.$setting->logo) }}" alt="logo" style="height:50px;">
            </div>
        @endif
    </div>

    <button class="btn btn-primary">Save</button>
</form>
@endsection