@section('header')
<title>Mission & Vision - {{env("APP_NAME")}}</title>
@endsection
@include('client.sunsari.partials.header')
@include('client.sunsari.nav')


<!-- PAGE HERO START -->
<div class="pages-hero page-hero-video">
    <div class="pages-hero-diagonal hero-diagonal-bg-2"></div>
    <div class="container">
        <div class="pages-title-center">
            <h1>Mission & Vision</h1>
        </div>
        <div class="left-page-nav">
            <!-- Breadcrumbs -->
            <ul class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li>About</li>
                <li class="current">Mission & Vision</li>
            </ul>
            <!--/ Breadcrumbs -->
        </div>
    </div>
</div>
<!-- PAGE HERO END -->
<section>
    <!-- WIDE SECTION END -->
    <div class="tp-wide-section-about mt-5">
        <div class="row g-0">
            <div class="col-lg-5 col-xl-6">
                <div class="tp-ws-left" style="height: 450px">

                </div>
            </div>
            <div class="col-lg-7 col-xl-6">
                <div class="tp-ws-right">
                    <div class="tp-ws-right-content">
                        @php
                            $missions = MPCMS::getarticle('mission');
                        @endphp
                        <div class="media-object-card moc-center">
                            <figure class="moc-thumbnail">
                                <img src="{{ site_url($missions->cover_photo) }}" alt="svg">
                            </figure>
                            <div class="moc-caption">
                                <h4>{{ $missions->title }}</h4>
                                <p>{!! substr($missions->text, 0, 1000) !!}</p>
                            </div>
                        </div>
                        @php
                            $visions = MPCMS::getarticle('vision');
                        @endphp
                        <div class="media-object-card moc-center">
                            <figure class="moc-thumbnail">
                                <img src="{{ site_url($visions->cover_photo) }}" alt="svg">
                            </figure>
                            <div class="moc-caption">
                                <h4>{{ $visions->title }}</h4>
                                <p>{!! substr($visions->text, 0, 1000) !!}</p>
                            </div>
                        </div>
                        @php
                            $objectives = MPCMS::getarticle('objectives');
                        @endphp
                        <div class="media-object-card moc-center">
                            <figure class="moc-thumbnail">
                                <img src="{{ site_url($objectives->cover_photo) }}" alt="svg">
                            </figure>
                            <div class="moc-caption">
                                <h4>{{ $objectives->title }}</h4>
                                <p>{!! substr($objectives->text, 0, 1000) !!}</p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- WIDE SECTION START -->
</section>

@include('client.sunsari.partials.footer')