64 lines
4.4 KiB
PHP
64 lines
4.4 KiB
PHP
|
<x-app-layout>
|
||
|
|
<x-slot name="header">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
|
||
|
|
{{ $website->name }}
|
||
|
|
</h2>
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<a href="{{ route('websites.snippet', $website) }}" class="inline-flex items-center px-4 py-2 bg-indigo-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
|
||
|
|
{{ __('Get Snippet') }}
|
||
|
|
</a>
|
||
|
|
<a href="{{ route('websites.edit', $website) }}" class="inline-flex items-center px-4 py-2 bg-white border border-gray-300 rounded-md font-semibold text-xs text-gray-700 uppercase tracking-widest hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
|
||
|
|
{{ __('Settings') }}
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</x-slot>
|
||
|
|
|
||
|
|
<div class="py-12">
|
||
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
||
|
|
@if (session('success'))
|
||
|
|
<div class="mb-4 rounded-md bg-green-50 p-4">
|
||
|
|
<p class="text-sm font-medium text-green-800">{{ session('success') }}</p>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-4 mb-8">
|
||
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
|
||
|
|
<dt class="text-sm font-medium text-gray-500 truncate">{{ __('Domain') }}</dt>
|
||
|
|
<dd class="mt-1 text-lg font-semibold text-gray-900">{{ $website->domain }}</dd>
|
||
|
|
</div>
|
||
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
|
||
|
|
<dt class="text-sm font-medium text-gray-500 truncate">{{ __('Tracking ID') }}</dt>
|
||
|
|
<dd class="mt-1 text-lg font-semibold text-gray-900 font-mono">{{ $website->tracking_id }}</dd>
|
||
|
|
</div>
|
||
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
|
||
|
|
<dt class="text-sm font-medium text-gray-500 truncate">{{ __('Status') }}</dt>
|
||
|
|
<dd class="mt-1">
|
||
|
|
<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-sm font-medium {{ $website->is_active ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' }}">
|
||
|
|
{{ $website->is_active ? 'Active' : 'Inactive' }}
|
||
|
|
</span>
|
||
|
|
</dd>
|
||
|
|
</div>
|
||
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
|
||
|
|
<dt class="text-sm font-medium text-gray-500 truncate">{{ __('Created') }}</dt>
|
||
|
|
<dd class="mt-1 text-lg font-semibold text-gray-900">{{ $website->created_at->format('M j, Y') }}</dd>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
||
|
|
<div class="p-6 text-center text-gray-500">
|
||
|
|
<svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
|
||
|
|
</svg>
|
||
|
|
<p class="mt-2">{{ __('Analytics dashboard will be available here once data is collected.') }}</p>
|
||
|
|
<p class="mt-1 text-sm">{{ __('Make sure you have added the tracking snippet to your website.') }}</p>
|
||
|
|
<a href="{{ route('websites.snippet', $website) }}" class="mt-4 inline-flex items-center text-sm text-indigo-600 hover:text-indigo-800">
|
||
|
|
{{ __('View tracking snippet') }} →
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</x-app-layout>
|