@extends('layouts.app')
@section('title', 'Company Settings')
@section('content')
<div class="page-header">
    <h2 class="page-title">Company Settings</h2>
    <p class="page-subtitle">Manage your company information and invoice preferences</p>
</div>

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

    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Company Information</h3>
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
            <x-form-group label="Company Name" name="company_name" :value="old('company_name', $setting->company_name ?? '')" required placeholder="Enter company name" />
            <x-form-group label="Email" name="email" type="email" :value="old('email', $setting->email ?? '')" placeholder="company@example.com" />
            <x-form-group label="Phone" name="phone" :value="old('phone', $setting->phone ?? '')" placeholder="+91 9876543210" />
            <x-form-group label="Website" name="website" :value="old('website', $setting->website ?? '')" placeholder="https://example.com" />
        </div>
    </div>

    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Tax Information</h3>
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
            <x-form-group label="GST Number" name="gst_number" :value="old('gst_number', $setting->gst_number ?? '')" placeholder="22AAAAA0000A1Z5" />
            <x-form-group label="PAN Number" name="pan_number" :value="old('pan_number', $setting->pan_number ?? '')" placeholder="AAAAA0000A" />
        </div>
    </div>

    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Company Logo</h3>
        <div class="flex flex-col sm:flex-row items-start gap-6">
            <div class="flex-shrink-0">
                @if($setting->company_logo ?? false)
                    <img src="{{ $setting->logo_url }}" alt="Company Logo" class="w-32 h-32 object-contain rounded-2xl border border-gray-200 dark:border-dark-border">
                @else
                    <div class="w-32 h-32 bg-gray-50 dark:bg-dark-surface rounded-2xl border-2 border-dashed border-gray-200 dark:border-dark-border flex items-center justify-center">
                        <svg class="w-12 h-12 text-gray-300 dark:text-dark-muted" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                    </div>
                @endif
            </div>
            <div class="flex-1">
                @if($setting->company_logo ?? false)
                    <x-file-upload name="company_logo" label="Company Logo" accept="image/*" :existing="$setting->logo_url" hint="Recommended: 200x200px PNG" />
                @else
                    <x-file-upload name="company_logo" label="Company Logo" accept="image/*" hint="Recommended: 200x200px PNG" />
                @endif
            </div>
        </div>
    </div>

    @if(auth()->user()->isSuperAdmin())
    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Dashboard Banner</h3>
        <div class="flex flex-col sm:flex-row items-start gap-6">
            <div class="flex-shrink-0">
                @if($setting->banner ?? false)
                    <img src="{{ $setting->banner_url }}" alt="Dashboard Banner" class="w-48 h-32 object-cover rounded-2xl border border-gray-200 dark:border-dark-border">
                @else
                    <div class="w-48 h-32 bg-gray-50 dark:bg-dark-surface rounded-2xl border-2 border-dashed border-gray-200 dark:border-dark-border flex items-center justify-center">
                        <svg class="w-12 h-12 text-gray-300 dark:text-dark-muted" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                    </div>
                @endif
            </div>
            <div class="flex-1">
                @if($setting->banner ?? false)
                    <x-file-upload name="banner" label="Dashboard Banner" accept="image/*" :existing="$setting->banner_url" hint="Recommended: 1200x300px banner image" />
                @else
                    <x-file-upload name="banner" label="Dashboard Banner" accept="image/*" hint="Recommended: 1200x300px banner image" />
                @endif
            </div>
        </div>
    </div>
    @endif

    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Address</h3>
        <x-form-group label="Address" name="address" type="textarea" :value="old('address', $setting->address ?? '')" placeholder="Enter your company address" rows="4" />
    </div>

    <div class="bg-white dark:bg-dark-card rounded-2xl border border-gray-100 dark:border-dark-border p-6 lg:p-8 card-elevated">
        <h3 class="section-title">Invoice & Product Settings</h3>
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
            <x-form-group label="Invoice Prefix" name="invoice_prefix" :value="old('invoice_prefix', $setting->invoice_prefix ?? 'INV-')" placeholder="INV-" />
            <x-form-group label="Tax Invoice Prefix" name="tax_invoice_prefix" :value="old('tax_invoice_prefix', $setting->tax_invoice_prefix ?? 'TAX-')" placeholder="TAX-" />
            <x-form-group label="Product Prefix" name="product_prefix" :value="old('product_prefix', $setting->product_prefix ?? 'nalam-')" placeholder="nalam-" />
            <x-form-group label="Customer Prefix" name="customer_prefix" :value="old('customer_prefix', $setting->customer_prefix ?? 'CUS-')" placeholder="CUS-" />
            <x-form-group label="Financial Year" name="financial_year" :value="old('financial_year', $setting->financial_year ?? date('Y') . '-' . (date('Y') + 1))" placeholder="2024-2025" />
        </div>
    </div>

    <div class="flex items-center justify-end gap-3">
        <a href="{{ route('dashboard') }}" class="btn-secondary">Cancel</a>
        <x-button type="submit">
            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>
            Save Settings
        </x-button>
    </div>
</form>
@endsection