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

@section('title')
    @lang('messages.submenu_asim_basic_by_atp') | @lang('messages.title')
@endsection
@section('description')
    <meta name="description" content="@lang('messages.desc_asim_basic')">
@endsection

@section('seoNotation')
<script type="application/ld+json">
    {
        "@context": "http://schema.org/",
        "@type": "Course",
        "name": "@lang('messages.submenu_asim_basic_atp')",
        "url":"{{ URL::current() }}",
        "description": "@lang('messages.desc_asim_basic_atp')",
        "inLanguage":"English",
        "timeRequired":"4 Hours",
        "provider":{
            "@type":"Organization",
            "name":"{{ $company->name }}",
            "legalName":"@lang('messages.title_inc')",
            "sameAs": [
                "{{ $company->linkedIn }}",
                "{{ $company->twitter }}",
                "{{ $company->facebook }}",
                "{{ $company->youtube }}"
            ],
            "url":"{{ $company->url }}",
            "image":"{{ $company->logo }}",
            "logo":"{{ $company->logo }}",
            "foundingDate":"2004",
            "email":"{{ $company->info_email }}",
            "telephone":"{{ $company->phone }}",
            "faxNumber":"{{ $company->fax }}",
            "contactPoint":{
                "@type":"ContactPoint",
                "telephone":"+1 {{ $company->phone }}",
                "contactType":"customer service"
            },
            "address":{
                "@type":"PostalAddress",
                "addressLocality":"{{ $company->addressCity }}",
                "addressRegion":"{{ $company->addressState }}",
                "postalCode":"{{ $company->zipCode }}",
                "streetAddress":"{{ $company->address }}"
            }
        },
        "hasCourseInstance": [
        {
            // In-Person self-paced course that takes 4 hours to complete.
            "@type": "CourseInstance",
            "courseMode": "In-Person",
            "courseWorkload": "P4H"
        }]
    }
</script>
@endsection

@section('content')
    <!-- Breadcrumbs -->
    <section class="g-bg-gray-light-v5 g-pt-110 g-pb-0 g-pb-20--lg breadcrumbs">
        <div class="container">
            <div class="d-sm-flex">
                <div class="align-self-center">
                    <h1 class="g-font-weight-700 g-font-size-40 g-font-size-50--md g-line-height-0_7 text-left">
                        @lang('messages.brandname_asim_basic_css')
                        <span class="g-valign-middle g-font-size-20"> by @lang('messages.menu_authorized_training_partners')</span>
                    </h1>
                    <span class="g-font-weight-600 text-uppercase">@lang('messages.label_asim')</span>
                </div>

                <div class="align-self-center ml-auto">
                    <ol class="breadcrumb g-color-gray-light-v2">
                        <li class="breadcrumb-item g-color-main"><a class="g-color-primary--hover"
                                href="{{ URL::route('course-catalog') }}">@lang('messages.menu_courses')</a></li>
                        <li class="breadcrumb-item g-color-primary active">@lang('messages.submenu_asim_basic_by_atp')</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <!-- End Breadcrumbs -->

    <!--=== Content Part ===-->
    <section class="container g-pt-20 g-pt-30--lg">
        <div class="row justify-content-between">
            <div class="col-lg-9 g-mb-30--lg">
                <div class="mb-2 text-center">
                    <h2 class="h3 g-font-weight-600 g-font-size-20 g-font-size-30--md text-uppercase mb-3 g-color-black">
                        Stop the <span class="g-color-primary">Killing.</span>
                        Stop the <span class="g-color-primary">Dying.</span><span
                            class="g-valign-top g-font-size-default">&reg;</span></h2>
                </div>

                <!-- 1 Column Body -->
                <div class="d-flex justify-content-between g-py-20">
                    <a class="js-fancybox d-block u-block-hover" href="{{ asset('../resources/assets/img/inline/asim_basic_by_atp.jpg') }}" title="@lang('messages.submenu_asim_basic_by_atp')" data-fancybox-gallery="lightbox-asim" data-blur-bg="true">
                        <img class="img-fluid u-block-hover__main--mover-right" src="{{ asset('../resources/assets/img/inline/asim_basic_by_atp.jpg') }}" alt="@lang('messages.submenu_asim_basic_by_atp')">
                    </a>
                </div>
                <!-- End 1 Column Body -->

                <!-- 2 Columns Body -->
                <div class="d-flex flex-sm-row flex-column g-mt-10">
                    <div class="w-100 mr-5 text-justify">
                        <p>
                            Active Shooter Incident Management (ASIM)
                            Basic is a 4-hour <span class="g-font-weight-600 g-color-primary">introductory</span> course
                            demonstrating the ASIM Checklist integrated
                            response process to law enforcement, fire,
                            and EMS responders. Instructors introduce
                            key concepts of integration and engage
                            responders in three (3) hands-on functional
                            exercise scenarios, enabling response
                            practice while improving comprehension and
                            retention.
                        </p>
                    </div>
                    <div class="w-100 text-justify">
                        <p>
                            The course addresses:
                            <ul>
                                <li>The ASIM Checklist process</li>
                                <li>Staging</li>
                                <li>Tactical & Contact Teams</li>
                                <li>Casualty Collection Points</li>
                                <li>Triage & Rescue Task Forces (RTF)</li>
                                <li class="g-mb-5">Transport & Ambulance Exchange Points</li>
                            </ul>
                        </p>
                    </div>
                </div>

                @include ('web.partials-v2.asim-b-priority-level-icon-blocks')

                {{-- <div class="container p-0 g-mt-10">
                    <hr class="g-my-10">
                    <!-- 1 Column Body -->
                    <div class="d-flex justify-content-between">
                        <span class="g-valign-top g-font-size-12">&reg; Stop the Killing, Stop the Dying is a registered
                            trademark of Texas State University and is used with permission.</span>
                    </div>
                    <!-- End 1 Column Body -->
                </div> --}}
            </div>

            <div class="col-lg-3 g-mt-10 g-mb-30--md">
                @include ('web.partials-v2.aside-course-breakdown-details')
                @include ('web.partials-v2.aside-links-asim')
            </div>
        </div>

        @include ('web.partials-v2.action-request-course-info-by-atp')

        <div class="container p-0 g-my-10">
            <hr class="g-my-10">
            <!-- 1 Column Body -->
            <div class="d-flex justify-content-between">
                <span class="g-valign-top g-font-size-12">&reg; Stop the Killing, Stop the Dying is a registered
                    trademark of Texas State University and is used with permission.</span>
            </div>
            <!-- End 1 Column Body -->
        </div>
    </section>

    @include ('web.partials-v2.testimonials')

    <!--=== End Content Part ===-->
@endsection

@section('javascript')
<!-- Raiting -->
<script src="{{ asset('../resources/assets/js/components/hs.rating.js') }}"></script>

<script>
    $(function() {
        // initialization of rating
        $.HSCore.components.HSRating.init($('.js-rating'), {
            spacing: 2
        });

        // initialization of popups
        $.HSCore.components.HSPopup.init('.js-fancybox'); /** Responders Gallery **/

        // Carousel initialization (Clients Testimonial (Slick), Partnership, Responders Gallery)
        $.HSCore.components.HSCarousel.init('.js-carousel');

        $('.js-carousel').slick('setOption', 'responsive', [{ // Shared Carousel config by class
            breakpoint: 992,
            settings: {
                slidesToShow: 2
            }
        }, {
            breakpoint: 576,
            settings: {
                slidesToShow: 1
            }
        }], true);
    });
</script>
@endsection