@extends('layouts.front')

@section('meta')
    <title>Terms of Service - {{ $gs->title }}</title>
    <meta name="description" content="Terms of Service for {{ $gs->title }}. Read our terms and conditions for using our services.">
    <meta name="keywords" content="terms of service, terms and conditions, user agreement, service terms">
    <meta name="author" content="{{ $gs->title }}">
    <link rel="canonical" href="{{ url()->current() }}">

    {{-- Open Graph Tags --}}
    <meta property="og:title" content="Terms of Service - {{ $gs->title }}" />
    <meta property="og:description" content="Read our terms and conditions for using our services." />
    <meta property="og:url" content="{{ url()->current() }}" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="{{ $gs->title }}" />

    {{-- Twitter Card Tags --}}
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Terms of Service - {{ $gs->title }}">
    <meta name="twitter:description" content="Read our terms and conditions for using our services.">
@endsection

@section('contents')

<section class="page-hero py-5 text-white" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
    <div class="container py-5 text-center">
        <h1 class="fw-bold display-4 mb-3">
            <i class="fas fa-file-contract mr-3"></i>Terms of Service
        </h1>
        <p class="lead opacity-75">Last updated: {{ now()->format('F d, Y') }}</p>
    </div>
</section>

<section class="py-5 bg-white">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-sm border-0">
                    <div class="card-body p-5">
                        
                        {{-- Introduction --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-info-circle mr-2"></i>Introduction
                            </h2>
                            <p class="text-muted">
                                Welcome to <strong>{{ $gs->title }}</strong>. These Terms of Service ("Terms") govern your use of our website 
                                and services. By accessing or using our services, you agree to be bound by these Terms.
                            </p>
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle mr-2"></i>
                                <strong>Important:</strong> Please read these terms carefully before using our services.
                            </div>
                        </div>

                        {{-- Definitions --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-book mr-2"></i>Definitions
                            </h2>
                            <div class="bg-light p-4 rounded">
                                <ul class="mb-0">
                                    <li class="mb-2"><strong>"Service"</strong> refers to the website and all services provided by {{ $gs->title }}</li>
                                    <li class="mb-2"><strong>"User"</strong> refers to anyone who accesses or uses our Service</li>
                                    <li class="mb-2"><strong>"Content"</strong> refers to text, images, code, themes, or other materials on our Service</li>
                                    <li class="mb-0"><strong>"Account"</strong> refers to your registered user account with us</li>
                                </ul>
                            </div>
                        </div>

                        {{-- User Accounts --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-user-circle mr-2"></i>User Accounts
                            </h2>
                            <p class="text-muted">When you create an account with us, you must:</p>
                            <ul class="text-muted">
                                <li>Provide accurate and complete information</li>
                                <li>Keep your password secure and confidential</li>
                                <li>Notify us immediately of any unauthorized access</li>
                                <li>Be responsible for all activities under your account</li>
                                <li>Not share your account with others</li>
                            </ul>
                            <p class="text-muted">
                                We reserve the right to suspend or terminate accounts that violate these terms.
                            </p>
                        </div>

                        {{-- Services & Products --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-shopping-cart mr-2"></i>Services & Products
                            </h2>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="card border-primary">
                                        <div class="card-header bg-primary text-white">
                                            <h6 class="mb-0"><i class="fas fa-palette mr-2"></i>Website Themes</h6>
                                        </div>
                                        <div class="card-body">
                                            <ul class="small mb-0">
                                                <li>Licensed for single domain use</li>
                                                <li>Include 6 months support</li>
                                                <li>Free updates for 1 year</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="card border-success">
                                        <div class="card-header bg-success text-white">
                                            <h6 class="mb-0"><i class="fas fa-server mr-2"></i>Hosting Services</h6>
                                        </div>
                                        <div class="card-body">
                                            <ul class="small mb-0">
                                                <li>99.9% uptime guarantee</li>
                                                <li>Daily backups included</li>
                                                <li>24/7 technical support</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Payment Terms --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-credit-card mr-2"></i>Payment Terms
                            </h2>
                            <p class="text-muted">By purchasing our products or services:</p>
                            <ul class="text-muted">
                                <li>All prices are in Bangladeshi Taka (BDT)</li>
                                <li>Payment must be completed before service activation</li>
                                <li>We accept bKash, Nagad, Rocket, and online payment gateways</li>
                                <li>Invoices will be sent to your registered email</li>
                                <li>Recurring services will be billed automatically</li>
                            </ul>
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle mr-2"></i>
                                <strong>Note:</strong> All sales are final. Please review your order carefully before purchase.
                            </div>
                        </div>

                        {{-- Refund Policy --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-undo-alt mr-2"></i>Refund Policy
                            </h2>
                            <p class="text-muted">We offer refunds under the following conditions:</p>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>Service Type</th>
                                            <th>Refund Period</th>
                                            <th>Conditions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Website Themes</td>
                                            <td>7 days</td>
                                            <td>If not downloaded or installed</td>
                                        </tr>
                                        <tr>
                                            <td>Hosting Services</td>
                                            <td>30 days</td>
                                            <td>Money-back guarantee</td>
                                        </tr>
                                        <tr>
                                            <td>Domain Registration</td>
                                            <td>No refund</td>
                                            <td>Non-refundable</td>
                                        </tr>
                                        <tr>
                                            <td>Custom Development</td>
                                            <td>Case by case</td>
                                            <td>Based on project status</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        {{-- Intellectual Property --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-copyright mr-2"></i>Intellectual Property
                            </h2>
                            <p class="text-muted">
                                All content on this website, including but not limited to text, graphics, logos, images, code, 
                                and software, is the property of {{ $gs->title }} and protected by copyright laws.
                            </p>
                            <div class="bg-light p-4 rounded">
                                <h6 class="font-weight-bold mb-3">You may NOT:</h6>
                                <ul class="mb-0 text-danger">
                                    <li>Resell or redistribute our themes without license</li>
                                    <li>Remove copyright notices from our products</li>
                                    <li>Reverse engineer our software</li>
                                    <li>Use our content without permission</li>
                                </ul>
                            </div>
                        </div>

                        {{-- User Conduct --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-user-check mr-2"></i>User Conduct
                            </h2>
                            <p class="text-muted">You agree not to:</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <ul class="text-muted">
                                        <li>Violate any laws or regulations</li>
                                        <li>Infringe on others' rights</li>
                                        <li>Upload harmful content</li>
                                        <li>Spam or harass others</li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <ul class="text-muted">
                                        <li>Attempt to hack our systems</li>
                                        <li>Interfere with service operation</li>
                                        <li>Collect user data without consent</li>
                                        <li>Impersonate others</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        {{-- Facebook Chatbot Terms --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fab fa-facebook-messenger mr-2"></i>Facebook Chatbot Terms
                            </h2>
                            <p class="text-muted">When using our Facebook Chatbot services:</p>
                            <ul class="text-muted">
                                <li>You must have permission to connect your Facebook Page</li>
                                <li>You are responsible for messages sent from your chatbot</li>
                                <li>You must comply with Facebook's Platform Terms and Policies</li>
                                <li>We are not liable for Facebook API changes or downtime</li>
                                <li>Message limits are based on your subscription plan</li>
                            </ul>
                        </div>

                        {{-- Limitation of Liability --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-shield-alt mr-2"></i>Limitation of Liability
                            </h2>
                            <p class="text-muted">
                                To the maximum extent permitted by law, {{ $gs->title }} shall not be liable for any indirect, 
                                incidental, special, consequential, or punitive damages, including but not limited to loss of profits, 
                                data, or business opportunities.
                            </p>
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle mr-2"></i>
                                <strong>Disclaimer:</strong> Our services are provided "as is" without any warranties, express or implied.
                            </div>
                        </div>

                        {{-- Termination --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-ban mr-2"></i>Termination
                            </h2>
                            <p class="text-muted">
                                We may terminate or suspend your account and access to our services immediately, without prior notice, 
                                for any breach of these Terms. Upon termination, your right to use the Service will immediately cease.
                            </p>
                        </div>

                        {{-- Changes to Terms --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-sync-alt mr-2"></i>Changes to Terms
                            </h2>
                            <p class="text-muted">
                                We reserve the right to modify these terms at any time. We will notify users of any material changes 
                                by posting the new Terms on this page and updating the "Last updated" date.
                            </p>
                        </div>

                        {{-- Governing Law --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-gavel mr-2"></i>Governing Law
                            </h2>
                            <p class="text-muted">
                                These Terms shall be governed by and construed in accordance with the laws of Bangladesh. 
                                Any disputes shall be resolved in the courts of Bangladesh.
                            </p>
                        </div>

                        {{-- Contact Us --}}
                        <div class="mb-5">
                            <h2 class="h4 mb-3 text-primary">
                                <i class="fas fa-envelope mr-2"></i>Contact Us
                            </h2>
                            <p class="text-muted">
                                If you have any questions about these Terms, please contact us:
                            </p>
                            
                            <div class="bg-light p-4 rounded">
                                <p class="mb-2"><i class="fas fa-envelope text-primary mr-2"></i><strong>Email:</strong> {{ $gs->email }}</p>
                                <p class="mb-2"><i class="fas fa-phone text-success mr-2"></i><strong>Phone:</strong> {{ $gs->phone }}</p>
                                <p class="mb-0"><i class="fas fa-map-marker-alt text-danger mr-2"></i><strong>Address:</strong> {{ $gs->address }}</p>
                            </div>
                        </div>

                        {{-- Acceptance --}}
                        <div class="alert alert-success text-center">
                            <i class="fas fa-check-circle mr-2"></i>
                            <strong>By using our services, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service.</strong>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection