<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{{ config('app.name') }}</title>
    <meta name="description" content="The Leadership Health program was developed in collaboration with the University of Maryland School of Public Health through a Maryland Industrial Partnerships (MIPS) project.">
    <link rel="icon" href={{asset('img/icon.svg')}}>
    <link rel="stylesheet" href="/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
    <link href="{{ asset('/css/strengthify.min.css') }}" rel="stylesheet">
    <link href="{{asset('css/style.css')}}" rel=stylesheet>
    <link href="{{asset('css/skin.css')}}" rel=stylesheet>
    <link href="{{asset('css/landing.css')}}" rel=stylesheet>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="{{asset('js/jquery.mask.js')}}"></script>
    <script src="{{ asset('/js/jquery.strengthify.min.js') }}"></script>
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <script>
        $(function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
    });
  </script>

    <!-- Hotjar Tracking Code for https://hr.leadershiphealth.org -->
    <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            h._hjSettings={hjid:2302901,hjsv:6};
            a=o.getElementsByTagName('head')[0];
            r=o.createElement('script');r.async=1;
            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
            a.appendChild(r);
        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>
</head>

<body>
    <nav class="navbar navbar-expand-lg top-links">
        <div class="container justify-content-end">
            <div>
                <ul class="navbar-nav align-items-center">
                    <li class="nav-item">
                        <a class="d-flex align-items-center" href="tel:{{config('app.phone')}}"><i class="me-2 fas fa-mobile-alt"></i> {{config('app.phone')}}</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <nav class="navbar navbar-expand-lg shadow-sm" id="mainNav">
        <div class="container position-relative p-0">
            <a href="{{route('login')}}"><img class="logo" src="{{asset('img/logo.svg')}}"></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
                <img src="https://leadershiphealth.org/img/menu.svg" alt="">
            </button>
            <div class="collapse navbar-collapse" id="navBar">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ config('app.backToLeadershipHealthUrl') }}">
                            <img class="me-1" height="20" src="{{asset('img/chart.svg')}}">Back to {{ config('app.url') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <hr class="m-0">
    <div class="welcome-container">
        <div class="container my-3 my-md-4 my-lg-5">
            <div class="row">
                <div class="col-lg-7">
                    <h4 class="title">Find the rewarding career you’ve been looking for at {{ config('app.name') }} Health.</h4>
                    <p>Thank you for your interest in working with {{ config('app.name') }}.</p>
                    <p>We use this portal to:</p>
                    <ul class="icon-list">
                        <li>Organize the HR process.</li>
                        <li>Coordinate communication with our HR team.</li>
                        <li>Test your webcam and/or smartphone to confirm that your hardware is ready for telehealth.</li>
                    </ul>
                </div>
                <div class="col-lg-5">
                    @yield('content')
                </div>
            </div>
        </div>
        @include('landing')
    </div>
    <footer class="pt-4">
        <div class="bg-sec py-2">
            <div class="container">
                <p class="text-white m-0"><small>Copyright © {{ date('Y') }} {{ config('app.name') }} LLC. All Rights Reserved.</small></p>
            </div>
        </div>
    </footer>
</body>
<script src="/vendor/bootstrap/popper.min.js"></script>
<script src="/vendor/bootstrap/bootstrap.min.js"></script>
<script>
    $(document).ready(function() {
        $('.phone').mask('(000) 000-0000');
        $('.pass').strengthify({
            zxcvbn: '/js/zxcvbn.js'
        })
    });
</script>

</html>
