File: /home/xedaptot/ai.naniguide.com/resources/views/tutorials/show.blade.php
<!doctype html>
<html lang="{{ $locale }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ $content?->title ?? $tutorial->slug }}</title>
<style>
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px 22px 40px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 13.5px;
line-height: 1.65;
color: #2c3e50;
background: #fff;
}
h1 { font-size: 1.15rem; font-weight: 700; margin: 0 0 16px; color: #1a1a2e; }
h2 { font-size: 1rem; font-weight: 600; margin: 20px 0 8px; color: #1a1a2e; }
h3 { font-size: .9rem; font-weight: 600; margin: 16px 0 6px; color: #344; }
p { margin: 0 0 10px; }
a { color: #0d6efd; }
code {
font-size: .8rem;
background: #f0f2f5;
padding: 2px 6px;
border-radius: 3px;
word-break: break-all;
}
pre {
background: #f0f2f5;
padding: 12px 14px;
border-radius: 5px;
font-size: .8rem;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-all;
}
pre code { background: none; padding: 0; }
blockquote {
border-left: 3px solid #ffc107;
margin: 10px 0;
padding: 4px 12px;
color: #666;
font-size: .85rem;
}
ul, ol { padding-left: 20px; margin: 0 0 10px; }
li { margin-bottom: 4px; }
hr { border: none; border-top: 1px solid #e9ecef; margin: 16px 0; }
img { max-width: 100%; border-radius: 4px; margin: 8px 0; }
.tut-empty {
text-align: center;
padding: 40px 20px;
color: #999;
}
</style>
</head>
<body>
@if ($content)
<h1>{{ $content->title }}</h1>
<div class="tut-body">{!! $content->body !!}</div>
@else
<div class="tut-empty">
<p>No content available in <strong>{{ strtoupper($locale) }}</strong>.</p>
@if ($tutorial->getContent('en'))
<p><a href="?locale=en">View in English</a></p>
@endif
</div>
@endif
</body>
</html>