@extends('backEnd.layouts.master')
@section('title')
   View Landing Page: {{ $landingPage->title }}
@endsection

@section('content')
   <div class="page-content">
      <div class="container-fluid">
         <!-- Breadcrumb -->
         <div class="row">
            <div class="col-12">
               <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Landing Page Details</h4>
                  <div class="page-title-right">
                     <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('landing-pages.index') }}">Landing Pages</a></li>
                        <li class="breadcrumb-item active">View Details</li>
                     </ol>
                  </div>
               </div>
            </div>
         </div>

         <!-- Content -->
         <div class="row">
            <div class="col-md-8">
               <div class="card">
                  <div class="card-header d-flex justify-content-between align-items-center">
                     <h4 class="card-title mb-0">General Information</h4>
                     <a href="{{ route('landing-pages.edit', $landingPage->id) }}" class="btn btn-sm btn-warning">
                        <i class="fas fa-edit me-1"></i> Edit
                     </a>
                  </div>
                  <div class="card-body">
                     <table class="table table-bordered">
                        <tr>
                           <th style="width: 200px;">Title</th>
                           <td>{{ $landingPage->title }}</td>
                        </tr>
                        <tr>
                           <th>Subtitle</th>
                           <td>{{ $landingPage->subtitle ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                           <th>Slug</th>
                           <td><code>{{ $landingPage->slug }}</code></td>
                        </tr>
                        <tr>
                           <th>Description</th>
                           <td>{!! nl2br(e($landingPage->description)) !!}</td>
                        </tr>
                        <tr>
                           <th>CTA Text</th>
                           <td>{{ $landingPage->cta_text ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                           <th>CTA Link</th>
                           <td>
                              @if($landingPage->cta_link)
                                 <a href="{{ $landingPage->cta_link }}" target="_blank">{{ $landingPage->cta_link }}</a>
                              @else
                                 N/A
                              @endif
                           </td>
                        </tr>
                        <tr>
                           <th>Template</th>
                           <td><span class="badge bg-info">{{ $landingPage->template->name }}</span></td>
                        </tr>
                        <tr>
                           <th>Status</th>
                           <td>
                              @if($landingPage->status)
                                 <span class="badge bg-success">Active</span>
                              @else
                                 <span class="badge bg-danger">Inactive</span>
                              @endif
                           </td>
                        </tr>
                        <tr>
                           <th>Created At</th>
                           <td>{{ $landingPage->created_at->format('M d, Y H:i:s') }}</td>
                        </tr>
                        <tr>
                           <th>Last Updated</th>
                           <td>{{ $landingPage->updated_at->format('M d, Y H:i:s') }}</td>
                        </tr>
                     </table>
                  </div>
               </div>
            </div>

            <div class="col-md-4">
               <div class="card">
                  <div class="card-header">
                     <h4 class="card-title mb-0">Hero Image</h4>
                  </div>
                  <div class="card-body text-center">
                     @if($landingPage->image_url)
                        <img src="{{ asset($landingPage->image_url) }}" alt="{{ $landingPage->title }}"
                           class="img-fluid rounded shadow-sm mb-3">
                        <div class="mt-2">
                           <a href="{{ asset($landingPage->image_url) }}" target="_blank"
                              class="btn btn-sm btn-outline-primary">
                              <i class="fas fa-search-plus me-1"></i> View Full Size
                           </a>
                        </div>
                     @else
                        <div class="py-5 bg-light rounded text-muted">
                           <i class="fas fa-image fa-3x mb-2"></i>
                           <p>No image uploaded</p>
                        </div>
                     @endif
                  </div>
               </div>

               <div class="card mt-3">
                  <div class="card-header">
                     <h4 class="card-title mb-0">Quick Actions</h4>
                  </div>
                  <div class="card-body">
                     <div class="d-grid gap-2">
                        <a href="{{ route('landing.show', $landingPage->slug) }}" target="_blank" class="btn btn-success">
                           <i class="fas fa-external-link-alt me-2"></i> Live Preview
                        </a>
                        <a href="{{ route('landing-pages.index') }}" class="btn btn-secondary">
                           <i class="fas fa-arrow-left me-2"></i> Back to List
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
@endsection