@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('SEO Settings')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('seo_settings.index')}}">{{__('SEO Settings')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('View SEO Setting')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('SEO Setting Details')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <p><strong>{{__('Page Identifier')}}:</strong> <span class="badge badge-info">{{$seoSetting->page_identifier}}</span></p>
                                            <p><strong>{{__('Status')}}:</strong> 
                                                <span class="badge {{$seoSetting->is_active ? 'badge-success' : 'badge-danger'}}">
                                                    {{$seoSetting->is_active ? __('Active') : __('Inactive')}}
                                                </span>
                                            </p>
                                        </div>
                                        <div class="col-md-6">
                                            <p><strong>{{__('Created At')}}:</strong> {{$seoSetting->created_at->format('Y-m-d H:i:s')}}</p>
                                            <p><strong>{{__('Updated At')}}:</strong> {{$seoSetting->updated_at->format('Y-m-d H:i:s')}}</p>
                                        </div>
                                    </div>

                                    <hr>

                                    <h5>{{__('Basic Meta Tags')}}</h5>
                                    <div class="row">
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Meta Title')}}:</strong> {{$seoSetting->meta_title ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Meta Description')}}:</strong> {{$seoSetting->meta_description ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Meta Keywords')}}:</strong> {{$seoSetting->meta_keywords ?? __('Not set')}}</p>
                                        </div>
                                    </div>

                                    <hr>

                                    <h5>{{__('Open Graph Tags')}}</h5>
                                    <div class="row">
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('OG Title')}}:</strong> {{$seoSetting->og_title ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('OG Description')}}:</strong> {{$seoSetting->og_description ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('OG Image')}}:</strong> {{$seoSetting->og_image ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('OG URL')}}:</strong> {{$seoSetting->og_url ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('OG Type')}}:</strong> {{$seoSetting->og_type ?? __('Not set')}}</p>
                                        </div>
                                    </div>

                                    <hr>

                                    <h5>{{__('Twitter Card Tags')}}</h5>
                                    <div class="row">
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Twitter Card Type')}}:</strong> {{$seoSetting->twitter_card ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Twitter Title')}}:</strong> {{$seoSetting->twitter_title ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Twitter Description')}}:</strong> {{$seoSetting->twitter_description ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Twitter Image')}}:</strong> {{$seoSetting->twitter_image ?? __('Not set')}}</p>
                                        </div>
                                    </div>

                                    <hr>

                                    <h5>{{__('Advanced SEO')}}</h5>
                                    <div class="row">
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Canonical URL')}}:</strong> {{$seoSetting->canonical_url ?? __('Not set')}}</p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Schema Markup')}}:</strong> 
                                                @if($seoSetting->schema_markup)
                                                    <pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; max-height: 200px; overflow-y: auto;">{{$seoSetting->schema_markup}}</pre>
                                                @else
                                                    {{__('Not set')}}
                                                @endif
                                            </p>
                                        </div>
                                        <div class="col-md-12 mb-2">
                                            <p><strong>{{__('Custom Meta Tags')}}:</strong> 
                                                @if($seoSetting->custom_meta)
                                                    <pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; max-height: 200px; overflow-y: auto;">{{$seoSetting->custom_meta}}</pre>
                                                @else
                                                    {{__('Not set')}}
                                                @endif
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-12 mt-3">
                                        @if(auth()->user()->can('update_seo_settings'))
                                            <a href="{{route('seo_settings.edit', $seoSetting->id)}}">
                                                <button type="button" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">
                                                    <i class="fa fa-edit"></i> {{__('Edit')}}
                                                </button>
                                            </a>
                                        @endif
                                        <a href="{{route('seo_settings.index')}}">
                                            <button type="button" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                {{__('Back to List')}}
                                            </button>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection