EVOLUTION-MANAGER

Edit File: rendiciones.blade.php

<?php $anios=App\cuentas_anio::orderBy('anio','desc')->get();  $docs=App\cuentas_doc::all();  ?>
<div class="vc_row wpb_row vc_row-fluid">
    <div class="wpb_column vc_column_container vc_col-sm-12">
        <div class="vc_column-inner ">
            <div class="wpb_wrapper">
                <div class="vc_tta-container" data-vc-action="collapse">
                    <div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">

<div class="vc_tta-tabs-container">
                            <ul class="vc_tta-tabs-list">
                            	@foreach($anios as $anio)
                                <li class="vc_tta-tab" data-vc-tab="">
                                    <a data-vc-container=".vc_tta" data-vc-tabs="" href="#{{$anio->anio}}">
                                        <span class="vc_tta-title-text">
                                            {{$anio->anio}}
                                        </span>
                                    </a>
                                </li>
                                @endforeach

</ul>
                        </div>

<div class="vc_tta-panels-container">
                            <div class="vc_tta-panels">
                            	@foreach($anios as $anio)
                                <div class="vc_tta-panel" data-vc-content=".vc_tta-panel-body" id="{{$anio->anio}}">
                                    <div class="vc_tta-panel-heading">
                                        <h4 class="vc_tta-panel-title">
                                            <a data-vc-accordion="" data-vc-container=".vc_tta-container" href="#{{$anio->anio}}">
                                                <span class="vc_tta-title-text">
                                                    {{$anio->anio}}
                                                </span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div class="vc_tta-panel-body">
                                        <section class="vc_cta3-container">
                                            <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md">
                                                <div class="vc_cta3_content-container">
                                                    <div class="vc_cta3-content">
                                                        <header class="vc_cta3-content-header">
                                                        </header>
                                                        <script>
                                                            jQuery(document).ready(function($){
	                                                            wizard_accordion  = $("#accordions-{{$anio->anio}}.accordions .items").accordion({
	                                                                            event: "click",
	                                                                            collapsible:true,
	                                                                            heightStyle: "content",
	                                                                            animate: ("swing", 1000),
	                                                                            navigation: true,
	                                                                            active: 99999,
	                                                                                        });
                                                                            });
                                                        </script>
                                                        <p class="accordions-lazy" id="accordions-lazy-{{$anio->anio}}">
                                                        </p>
                                                        <script>
                                                            jQuery( window ).load(function() {
										                    jQuery('#accordions-lazy-{{$anio->anio}}').fadeOut();
										                    jQuery('#accordions-{{$anio->anio}}').fadeIn();
										                             });
                                                        </script>
                                                        <style type="text/css">
                                                            #accordions-{{$anio->anio}}{display: none;}
							                                    #accordions-{{$anio->anio}} {
							                                    text-align: left;
							                                }
							                                #accordions-{{$anio->anio}}{
							                                    background:#ffffff url() repeat scroll 0 0;
							                                    padding: 0;
							                                }
							                                #accordions-{{$anio->anio}} .accordions-head{
							                                    background: rgb(99, 210, 103) none repeat scroll 0 0 !important;
							                                    margin:1px;
							                                    padding:10px;
							                                }
							                                #accordions-{{$anio->anio}} .accordions-head-title{
							                                    color:#ffffff;
							                                    font-size:14px;
							                                    font-family:;
							                                }
							                                #accordions-{{$anio->anio}} .accordions-head-title-toogle{
							                                    color:#ffffff;
							                                    font-size:14px;
							                                }
							                                #accordions-{{$anio->anio}} .accordions-head:hover .accordions-head-title{
							                                    color: #eceaea !important;
							                                }
							                                #accordions-{{$anio->anio}} .ui-state-active{
							                                    background: #367511 !important;
        														color: #eceaea !important;
							                                }
							                                #accordions-{{$anio->anio}} .accordion-content{
							                                    background:rgba(255,255,255,1) none repeat scroll 0 0;
							                                    color:#333333;
							                                    font-size:13px;
							                                    font-family:;
							                                    margin:0;
							                                    padding:10px;
							                                }
							                                #accordions-{{$anio->anio}} .accordion-icons{
							                                    color:#565656;
							                                    font-size:16px;
							                                }
							                                #accordions-{{$anio->anio}} .accordions-head:hover .accordion-icons{
							                                    color:#999;
							                                }
                                                        </style>
                                                        <div class="accordions accordions-themes flat accordions-{{$anio->anio}}" id="accordions-{{$anio->anio}}">
                                                            <div class="top-navs">
                                                            </div>
                                                            <div class="items">
                                                            	<?php $fasex = App\cuentas_fase::where('cuentas_anio_id',$anio->id)->orderBy('fase','desc')->get(); ?>
                                                            	@if($fasex->first())
	                                                            	@foreach($fasex as $fase)

<div class="accordions-head head1556831686964" header_id="header-1556831686964" id="header-1556831686964" post_id="{{$anio->anio}}" style="">
		                                                                    <div class="accordion-icons left accordion-plus fa fas fa-chevron-up">
		                                                                    </div>
		                                                                    <div class="accordion-icons left accordion-minus fa fas fa-chevron-down">
		                                                                    </div>
		                                                                    <div class="accordions-head-title" id="header-text-1556831686964">
		                                                                        {{$fase->fase}}
		                                                                    </div>
		                                                                </div>
	                                                                	<?php $docx = $docs->where('cuentas_fase_id',$fase->id); ?>
		                                                                @if($docx->first())
		                                                                <div class="accordion-content content1556831686964">
		                                                                    <ul>
		                                                                    	@foreach($docx as $doc)
		                                                                        <li style="font-weight: 400;">
		                                                                            <a href="{{asset('public/'.$doc->archivo)}}">
		                                                                                <span style="font-weight: 400;">
		                                                                                    {{$doc->titulo}}
		                                                                                </span>
		                                                                            </a>
		                                                                        </li>
		                                                                        @endforeach
		                                                                        
		                                                                    </ul>
		                                                                </div>
		                                                                @endif
		                                                                
	                                                                @endforeach
                                                               	@endif
                                                            </div>
                                                        </div>
                                                        <link href="{{asset('public/frontend/transparencia/wp-content/plugins/accordions/assets/frontend/css/jquery-ui8498.css?ver=20181018')}}" media="all" rel="stylesheet" type="text/css"/>
                                                        <link href="{{asset('public/frontend/transparencia/wp-content/plugins/accordions/assets/global/css/themes.style8498.css?ver=20181018')}}" media="all" rel="stylesheet" type="text/css"/>
                                                        <link href="{{asset('public/frontend/transparencia/wp-content/plugins/accordions/assets/global/css/fontawesome.min8498.css?ver=20181018')}}" media="all" rel="stylesheet" type="text/css"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                                @endforeach
                                
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>