@extends('layouts.app')
@section('title','Paramètres')
@section('heading','Paramètres')
@section('content')
<form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data" class="w-full">@csrf @method('PUT')
    <div class="grid md:grid-cols-2 gap-6">
        <x-card title="Logo" class="md:col-span-2">
            <div class="flex items-center gap-6">
                <div class="h-24 w-48 rounded-lg border border-slate-200 bg-slate-50 flex items-center justify-center overflow-hidden">
                    @if(logo_url())
                        <img src="{{ logo_url() }}?v={{ now()->timestamp }}" alt="Logo" class="max-h-20 max-w-44 object-contain">
                    @else
                        <span class="text-slate-300 text-sm">Aucun logo</span>
                    @endif
                </div>
                <div class="flex-1">
                    <label class="text-sm block">Importer un logo
                        <input type="file" name="logo" accept="image/png,image/jpeg,image/gif,image/webp,image/svg+xml" class="mt-1 block w-full text-sm text-slate-500 cursor-pointer file:mr-4 file:cursor-pointer file:rounded-full file:border-0 file:bg-brand-50 file:px-4 file:py-2.5 file:text-sm file:font-semibold file:text-brand-700 hover:file:bg-brand-100 file:transition">
                    </label>
                    <p class="text-xs text-slate-400 mt-1">PNG, JPG, SVG ou WebP — 4 Mo max. Il s'affiche sur les devis, factures, l'interface, la connexion et le portail client.</p>
                    @if(logo_url())
                        <label class="text-xs flex items-center gap-1.5 mt-2 text-rose-600"><input type="checkbox" name="remove_logo" value="1" class="rounded"> Supprimer le logo actuel</label>
                    @endif
                </div>
            </div>
        </x-card>
        <x-card title="Entreprise">
            <div class="space-y-3">
                @include('partials.field',['name'=>'company_name','label'=>'Nom','value'=>$settings['company_name']])
                @include('partials.field',['name'=>'company_email','label'=>'Email','value'=>$settings['company_email']])
                @include('partials.field',['name'=>'company_phone','label'=>'Téléphone','value'=>$settings['company_phone']])
                @include('partials.field',['name'=>'company_address','label'=>'Adresse','value'=>$settings['company_address']])
                <div class="grid grid-cols-2 gap-3">
                    @include('partials.field',['name'=>'company_siret','label'=>'SIRET','value'=>$settings['company_siret']])
                    @include('partials.field',['name'=>'company_vat','label'=>'N° TVA','value'=>$settings['company_vat']])
                </div>
            </div>
        </x-card>
        <x-card title="Facturation & devise">
            <div class="space-y-3">
                <div class="grid grid-cols-2 gap-3">
                    @include('partials.field',['name'=>'default_vat_rate','label'=>'TVA par défaut (%)','type'=>'number','value'=>$settings['default_vat_rate']])
                    @include('partials.field',['name'=>'currency','label'=>'Devise','value'=>$settings['currency']])
                </div>
                <div class="grid grid-cols-2 gap-3">
                    @include('partials.field',['name'=>'quote_prefix','label'=>'Préfixe devis','value'=>$settings['quote_prefix']])
                    @include('partials.field',['name'=>'invoice_prefix','label'=>'Préfixe factures','value'=>$settings['invoice_prefix']])
                </div>
                @include('partials.field',['name'=>'timezone','label'=>'Fuseau horaire','value'=>$settings['timezone']])
                @include('partials.field',['name'=>'sales_goal_year','label'=>'Objectif commercial annuel (€)','type'=>'number','value'=>$settings['sales_goal_year']])
            </div>
        </x-card>
        <x-card title="Modèles PDF & emails" class="md:col-span-2">
            <div class="space-y-3">
                <label class="text-sm block">Pied de page PDF<input name="pdf_footer" value="{{ $settings['pdf_footer'] }}" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                <label class="text-sm block">Signature email<textarea name="email_signature" rows="2" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">{{ $settings['email_signature'] }}</textarea></label>
            </div>
        </x-card>
    </div>
    <div class="mt-6"><x-btn type="submit">💾 Enregistrer les paramètres</x-btn></div>
</form>

<x-card title="Intégration Google Agenda" class="w-full mt-6">
    <p class="text-sm text-slate-500 mb-3">Synchronisation <b>à sens unique</b> : les événements de l'agenda sont poussés vers votre Google Agenda (aucun import depuis Google).</p>
    @if(!$googleConfigured)
        <div class="rounded-lg bg-amber-50 border border-amber-200 text-amber-800 px-4 py-3 text-sm">
            Renseignez <code>GOOGLE_CLIENT_ID</code> et <code>GOOGLE_CLIENT_SECRET</code> dans <code>.env</code> (identifiants OAuth créés dans Google Cloud Console),
            avec l'URI de redirection <code>{{ route('google.callback') }}</code>.
        </div>
    @elseif($googleConnected)
        <div class="flex items-center gap-3">
            <span class="inline-flex items-center gap-1.5 rounded-lg bg-emerald-50 text-emerald-700 px-3 py-2 text-sm">🟢 Connecté</span>
            <form method="POST" action="{{ route('google.disconnect') }}">@csrf<x-btn variant="secondary" type="submit">Déconnecter</x-btn></form>
        </div>
    @else
        <x-btn :href="route('google.connect')">🔗 Connecter Google Agenda</x-btn>
    @endif
</x-card>
@endsection