@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ $item->company_name }}</h4>
            <small class="text-muted">{{ $item->website_title }}</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('system-info.edit',$item->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('system-info.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-4"><strong>{{ __('admin.phone_3') }}</strong> {{ $item->phone ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.whatsapp_2') }}</strong> {{ $item->whatsapp ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.email_2') }}</strong> {{ $item->email ?? '—' }}</div>

        <div class="col-md-6"><strong>{{ __('admin.website_2') }}</strong> {{ $item->website ?? '—' }}</div>
        <div class="col-md-6">
            <strong>{{ __('admin.status_2') }}</strong>
            <span class="badge {{ $item->status ? 'bg-success' : 'bg-secondary' }}">
                {{ $item->status ? 'Active' : 'Inactive' }}
            </span>
        </div>

        <div class="col-md-3"><strong>{{ __('admin.facebook_2') }}</strong> {{ $item->facebook ?? '—' }}</div>
        <div class="col-md-3"><strong>{{ __('admin.instagram_2') }}</strong> {{ $item->instagram ?? '—' }}</div>
        <div class="col-md-3"><strong>{{ __('admin.twitter_2') }}</strong> {{ $item->twitter ?? '—' }}</div>
        <div class="col-md-3"><strong>{{ __('admin.linkedin_2') }}</strong> {{ $item->linkedin ?? '—' }}</div>

        <div class="col-12">
            <strong>{{ __('admin.logo_2') }}</strong><br>
            @if($item->logo)
                <img src="{{ asset('storage/'.$item->logo) }}" style="height:70px;border-radius:12px" alt="logo">
            @else
                <span class="text-muted">—</span>
            @endif
        </div>

        <div class="col-md-6">
            <strong>{{ __('admin.address_2') }}</strong>
            <div class="text-muted">{{ $item->address ?? '—' }}</div>
        </div>

        <div class="col-md-6">
            <strong>{{ __('admin.footer_text_2') }}</strong>
            <div class="text-muted">{{ $item->footer_text ?? '—' }}</div>
        </div>

        <div class="col-12">
            <strong>{{ __('admin.about_2') }}</strong>
            <div class="text-muted">{{ $item->about ?? '—' }}</div>
        </div>
    </div>
</div>
@endsection