@extends('layouts.pages')
@section('page')
  @include('layouts._partials.liens')
  <div class="contact">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="catalog">
            <div class="bloc bloc-alert bloc-alert-primary" role="alert">
              <i class="fas fa-info"></i>
              Pour toute commande d'une offre ci-dessous, merci de contacter votre représentant habituel.
            </div>
            @if(config('userSettings')->catalog && config('website.catalog') == 1)
              @if($file)
                <div id="viewer" class="viewer"></div>
              @else
                <div role="alert" class="bloc bloc-alert bloc-alert-warning"><i class="fas fa-info"></i>
                  Pour le moment aucun catalogue n'est disponible.
                </div>
              @endif
            @else
              <div role="alert" class="bloc bloc-alert bloc-alert-danger"><i class="fas fa-info"></i>
                Vous n'avez pas l'autorisation d'accéder au catalogue.
              </div>
            @endif

          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
 
@push('scripts')
  <script src="{{ asset('/js/pdf-viewer/webviewer.min.js') }}"></script>
  <script>
    var pdf = '{{ $file }}';

    // C3bI86OgVb7C1YVX6BWO (pipal-dev.fr)
    // 7l2Xp9GIZAAzxFbvLm1o (pipal.fr)
    // lx7so74FE8ofTLcCLpDY (laspp.com)
    WebViewer({
      path: '/js/pdf-viewer/', // path to the PDF.js Express'lib' folder on your server
      licenseKey: '7l2Xp9GIZAAzxFbvLm1o',
      initialDoc: pdf,
    }, document.getElementById('viewer'))
    .then(instance => {
      // now you can access APIs through the WebViewer instance
      const { Core, UI } = instance;
      instance.setLayoutMode(instance.LayoutMode.FacingCover);

      // adding an event listener for when a document is loaded
      Core.documentViewer.addEventListener('documentLoaded', () => {
        console.log('Document ouvert');
      });

      // adding an event listener for when the page number has changed
      Core.documentViewer.addEventListener('pageNumberUpdated', (pageNumber) => {
        console.log('Numéro de page : ${pageNumber}');
      });
    });
  </script>
@endpush