@extends('layouts.admin-layout')

@section('title', 'Home Page CMS')

@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Home Page CMS</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item active">Home CMS</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <section class="content">
            <div class="container-fluid">

                @if (session('success'))
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        {{ session('success') }}
                    </div>
                @endif

                {{-- Quick Action Cards --}}
                <div class="row mb-4">
                    <div class="col-md-3">
                        <div class="card card-primary card-outline">
                            <div class="card-body box-profile text-center">
                                <i class="fas fa-home fa-2x text-primary mb-2"></i>
                                <h5>Page Content</h5>
                                <p class="text-muted small">Sliders, About, Lateral, Groups, Plans</p>
                                <a href="{{ route('admin.home.edit') }}" class="btn btn-primary btn-sm">
                                    <i class="fas fa-edit"></i> Edit Content
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card card-success card-outline">
                            <div class="card-body box-profile text-center">
                                <i class="fas fa-concierge-bell fa-2x text-success mb-2"></i>
                                <h5>Services</h5>
                                <p class="text-muted small">{{ $services->count() }} service(s)</p>
                                <a href="{{ route('admin.home.services.index') }}" class="btn btn-success btn-sm">
                                    <i class="fas fa-list"></i> Manage
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card card-warning card-outline">
                            <div class="card-body box-profile text-center">
                                <i class="fas fa-star fa-2x text-warning mb-2"></i>
                                <h5>Testimonials</h5>
                                <p class="text-muted small">{{ $testimonials->count() }} testimonial(s)</p>
                                <a href="{{ route('admin.home.testimonials.index') }}" class="btn btn-warning btn-sm">
                                    <i class="fas fa-list"></i> Manage
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card card-info card-outline">
                            <div class="card-body box-profile text-center">
                                <i class="fas fa-eye fa-2x text-info mb-2"></i>
                                <h5>Preview Front</h5>
                                <p class="text-muted small">See live home page</p>
                                <a href="{{ route('front.index') }}" target="_blank" class="btn btn-info btn-sm">
                                    <i class="fas fa-external-link-alt"></i> View
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Current Page Content Summary --}}
                @if ($content)
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Current Page Content Summary</h3>
                            <div class="card-tools">
                                <a href="{{ route('admin.home.edit') }}" class="btn btn-primary btn-sm">
                                    <i class="fas fa-edit"></i> Edit
                                </a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered table-sm">
                                        <tr>
                                            <th width="40%">About Heading</th>
                                            <td>{{ $content->about_heading ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Lateral Heading</th>
                                            <td>{{ $content->lateral_heading ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Groups Heading</th>
                                            <td>{{ $content->groups_heading ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Subscription Heading</th>
                                            <td>{{ $content->subscription_heading ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Community Heading</th>
                                            <td>{{ $content->community_heading ?? '—' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h6>Slider Count: <strong>{{ count($content->sliders ?? []) }}</strong></h6>
                                    <h6>Plans Count: <strong>{{ count($content->plans ?? []) }}</strong></h6>
                                    <h6>Group Boxes: <strong>{{ count($content->group_boxes ?? []) }}</strong></h6>
                                    <div class="mt-2">
                                        @if ($content->getMedia('banner_image')->isNotEmpty())
                                            <span class="badge badge-success">Banner Image ✓</span>
                                        @else
                                            <span class="badge badge-danger">No Banner Image</span>
                                        @endif
                                        @if ($content->getMedia('about_image')->isNotEmpty())
                                            <span class="badge badge-success ml-1">About Image ✓</span>
                                        @else
                                            <span class="badge badge-danger ml-1">No About Image</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="callout callout-warning">
                        <h5>No content found!</h5>
                        <p>Home page content has not been set up yet.
                            <a href="{{ route('admin.home.create') }}" class="btn btn-primary btn-sm ml-2">
                                <i class="fas fa-plus"></i> Create Now
                            </a>
                        </p>
                    </div>
                @endif

            </div>
        </section>
    </div>
@endsection