@extends ('web.layouts-v2.master')
@section ('content')
@php
    $buttonClasses = 'btn btn-md u-btn-outline-primary u-btn-hover-v1-4 g-mr-10 g-mb-15';
@endphp
    @include ('web.partials-ncier.hero-resources')
    <div class="container px-0 pt-4">
    <section>
        <p class="text-center g-font-size-16 g-font-weight-600 g-line-height-110-percent" style="color: #000000;">
            Access our comprehensive resources designed to support first responders in effectively managing active
            shooter and hostile events. Our materials include the Active Shooter Incident Management Checklist and
            other vital tools to enhance your preparedness and response capabilities.</p>
        <span class="section-divider"></span>
    </section>
    <section>
        <div class="group-of-four row">
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        <img  class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/checklist-slides2.gif') }}" alt="Active Shooter Incident Management Checklist">
                        {{-- <img class="img-fluid w-100" src="{{ asset('$resourceImagePath') }}checklist-slides2.gif"> --}}
                    </div>
                    <div>
                        <h5>Active Shooter Incident Management Checklist and Supporting Materials</h5>
                        <p>This checklist is the national standard for managing active shooter events, providing a
                            structured
                            response process for first responders.</p>
                        <a class="{{ $buttonClasses }}" href="asim-checklist">Learn More</a>
                    </div>
                    <a href="asim-checklist" class="stretched-card-link" aria-label="Active Shooter Incident Management Checklist"></a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/ntoa_safety_priority-e1733928736151.jpg') }}">
                    </div>
                    <div>
                        <h5>NTOA Safety Priority</h5>
                        <p>This decision-making aid evaluates whether a given tactical action (or inaction) is sound
                            or flawed by
                            prioritizing life safety of those involved in an incident. It considers the benefits or
                            risks to people
                            if law enforcement implements a particular plan.</p>
                        <a class="{{ $buttonClasses }}" href="{{$links['safety_priority_pdf']}}">View PDF</a>
                    </div>
                    <a href="{{$links['safety_priority_pdf']}}" class="stretched-card-link" aria-label="NTOA Safety Priority"></a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/asim-for-aair.jpg') }}">
                    </div>
                    <div>
                        <h5>ASIM for Active Attack Integrated Response</h5>
                        <p>ASIM chapter replacement for ALERRT's Active Attack Integrated Response (AAIR) Course. </p>
                        <a class="{{ $buttonClasses }}" href="https://www.c3pathways.com/aair">Learn More</a>
                    </div>
                    <a href="https://www.c3pathways.com/aair" class="stretched-card-link" aria-label="ASIM for AAIR"></a>
                </div>

            </div>
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/Series-Master-Youtube.jpg') }}">
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}Series-Master-Youtube.jpg"> --}}
                    </div>
                    <div>
                        <h5>Podcasts</h5>
                        <p>Available on YouTube, Apple, Android and Simplecast</p>
                        <a class="{{ $buttonClasses }}" href="{{ URL::route('podcasts') }}">Learn More</a>
                    </div>
                    <a href="{{ URL::route('podcasts') }}" class="stretched-card-link" aria-label="Podcasts"></a>
                </div>

            </div>
        </div>
        <div class="group-of-four row">
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}Host-Adv.jpg"> --}}
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/Host-Adv.jpg') }}">
                    </div>
                    <div>
                        <h5>Hosting ASIM Advanced</h5>
                        <p>Information regarding facility requirement, logistics and participants</p>
                        <a class="{{ $buttonClasses }}" href="{{$links['hosting_ASIM_advanced_pdf']}}">Learn More</a>
                    </div>
                    <a href="{{$links['hosting_ASIM_advanced_pdf']}}" class="stretched-card-link" aria-label="Hosting ASIM Advanced"></a>
                </div>

            </div>
            {{-- <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/Host-Int-e1733928555276.png') }}">
                    </div>
                    <div>
                        <h5>Hosting ASIM Intermediate</h5>
                        <p>Information regarding facility requirement, logistics and participants</p>
                        <a class="{{ $buttonClasses }}" href="{{$links['hosting_ASIM_intermediate_pdf']}}">Learn More</a>
                    </div>
                    <a href="{{$links['hosting_ASIM_intermediate_pdf']}}" class="stretched-card-link" aria-label="Hosting ASIM Intermediate"></a>
                </div>

            </div> --}}
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}youtube_shorts-e1733929125143.png"> --}}
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/youtube_shorts-e1733929125143.png') }}">
                    </div>
                    <div>
                        <h5>YouTube Shorts</h5>
                        <p>Insights and information in less than a minute.</p>
                        <a class="{{ $buttonClasses }}" href="https://www.youtube.com/@C3Pathways/shorts">Learn More</a>
                    </div>
                    <a href="https://www.youtube.com/@C3Pathways/shorts" class="stretched-card-link" aria-label="YouTube Shorts"></a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}iloveuguys-pic3.png"> --}}
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/iloveuguys-pic3.png') }}">
                    </div>
                    <div>
                        <h5>I Love U Guys Foundation</h5>
                        <p>SRP (Response) and SRM (Reunification)</p>
                        <a class="{{ $buttonClasses }}" href="https://iloveuguys.org/">Learn More</a>
                    </div>
                    <a href="https://iloveuguys.org/" class="stretched-card-link" aria-label="I Love U Guys Foundation"></a>
                </div>

            </div>
        </div>
        <div class="group-of-four row">
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}video-ASIM-Course-e1734037841730.jpg"> --}}
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/video-ASIM-Course-e1734037841730.jpg') }}">
                    </div>
                    <div>
                        <h5>About the ASIM Advanced Course</h5>
                        <p>The best incident management training possible, hands-on, and with repetition. See how we do
                            it in this 3 minute video</p>
                        <a class="{{ $buttonClasses }}" href="https://www.youtube.com/watch?v=PXqDP0gyUXE">Learn More</a>
                    </div>
                    <a href="https://www.youtube.com/watch?v=PXqDP0gyUXE" class="stretched-card-link" aria-label="ASIM Advanced Course"></a>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3 g-mb-30">
                <div class="resource-card h-100 position-relative">
                    <div>
                        {{-- <img class="img-fluid w-100" src="{{ $resourceImagePath }}video-ASIM-Airport.jpg"> --}}
                        <img class="img-fluid w-100" src="{{ asset('/resources/assets/img/resources/video-ASIM-Airport.jpg') }}">
                    </div>
                    <div>
                        <h5>ASIM Airport</h5>
                        <p>The best incident management training possible, hands-on, and with repetition. See how we do
                            it in this 3 minute video</p>
                        <a class="{{ $buttonClasses }}" href="https://www.youtube.com/watch?v=s120qvyVYgE">Learn More</a>
                    </div>
                    <a href="https://www.youtube.com/watch?v=s120qvyVYgE" class="stretched-card-link" aria-label="ASIM Airport"></a>
                </div>
            </div>
        </div>
    </section>
    </div>
@endsection