<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
   <meta charset="utf-8">
   <base href="{{ url('/') }}">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <!-- CSRF Token -->
   <meta name="csrf-token" content="{{ csrf_token() }}">
   <title>{{ env('APP_NAME') }} - {{ __('Web Installer') }}</title>
   <!-- Favicon -->
   <link rel="icon" href="{{ asset('uploads/favicon.png') }}" type="image/png">
   <!-- Fonts -->
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
   <!-- Icons -->
   <link rel="stylesheet" href="{{ asset('assets/vendor/nucleo/css/nucleo.css') }}" type="text/css">
   <link rel="stylesheet" href="{{ asset('assets/vendor/@fortawesome/fontawesome-free/css/all.min.css') }}" type="text/css">
   <link rel='stylesheet' href="{{ asset('assets/css/uicons-regular-straight.css') }}">
   <!-- Page plugins -->
   <link rel="stylesheet" href="{{ asset('assets/css/argon.css') }}" type="text/css">
   <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/toastify-js/src/toastify.css') }}">
   <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/pace/pace-theme-default.min.css') }}">
   <link href="{{ asset('assets/css/invoice.css') }}" rel="stylesheet">
   <link rel="stylesheet" href="{{ asset('assets/css/custom.css') }}" type="text/css">
   @stack('css')
</head>
<body>
   <div class="container py-5 deposit-payment">
      <div class="row justify-content-center">
         <div class="col-sm-12 col-lg-11">
           <div class="row">
            <div class="col-sm-3">              
               <div class="card bg-neutral  mb-3">
                  <div class="card-body text-center">
                    <i class="fi  fi-rs-search-alt f-20 {{ url()->current() == url('/install') ? '' : 'text-muted' }}"></i> 
                    <h3 class="{{ url()->current() == url('/install') ? '' : 'text-muted' }}"> {{ __('Requirements') }}</h3>
                  </div>
               </div>           
               <div class="card mb-3">
                  <div class="card-body text-center">                    
                     <i class="fi fi-rs-unlock f-20 {{ url()->current() == url('/install/purchase') ? '' : 'text-muted' }}"></i> 
                     <h3 class="{{ url()->current() == url('/install/purchase') ? '' : 'text-muted' }}"> {{ __('Verification') }}</h3>                     
                  </div>
               </div>
               <div class="card mb-3">
                  <div class="card-body text-center">                     
                     <i class="fi fi-rs-database f-20 {{ url()->current() == url('/install/info') ? '' : 'text-muted' }}"></i> 
                     <h3 class="{{ url()->current() == url('/install/info') ? '' : 'text-muted' }}"> {{ __('Database Setup') }}</h3>                    
                  </div>
               </div>  
               <div class="card">
                  <div class="card-body text-center">                     
                     <i class="fi fi-rs-rocket-lunch f-20 {{ url()->current() == url('/install/congratulations') ? '' : 'text-muted' }}"></i> 
                     <h3 class="{{ url()->current() == url('/install/congratulations') ? '' : 'text-muted' }}"> {{ __('Ready for launch') }}</h3>                    
                  </div>
               </div>            
            </div>          
            <div class="col-sm-9">
               <div class="card">
                  <div class="card-body">
                     @yield('content')                               
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<script src="{{ asset('assets/vendor/jquery.min.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/js-cookie/js.cookie.js') }}"></script>
<script src="{{ asset('assets/plugins/sweetalert/sweetalert2.all.min.js') }}"></script>
<script src="{{ asset('assets/plugins/toastify-js/src/toastify.js') }}"></script>
<!-- Plugins  -->
<script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
<script src="{{ asset('assets/plugins/form.js?v=1.1') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.js') }}"></script>
<script src="{{ asset('assets/js/argon.js?v=1.1.1') }}"></script>
@stack('js')   
</body>
</html>