@extends('layouts.app')

@section('title', 'Declaration of Sovereign Intent')

@section('content')
    <main id="main">
        <section class="breadcrumbs">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <h2>Declaration of Sovereign Intent</h2>
                    <ol>
                        <li><a href="{{ route('home.index') }}">Home</a></li>
                        <li>Declaration of Sovereign Intent</li>
                    </ol>
                </div>
            </div>
        </section>
        <section class="why-us">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 d-flex flex-column justify-content-center p-3 video-box">
                        <iframe id="odysee-iframe"
                            style="width:100%; aspect-ratio:16 / 9;"
                            src="https://odysee.com/$/embed/@PresidentGeiger:c/Declaration-of-Sovereign-Intent---Proclamation-of-Claim-and-Interest-of-the-Republic-for-the-United-States-of-America:c?r=6vcqNc8erAr1uWrGfbEs1SpQU5agTrJ9"
                            allowfullscreen>
                        </iframe>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12 d-flex flex-column justify-content-center p-3">
                        <object data="{{ asset('docs/declaration-of-sovereign-intent.pdf') }}" type="application/pdf" width="100%" height="960px">
                            <p>Unable to display PDF file. <a href="{{ asset('docs/declaration-of-sovereign-intent.pdf') }}">Download</a> instead.</p>
                        </object>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection