@extends('admin.layouts.master')

@section('title', 'View Template')

@section('content')
<div class="main-content">
    <section class="section">
        <div class="section-header">
            <h1>Template Details</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item"><a href="{{ route('admin.templates.index') }}">Templates</a></div>
                <div class="breadcrumb-item">View</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ $template->name }}</h4>
                            <div class="card-header-action">
                                <a href="{{ route('admin.templates.edit', $template) }}" class="btn btn-warning">Edit</a>
                                <a href="{{ route('admin.templates.sections.index', $template) }}" class="btn btn-primary">Manage Sections</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Name:</strong></td>
                                            <td>{{ $template->name }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Type:</strong></td>
                                            <td>
                                                <span class="badge badge-{{ $template->type === 'premium' ? 'warning' : 'info' }}">
                                                    {{ ucfirst($template->type) }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Status:</strong></td>
                                            <td>
                                                <span class="badge badge-{{ $template->status === 'active' ? 'success' : 'secondary' }}">
                                                    {{ ucfirst($template->status) }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Category:</strong></td>
                                            <td>{{ $template->category ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Featured:</strong></td>
                                            <td>
                                                <span class="badge badge-{{ $template->is_featured ? 'primary' : 'light' }}">
                                                    {{ $template->is_featured ? 'Yes' : 'No' }}
                                                </span>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Version:</strong></td>
                                            <td>{{ $template->version ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Demo Link:</strong></td>
                                            <td>
                                                @if($template->demo_link)
                                                    <a href="{{ $template->demo_link }}" target="_blank">{{ $template->demo_link }}</a>
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Created:</strong></td>
                                            <td>{{ $template->created_at->format('M d, Y H:i') }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Updated:</strong></td>
                                            <td>{{ $template->updated_at->format('M d, Y H:i') }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Total Sections:</strong></td>
                                            <td>{{ $template->sections->count() }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                            @if($template->description)
                            <div class="row mt-4">
                                <div class="col-12">
                                    <h5>Description</h5>
                                    <p>{{ $template->description }}</p>
                                </div>
                            </div>
                            @endif

                            @if($template->tags && count($template->tags) > 0)
                            <div class="row mt-4">
                                <div class="col-12">
                                    <h5>Tags</h5>
                                    <div class="d-flex flex-wrap gap-2">
                                        @foreach($template->tags as $tag)
                                            <span class="badge badge-info">{{ $tag }}</span>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            @endif

                            @if($template->sections->count() > 0)
                            <div class="row mt-4">
                                <div class="col-12">
                                    <h5>Template Sections</h5>
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Sort Order</th>
                                                    <th>Placeholders</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($template->sections as $section)
                                                <tr>
                                                    <td>{{ $section->name }}</td>
                                                    <td>{{ $section->sort_order }}</td>
                                                    <td>
                                                        @if($section->placeholders && count($section->placeholders) > 0)
                                                            @foreach($section->placeholders as $placeholder)
                                                                <span class="badge badge-light">{{ $placeholder }}</span>
                                                            @endforeach
                                                        @else
                                                            <span class="text-muted">None</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('admin.templates.sections.edit', [$template, $section]) }}" 
                                                           class="btn btn-sm btn-warning">Edit</a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection