<!doctype html>
<html lang="es">
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      @yield('meta')
      <meta id="token" name="token" value="{{ csrf_token() }}">
      <meta name="application-name" content="CMS"/>
      <meta name="csrf-token" content="{{ csrf_token() }}">
      
      <title>@yield('page-title') | Machareti</title>
      <link rel="icon" href="{{asset('assets/favicon.ico')}}" type="image/x-icon"/>

      <!-- fonts -->
      <link rel="preconnect" href="https://fonts.gstatic.com" />
      <link href="https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Girassol&family=Roboto+Slab&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" />
      <?php 
        // $version = 202105311046;
        $version = rand(0,99999999999);
      ?>
      {!! HTML::style('assets/vendors/bootstrap/bootstrap.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/bootstrap-select/bootstrap-select.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/animate/animate.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/fontawesome/css/all.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/jarallax/jarallax.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/organik-icon/organik-icons.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/nouislider/nouislider.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/nouislider/nouislider.pips.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/odometer/odometer.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/swiper/swiper.min.css?v='.$version) !!}
      {!! HTML::style('assets/vendors/tiny-slider/tiny-slider.min.css?v='.$version) !!}

      <!-- template styles -->
      {!! HTML::style('assets/css/organik.css?v='.$version) !!}
      {!! HTML::style('assets/css/custom.css?v='.$version) !!}
      {!! HTML::style('assets/css/sweetalert.min.css') !!}

      <qcript src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyAZHonTU7BEEONfxISHh5_BnxkzMHMlgJ4&callback=initMap" sync defer></qcript>

      @yield('styles')
      
  </head>
  <body>
    <div class="page-wrapper">
    <!-- <div class="preloader">
        <img class="preloader__image" width="55" src="assets/images/loader.png" alt="" />
    </div> -->

    @include('partials.headerWeb')            
    <div class="stricky-header stricked-menu main-menu main-menu__two">
      <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
    </div><!-- /.stricky-header -->

    @yield('content') 
      
    @include('partials.footerWeb')
  
    <script type="text/javascript" src="{{ asset('assets/js/tinymce/tinymce.min.js') }}"></script> 

    {!! HTML::script('assets/vendors/jquery/jquery-3.5.1.min.js') !!} 
    {!! HTML::script('assets/vendors/bootstrap/bootstrap.bundle.min.js') !!} 
    {!! HTML::script('assets/vendors/bootstrap-select/bootstrap-select.min.js') !!} 
    {!! HTML::script('assets/vendors/jarallax/jarallax.min.js') !!} 
    {!! HTML::script('assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js') !!} 
    {!! HTML::script('assets/vendors/jquery-appear/jquery.appear.min.js') !!} 
    {!! HTML::script('assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js') !!} 
    {!! HTML::script('assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js') !!} 
    {!! HTML::script('assets/vendors/jquery-validate/jquery.validate.min.js') !!} 
    {!! HTML::script('assets/vendors/nouislider/nouislider.min.js') !!} 
    {!! HTML::script('assets/vendors/odometer/odometer.min.js') !!} 
    {!! HTML::script('assets/vendors/swiper/swiper.min.js') !!} 
    {!! HTML::script('assets/vendors/tiny-slider/tiny-slider.min.js') !!} 
    {!! HTML::script('assets/vendors/wnumb/wNumb.min.js') !!} 
    {!! HTML::script('assets/vendors/wow/wow.js') !!} 
    {!! HTML::script('assets/vendors/isotope/isotope.js') !!} 
    {!! HTML::script('assets/vendors/countdown/countdown.min.js') !!} 
    <!-- template js -->
    {!! HTML::script('assets/js/organik.js') !!} 

  @yield('scripts')
  @yield('scriptsFooter')

  {!! HTML::script('assets/js/sweetalert.min.js') !!} 
  <script type="text/javascript" src="{{ asset('assets/js/tinymce/tinymce.min.js') }}"></script> 

  @yield('scripts')
  @yield('scriptsFooter')
  @include('sweet::alert')

  <div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>
    <div class="search-popup__content">
      <form action="#">
        <label for="search" class="sr-only">Buscar aquí</label><!-- /.sr-only -->
        <input type="text" id="search" placeholder="Buscar..." />
        <button type="submit" aria-label="search submit" class="thm-btn">
            <i class="organik-icon-magnifying-glass"></i>
        </button>
      </form>
    </div>
  </div>

  <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>

  </body>
  
</html>
