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

<head>
    <title>Fidelitas</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="{{asset('components/animate.css/animate.min.css')}}" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link href="{{asset('components/bootstrap/dist/css/bootstrap.min.css')}}" rel="stylesheet">


    <!-- Plugin CSS -->
    <link href="{{asset('components/bootstrap-jasny/dist/css/jasny-bootstrap.css')}}" rel="stylesheet">

    <!-- App CSS -->
    <link href="{{asset('css/rotating-card.css')}}" rel="stylesheet">
    <link href="{{asset('css/material-kit.css')}}" rel="stylesheet">
    <link href="{{asset('css/component.css')}}" rel="stylesheet">
    <link href="{{asset('css/notificaciones.css')}}" rel="stylesheet">
    <link href="{{asset('css/pe-icon-7-stroke.css')}}" rel="stylesheet">
    <link href="{{asset('css/hipster_cards.css')}}" rel="stylesheet">
    <link href="{{asset('components/jquery-autocomplete/css/jquery-ui-autocomplete.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/vis.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/pnotify.custom.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/last.css')}}?v={{ time() }}" rel="stylesheet">
    <link rel="stylesheet" href="{{asset('components/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" />
    <link href="{{asset('css/jquery.fancybox.css')}}" rel="stylesheet">
    <link href="{{asset('components/datatables/media/css/jquery.dataTables.min.css')}}" rel="stylesheet">

    <!-- Favicon -->
    <!-- header test -->
    <link rel="shortcut icon" href="/img/fidelitas_sm_box.png">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
    <!-- inicio menu slider lateral -->
    <!-- <link rel="stylesheet" href="bootstrap-vertical-menu.css">-->
    <!-- fin menu slider lateral -->
    <script type="text/javascript" src="{{ URL::asset('components/jquery/dist/jquery.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/jquery1.11.4.min.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('components/bootstrap/dist/js/bootstrap.min.js') }}"> </script>
    <script type="text/javascript"
        src="{{ URL::asset('components/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/vis.min.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/pnotify.custom.min.js') }}"> </script>
    <!-- Funcion zoom en imagenes -->
    <script type="text/javascript" src="{{ URL::asset('js/jquery.fancybox.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/jquery.fancybox.pack.js') }}"> </script>
    <script type="text/javascript" src="{{ URL::asset('js/pdf.js') }}?v={{rand()}}"> </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body class=" ">
    <div id="wrapper">

        <div class="container" style="width: auto;">
            <div class="navbar-header">
                <div class="hidden-sm">
                    <a href="" class="navbar-brand navbar-brand-img">
                        <img src="/img/fidelitas.png" alt="Fidelitas" height="40" />
                    </a>
                </div>
                <div class="visible-sm">
                    <a href="/informes/buscador" class="navbar-brand navbar-brand-img">
                        <img src="/img/fidelitas_sm_box.png" alt="Fidelitas" height="40" />
                    </a>
                </div>
                <button class="navbar-toggle btn-fidelitas" type="button" data-toggle="collapse"
                    data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <i class="fa fa-bars"></i>
                </button>
            </div> <!-- /.navbar-header -->

            <div class="col-md-12 title-report background-fidelitas"
                style="padding-top: 35px; margin-top: 20px; margin-bottom: 15px;"></div>

        </div>

        <link href="{{asset('components/datatables/media/css/jquery.dataTables.min.css')}}" rel="stylesheet">
        <script type="text/javascript" src="{{ URL::asset('js/pnotify.custom.min.js') }}"> </script>
        <link href="{{asset('css/pnotify.custom.min.css')}}" rel="stylesheet">
        <script type="text/javascript" src="{{ URL::asset('js/pdf.js') }}"> </script>
        <input type="hidden" name="_token" id="token" value="{{ $token }}">
        <input type="hidden" name="idp" id="idp" value="{{$idp ?? ''}}">
        <input type="hidden" name="cuit" id="cuit" value="{{$cuit ?? ''}}">
        <input type="hidden" name="razon_social" id="razon_social" value="{{$razon_social ?? ''}}">
        <input type="hidden" name="version_sabana" id="version_sabana" value="{{$version_sabana ?? ''}}">
        <!-- secciones sabana -->

        <!-- inicio Navbar Secciones-->
        <div id="navbar_secciones" class="profile-tabs mt-10">
            <div class="nav-align-center">
                @if($version_sabana == '0')
                    <ul class="nav nav-pills" role="tablist" id="navegador_tabs" style="z-index: 9999;">
                        <li class="active">
                            <a href="#seccion-brief" id="tab-brief" role="tab" data-toggle="tab" aria-expanded="true">
                                <i class="fa fa-check-square-o"></i><span class="col-xs-hidden col-sm-hidden">Resumen</span>
                            </a>
                        </li>
                        @foreach($secciones as $key => $seccion)
                            <li>
                                <a href="#seccion-{{$key}}" id="tab-{{$key}}" role="tab" data-toggle="tab">
                                    <i class="fa {{$seccion->icon}} no-data"></i><span
                                        class="col-xs-hidden col-sm-hidden no-data">{{$seccion->nombre_seccion}}</span>
                                </a>
                            </li>

                        @endforeach
                    </ul>
                @endif


                <div id="contenedor_mensaje_info"></div>
                <div id="contenedor_informe col-md-12" class="tab-content gallery">