@extends('admin.layouts.app')

@section('title', '
            {{ __(\'Dettagli Fornitore\') }}
        ')

@section('content')

    

    <div class="py-5">
        <div class="container-fluid mx-auto sm:px-4 lg:px-8">
            <div class="bg-white dark:bg-dark overflow-hidden shadow-sm rounded">
                <div class="p-6 text-gray-900 dark:text-gray-100">
                    
                    <div class="d-flex justify-content-between align-items-center mb-6">
                        <h3 class="text-2xl fw-bold text-dark ">{{ $fornitore->ragione_sociale }}</h3>
                        <div class="gap-2">
                            <a href="{{ route('admin.fornitori.edit', $fornitore) }}" 
                               class="bg-primary  text-white fw-bold py-2 px-3 rounded">
                                Modifica
                            </a>
                            <a href="{{ route('admin.fornitori.index') }}" 
                               class="bg-light0 hover:bg-gray-700 text-white fw-bold py-2 px-3 rounded">
                                Torna alla Lista
                            </a>
                        </div>
                    </div>

                    <!-- Informazioni Principali -->
                    <div class="grid row md:row gap-6 mb-8">
                        <div class="bg-light dark:bg-gray-700 p-4 rounded-lg">
                            <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-3">Informazioni Generali</h4>
                            <dl class="space-y-2">
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">ID Fornitore:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->id_fornitore }}</dd>
                                </div>
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Ragione Sociale:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->ragione_sociale }}</dd>
                                </div>
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Partita IVA:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->partita_iva ?? '-' }}</dd>
                                </div>
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Codice Fiscale:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->codice_fiscale ?? '-' }}</dd>
                                </div>
                            </dl>
                        </div>

                        <div class="bg-light dark:bg-gray-700 p-4 rounded-lg">
                            <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-3">Contatti</h4>
                            <dl class="space-y-2">
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Email:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->email ?? '-' }}</dd>
                                </div>
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">PEC:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->pec ?? '-' }}</dd>
                                </div>
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Telefono:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->telefono ?? '-' }}</dd>
                                </div>
                            </dl>
                        </div>
                    </div>

                    <!-- Indirizzo -->
                    <div class="bg-light dark:bg-gray-700 p-4 rounded-lg mb-6">
                        <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-3">Indirizzo</h4>
                        <dl class="grid row md:row gap-4">
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">Indirizzo:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->indirizzo ?? '-' }}</dd>
                            </div>
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">Città:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->citta ?? '-' }}</dd>
                            </div>
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">CAP:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->cap ?? '-' }}</dd>
                            </div>
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">Provincia:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->provincia ?? '-' }}</dd>
                            </div>
                        </dl>
                    </div>

                    <!-- Informazioni Sistema -->
                    <div class="bg-light dark:bg-gray-700 p-4 rounded-lg">
                        <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-3">Informazioni Sistema</h4>
                        <dl class="grid row md:row gap-4">
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">Creato il:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->created_at->format('d/m/Y H:i') }}</dd>
                            </div>
                            <div>
                                <dt class="text-sm font-medium text-muted dark:text-gray-400">Ultimo aggiornamento:</dt>
                                <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->updated_at->format('d/m/Y H:i') }}</dd>
                            </div>
                            @if($fornitore->old_id)
                                <div>
                                    <dt class="text-sm font-medium text-muted dark:text-gray-400">Old ID:</dt>
                                    <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $fornitore->old_id }}</dd>
                                </div>
                            @endif
                        </dl>
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection