@extends('layouts.app')
@section('head')
<!-- map -->
 <link rel="stylesheet" href="{{asset('/')}}front/css/apexcharts/apexcharts.css" />
@endsection
@section('content') 
<div class="content">
            <div class="logo">
              <h1>Career Wallet</h1>
              <span class="strap1">Get Your Dream Job..</span><br/>
            </div>
            <h2>You are now being redirected</h2>
            <div class="spinner">
                <div class="spinner1"></div>
                <div class="spinner2"></div>
                <div class="spinner3"></div>
                <div class="spinner4"></div>
                <div class="spinner5"></div>
                <div class="spinner6"></div>
                <div class="spinner7"></div>
                <div class="spinner8"></div>
            </div>
          <!-- {{ asset('/') }}sitesetting_images/thumb/{{ $siteSetting->site_logo }} -->
          
          </div>

@endsection

@section('script')
@if(settings('logo')=='')
  @php
      $imagesLogo = 'assets/media/logos/cw_logo.png';
  @endphp
@else
  @php
      $imagesLogo = '/'.settings('logo');
  @endphp
@endif

            <style type="text/css">
                html { margin:0; padding:0; }
                body { margin:0; padding:30px; font-family:Arial,Helvetica, sans-serif; font-size:12px; line-height:1.4em; color:#222; background-color:#eee; text-align:center;     margin-bottom: 110px;}
                a { color: ; text-decoration: none; }
                a:hover { text-decoration:underline; }
                p,h2 { margin:0 0 20px 0; }
                h2 { font-size:18px; font-weight:normal; line-height:1.4em; }
                .logo { margin-bottom:30px; line-height:24px; }
                .logo h1 { display:block; width:244px;background:url("{{ asset($imagesLogo)}}") no-repeat; overflow:hidden; text-indent:-9999em; margin:0 auto 10px auto; }
                .strap1 { font-size:22px; color:#223e4f; }
                .spinner { width:300px; height:22px; margin:0 auto 20px auto; }
                .spinner > div {
                    width:10px;
                    height:22px;
                    margin:0 3px;
                    display:inline-block;
                    border-radius:4px;
                    -webkit-animation: bouncedelay 1.5s infinite ease-in-out;
                    animation: bouncedelay 1.5s infinite ease-in-out;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                    background:{{$primarycolor?$primarycolor:'#ff8a00'}};
                    opacity:0.3;
                }
                .header{ display: none; }
                .footer{ display: none; }
                .header-inner{display: none;}
                .feature-info-section{display: none;}
                .spinner .spinner1 { -webkit-animation-delay: -1.28s; animation-delay: -1.28s; }
                .spinner .spinner2 { -webkit-animation-delay: -1.12s; animation-delay: -1.12s; }
                .spinner .spinner3 { -webkit-animation-delay: -0.96s; animation-delay: -0.96s; }
                .spinner .spinner4 { -webkit-animation-delay: -0.80s; animation-delay: -0.80s; }
                .spinner .spinner5 { -webkit-animation-delay: -0.64s; animation-delay: -0.64s; }
                .spinner .spinner6 { -webkit-animation-delay: -0.48s; animation-delay: -0.48s; }
                .spinner .spinner7 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
                .spinner .spinner8 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
                @-webkit-keyframes bouncedelay {
                    0%, 80%, 100% { -webkit-transform: scale(1.0); opacity:0.3; }
                    40% { -webkit-transform: scale(1.3); opacity:1; }
                }
                @keyframes bouncedelay {
                    0%, 80%, 100% {
                        transform: scale(1.0);
                        -webkit-transform: scale(1.0);
                        opacity:0.3;
                    }
                    40% {
                        transform: scale(1.0);
                        -webkit-transform: scale(1.3);
                        opacity:1;
                    }
                }
            </style>
        
  <script>
    $.ajax({
        url: "{{ url('stats/jbe/'.$job_url) }}",
        type: 'get',
        success: function(response) {  
            window.location.replace(response);
       }
    });
</script>
@endsection