@extends('layouts.app')

@section('title', __('app.settings'))

@section('content')
    <form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data"
          class="bg-white rounded-xl border p-6 max-w-2xl space-y-5">
        @csrf
        @method('PUT')

        @foreach ([
            'showroom_name' => 'text',
            'address' => 'text',
            'phone' => 'text',
            'email' => 'email',
            'website' => 'text',
            'currency_symbol' => 'text',
            'invoice_prefix' => 'text',
        ] as $field => $type)
            <div>
                <label class="block text-sm font-medium mb-1">{{ __('app.'.$field) }}</label>
                <input type="{{ $type }}" name="{{ $field }}" value="{{ old($field, $settings[$field] ?? '') }}"
                       class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500 text-sm px-3 py-2">
                @error($field)
                    <p class="text-xs text-red-600 mt-1">{{ $message }}</p>
                @enderror
            </div>
        @endforeach

        <div>
            <label class="block text-sm font-medium mb-1">{{ __('app.invoice_footer') }}</label>
            <textarea name="invoice_footer" rows="2"
                      class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500 text-sm px-3 py-2">{{ old('invoice_footer', $settings['invoice_footer'] ?? '') }}</textarea>
        </div>

        <div>
            <label class="block text-sm font-medium mb-1">{{ __('app.receipt_footer') }}</label>
            <textarea name="receipt_footer" rows="2"
                      class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500 text-sm px-3 py-2">{{ old('receipt_footer', $settings['receipt_footer'] ?? '') }}</textarea>
        </div>

        <div>
            <label class="block text-sm font-medium mb-1">{{ __('app.logo') }}</label>
            <input type="file" name="logo" accept="image/*" class="text-sm">
        </div>

        <button type="submit" class="bg-slate-900 text-white rounded-lg px-5 py-2.5 text-sm font-medium hover:bg-slate-800">
            {{ __('app.save') }}
        </button>
    </form>
@endsection