@extends ('web.layouts-v2.master')

@section ('title')
    @lang('messages.menu_active_shooter') @lang('messages.submenu_checklist') | @lang('messages.title')
@endsection
@section ('description')
    <meta name="description" content="@lang('messages.desc_checklist')">
@endsection

@section ('seoNotation')
    @include('web.partials.seo-notation')
@endsection

@section ('content')
    @php
        $resourceImagePath = '/resources/assets/img/resources/';
    @endphp
    @include ('web.partials-ncier.hero-checklist')
    <section class="container g-pt-20 g-pt-30--lg" style="margin-top: -75px;">
        <div class="row justify-content-between g-mb-10">
            <div class="d-flex flex-sm-row flex-column">
                <div class="text-justify g-my-10 g-mr-15">
                        <a href="{{ $links['checklist_pdf'] }}" target="_blank">
                            <img class="img-responsive" 
                                 src="{{ asset('/resources/assets/img/c3/checklist-slides2-768x432.gif') }}"
                                 alt="@lang('messages.title') @lang('messages.menu_course_asim') @lang('messages.submenu_checklist')"
                                 style="width: 100%; max-width: 640px; height: auto;">
                        </a>
                </div>
                <div class="w-100 mr-4 text-justify g-mt-20">
                    <h3 class="h5 g-color-black g-font-weight-600 ">
                        Police | Fire | EMS worry about being fast enough to stop an active shooter and rescue wounded
                        before they bleed to death.
                        The @lang('messages.label_asim') @lang('messages.label_checklist') is a process that helps them
                        be faster, work as one team, and save every life that can be saved.
                    </h3>
                    <p class="g-mt-20">
                        <span class="g-font-weight-600 g-color-black">Current Version: </span> @lang('messages.label_asc_version')
                    </p>

                    <h3 class="h5 g-color-black g-font-weight-600 g-mt-20">Download the <a href="{{ $links['checklist_pdf'] }}" target="_blank">
                            <span class="g-font-weight-600 g-color-primary">@lang('messages.label_asim') @lang('messages.label_checklist')</span></a>
                        and <a href="{{ $links['checklist_help_pdf'] }}" target="_blank">
                            <span class="g-font-weight-600 g-color-primary">Help Guide</span></a> to get started today!
                    </h3>
                </div>
            </div>
            <span class="section-divider"></span>
            <div class="col-lg-9 g-mb-30--lg">
                <div class="d-flex flex-sm-row flex-column">
                    <div class="w-100 mr-4 text-justify g-mt-10">
                        <p>
                            The validated <a href="{{ $links['checklist_pdf'] }}" target="_blank">
                                <span class="g-font-weight-600 g-color-primary">@lang('messages.label_asim') @lang('messages.label_checklist')</span></a>
                            focuses on speed. The faster the threat is neutralized and bleeding wounded are rescued, the
                            more lives are saved.
                        <p>
                        <p>What we found is managing an Active Shooter response isn’t just about getting the bad guy –
                            you must also manage the clock. It turns out a lot of things can cost time and
                            slow a response. The sequence you do things, who communicates with whom, delineation of
                            tasks, and delegated decision-making all matter. Mismanage these things, and the
                            response will be slow.
                        </p>
                        <p>The @lang('messages.label_asim') @lang('messages.label_checklist') addresses the following:
                        <ul>
                            <li>Sequences key items to save time</li>
                            <li>Identifies key communication paths</li>
                            <li>Clearly distinguishes tasks and roles</li>
                            <li>Pinpoints needed delegated decision-making</li>
                            <li>Integrates the response across disciplines</li>
                        </ul>
                        </p>
                    </div>
                </div>
                <div class="text-justify g-py-10">
                    <p> The @lang('messages.label_asim') @lang('messages.label_checklist') has been validated for design,
                        content, format, and usability. The Checklist is subjected to ongoing testing and improvement.
                        Feedback from everyone is evaluated for implementation in future versions.</span>
                    </p>
                    <p> The NCIER® @lang('messages.label_asim') @lang('messages.label_checklist') is in use by hundreds
                        of Law Enforcement, Fire, and EMS agencies across the United States. The Checklist is used in
                        all NCIER® training classes, select DHS certified courses, and other national active shooter curricula.
                    </p>

                    <p> NCIER® grants FREE copyright usage permission to responders. Please visit our
                        <a href="{{ $links['copyright_clearance_link'] }}" class="no-decoration">
                        <span class="g-font-weight-600 font-italic g-color-primary">
                            @lang('messages.label_copyright_clearance')</span></a> page for more information and to
                        obtain your free usage permission.
                    </p>
                    <p class="h4 g-color-black g-my-30 g-line-height-2 text-center">
                        Download the <a href="{{ $links['checklist_pdf'] }}" target="_blank" class="no-decoration">
                            <span class="g-font-weight-600 font-italic g-color-primary">
                                @lang('messages.label_asim') @lang('messages.label_checklist')
                            </span></a>
                        and <a href="{{ $links['checklist_help_pdf'] }}" target="_blank" class="no-decoration">
                        <span class="g-font-weight-600 font-italic g-color-primary">
                            Help Guide</span></a> to get started today!
                    </p>
                </div>
            </div>
            <div class="col-lg-3 g-mt-10">
                @include ('web.partials.aside-links-checklist')
                @include ('web.partials.aside-asim-checklist-app')
            </div>
        </div>
        <span class="section-divider"></span>
        <div class="d-flex flex-sm-row flex-column g-mt-30 g-mb-30">
            <div class="col-lg-8 text-justify">
                <div class="youtube-player" data-id="2MjgiViOfjU" data-related="0" data-control="1"
                     data-info="1" data-fullscreen="1"
                     style="width:100%;display: block; position: relative;cursor: pointer;max-height:360px;height:100%; overflow:hidden;padding-bottom:56.25%;margin:0 auto">
                    <img src="{{ asset('/resources/assets/img/thumbnails/video-ASIM-Checklist.jpg') }}"
                         style="bottom: -100%; display: block; left: 0; margin: auto; max-width: 100%; width: 100%;height:auto; position: absolute; right: 0; top: -100%;"
                         alt="Video thumbnail showing a hand checking off an item on a checklist">
                    <div style="height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url('/resources/assets/img/thumbnails/play.png') no-repeat;"></div>
                </div>
            </div>
            <div class="w-100 mr-4 g-mt-10">
                <h3 class="g-color-primary g-font-weight-600">
                    ASIM Checklist Explainer / Demo Video
                </h3>
                <p> The video pairs radio traffic from an Active Shooter training scenario (from an ASIM
                    Advanced
                    class) with animation of the Checklist showing the progression of the Checklist steps
                    during the
                    incident.</p>
                <p> Notations along the side margins in the video indicate which discipline is
                    communicating.</p>
            </div>
        </div>
    </section>
@endsection