@extends('layouts.app')

@section('content')
<!-- Page Header -->
<section class="page-header py-5 bg-gradient-primary">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mx-auto text-center">
                <h1 class="display-5 fw-bold text-white mb-3">{{ __('pdftools.seo.terms.title') }}</h1>
            </div>
        </div>
    </div>
</section>

<!-- Terms Content -->
<section class="terms-content py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <div class="card border-0 shadow-sm">
                    <div class="card-body p-5">
                        <p class="lead">{{ __('pdftools.terms.intro') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.usage_title') }}</h2>
                        <p>{{ __('pdftools.terms.usage_text') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.restrictions_title') }}</h2>
                        <p>{{ __('pdftools.terms.restrictions_text') }}</p>
                        <ul>
                            <li>{{ __('pdftools.terms.restriction1') }}</li>
                            <li>{{ __('pdftools.terms.restriction2') }}</li>
                            <li>{{ __('pdftools.terms.restriction3') }}</li>
                            <li>{{ __('pdftools.terms.restriction4') }}</li>
                        </ul>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.intellectual_title') }}</h2>
                        <p>{{ __('pdftools.terms.intellectual_text') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.liability_title') }}</h2>
                        <p>{{ __('pdftools.terms.liability_text') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.modifications_title') }}</h2>
                        <p>{{ __('pdftools.terms.modifications_text') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.governing_title') }}</h2>
                        <p>{{ __('pdftools.terms.governing_text') }}</p>
                        
                        <h2 class="fw-bold mt-5 mb-3">{{ __('pdftools.terms.contact_title') }}</h2>
                        <p>{{ __('pdftools.terms.contact_text') }}</p>
                        
                        <p class="text-muted mt-5">{{ __('pdftools.terms.last_updated') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('styles')
<style>
.bg-gradient-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
</style>
@endpush