@extends('layouts.master')

@section('title', trans('admin.landing_page'))

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="row mb-4">
        <div class="col-12">
            <div class="card bg-label-primary">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        <div class="avatar avatar-md me-3">
                            <span class="avatar-initial rounded bg-primary"><i class="ti ti-world ti-md"></i></span>
                        </div>
                        <div>
                            <h4 class="mb-0 text-primary">{{ trans('admin.landing_page') }}</h4>
                            <p class="mb-0">{{ trans('admin.manage_all_landing_page_content_in_one_place') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Content Sections -->
    <h5 class="mb-3 mt-4">{{ trans('admin.content_sections') }}</h5>
    <div class="row">
        <!-- How it Works -->
        <div class="col-md-3 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <div class="avatar avatar-lg mx-auto mb-3">
                        <span class="avatar-initial rounded bg-label-success"><i class="ti ti-list-check ti-lg"></i></span>
                    </div>
                    <h5>{{ trans('admin.landing_how_it_works') }}</h5>
                    <p class="text-muted small">{{ $counts['steps'] }} {{ trans('admin.items') }}</p>
                    <a href="{{ route('admin.landing_item.index', ['type' => 'step']) }}" class="btn btn-primary btn-sm">{{ trans('admin.manage') }}</a>
                </div>
            </div>
        </div>

        <!-- Features -->
        <div class="col-md-3 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <div class="avatar avatar-lg mx-auto mb-3">
                        <span class="avatar-initial rounded bg-label-warning"><i class="ti ti-star ti-lg"></i></span>
                    </div>
                    <h5>{{ trans('admin.landing_features') }}</h5>
                    <p class="text-muted small">{{ $counts['features'] }} {{ trans('admin.items') }}</p>
                    <a href="{{ route('admin.landing_item.index', ['type' => 'feature']) }}" class="btn btn-primary btn-sm">{{ trans('admin.manage') }}</a>
                </div>
            </div>
        </div>

        <!-- Benefits -->
        <div class="col-md-3 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <div class="avatar avatar-lg mx-auto mb-3">
                        <span class="avatar-initial rounded bg-label-danger"><i class="ti ti-heart ti-lg"></i></span>
                    </div>
                    <h5>{{ trans('admin.landing_benefits') }}</h5>
                    <p class="text-muted small">{{ $counts['benefits'] }} {{ trans('admin.items') }}</p>
                    <a href="{{ route('admin.landing_item.index', ['type' => 'benefit']) }}" class="btn btn-primary btn-sm">{{ trans('admin.manage') }}</a>
                </div>
            </div>
        </div>

        <!-- Security -->
        <div class="col-md-3 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <div class="avatar avatar-lg mx-auto mb-3">
                        <span class="avatar-initial rounded bg-label-info"><i class="ti ti-shield-lock ti-lg"></i></span>
                    </div>
                    <h5>{{ trans('admin.landing_security') }}</h5>
                    <p class="text-muted small">{{ $counts['security'] }} {{ trans('admin.items') }}</p>
                    <a href="{{ route('admin.landing_item.index', ['type' => 'security']) }}" class="btn btn-primary btn-sm">{{ trans('admin.manage') }}</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Communication & Info -->
    <h5 class="mb-3 mt-4">{{ trans('admin.communication_and_info') }}</h5>
    <div class="row">
        <!-- Contact Messages -->
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <div class="avatar avatar-md me-3">
                        <span class="avatar-initial rounded bg-label-secondary"><i class="ti ti-mail ti-md"></i></span>
                    </div>
                    <div class="flex-grow-1">
                        <h6 class="mb-0">{{ trans('admin.landing_contact_messages_list') }}</h6>
                        <small class="text-muted">{{ $counts['messages'] }} {{ trans('admin.pending_messages') }}</small>
                    </div>
                    <a href="{{ route('admin.landing_contact_message.index') }}" class="btn btn-outline-primary btn-sm"><i class="ti ti-chevron-right"></i></a>
                </div>
            </div>
        </div>


        <!-- Landing Settings -->
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-body d-flex align-items-center">
                    <div class="avatar avatar-md me-3">
                        <span class="avatar-initial rounded bg-label-dark"><i class="ti ti-settings ti-md"></i></span>
                    </div>
                    <div class="flex-grow-1">
                        <h6 class="mb-0">{{ trans('admin.landing_page_settings') }}</h6>
                        <small class="text-muted">{{ trans('admin.manage_all_landing_page_settings') }}</small>
                    </div>
                    <a href="{{ route('admin.landing_hub.settings') }}" class="btn btn-outline-primary btn-sm"><i class="ti ti-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection