@extends('layouts.factsheet_pdf')

@section('page_title', $fundModel->name)

@if(!empty($fundShareSettings['css']))
@section('custom_styles')
<style type="text/css">
{{ $fundShareSettings['css'] }}
</style>
@endsection
@endif

@section('content')
<div id="contenido">
    <div id="header">
        <ul>
            <li class="tit-ppal">{{ $fundModel->name }}</li>
            <li class="logo">
                <img src="/img/delta.jpg" />
            </li>
        </ul>
    </div>
    
    <div class="clearing"></div>
    
    <div id="left">
        <div class="selected-class">
            {{ __('factsheet.fund_share_class', ['class' => $fundShareModel->class]) }}
        </div>
        <div class="mes">
            {{ Helper::__($generalData->month_name) . ' ' . $generalData->year }}
        </div>
        <div class="tipo-fondo">
            {{ __('factsheet.fund_type') }}
            <br />
            <span class="bajada">{{ Helper::__($fundModel->type) }}</span>
        </div>
        <div class="tit-informacion">
            {{ __('factsheet.fund_information') }}
        </div>
        <div class="tit managers">
            {{ trans_choice('factsheet.invest_team_coheads', count($generalData->teamCoHeads)) }}
            <p>
            @foreach($generalData->teamCoHeads as $teamCoHead)
                @if($loop->index > 0)
                <br />
                @endif
                {{ $teamCoHead }}
            @endforeach
            </p>
        </div>
        <div class="tit managers">
            {{ __('factsheet.portfolio_managers') }}
            <p>{{ $fundModel->manager_1 }}<br />{{ $fundModel->manager_2 }}</p>
        </div>
        
        <div class="linea-celeste"></div>
        
        <div class="tit fund-assets" id="celeste">
            {{ __('factsheet.fund_assets') }}
            <p>{{ $fundModel->currency_symbol . ' ' . number_format($fundModel->net_worth, 0, $numberFormats['decimal_separator'], $numberFormats['thousand_separator']) }}</p>
        </div>
        <div class="tit" id="tostado">
            {{ __('factsheet.fund_init_date') }}
            <p>{{ $fundModel->inception_date }}</p>
        </div>
        <div class="tit" id="{{ $language == 'es' ? 'beige' : 'beige_uno' }}">
            {{ __('factsheet.suscriptions_and_redemptions_currency') }}
            <p>{{ Helper::__($fundModel->currency) }}</p>
        </div>
        <div class="tit" id="tostado">
            {{ __('factsheet.redemption_payment_period') }}
            <p>{{ Helper::__($fundModel->redemption_period) }}</p>
        </div>
        <div class="tit" id="beige">
            {{ __('factsheet.fund_custodian') }}
            <p>{{ $fundModel->fund_custodian }}</p>
        </div>
        <div class="tit" id="tostado_dos">
            {{ __('factsheet.management_fees') }}
            <p>{{ $fundShareModel->management_fee_formatted }}</p>
            <p class="dorado pie-honorarios">{{ $fundShareModel->management_fee_text_translated }}</p>
        </div>
        <div class="tit" id="beige">
            {{ __('factsheet.custodian_fees') }}
            <p>{{ $fundModel->custodian_fees }}</p>
        </div>
        <div class="tit" id="tostado">
            {{ __('factsheet.entry_and_exit_load') }}
            <p>{{ Helper::__($fundModel->entry_exit_load) }}</p>
        </div>
        <div class="tit" id="beige">
            {{ __('factsheet.minimum_investment') }}
            <p>{{ $fundModel->currency_symbol . ' ' . number_format($fundShareModel->min_inversion, 2, $numberFormats['decimal_separator'], $numberFormats['thousand_separator']) }}</p>
        </div>
        <div class="tit" id="tostado">
            {{ __('factsheet.rating') }}
            <p>{{ empty($fundModel->rating) ? Helper::__('N/A') : $fundModel->rating }}</p>
        </div>
        <div class="tit" id="beige_dos-{{ $language }}">
            {{ __('factsheet.bloomberg_code') }}
            <p>{{ $fundShareModel->bloomberg_code }}</p>
            
            @if(!empty($fundShareModel->isin_code))
            {{ __('factsheet.isin_code') }}
            <p>{{ $fundShareModel->isin_code }}</p>
            @endif
            
            @if(!empty($fundShareModel->cvsa_code))
            {{ __('factsheet.cvsa_code') }}
            <p>{{ $fundShareModel->cvsa_code }}</p>
            @endif
        </div>
        <div class="contacto {{ $language == 'es' ? 'spanish' : 'english' }}">
            <div class="tit">
                {{ __('factsheet.contact_information') }}
            </div>
            <div class="contacto-data">
                @if(!empty($generalData->phone['visual']))
                <p>
                    <a href="tel:{{ $generalData->phone['link'] }}" target="_blank">{{ $generalData->phone['visual'] }}</a>
                </p>
                @endif
                <p>
                    <a href="mailto:{{ $companyDataModel->email }}" target="_blank">{{ $companyDataModel->email }}</a>
                </p>
                <p>
                    <a href="{{ $generalData->website_url['link'] }}" target="_blank">{{ $generalData->website_url['visual'] }}</a>
                </p>
            </div>
        </div>
    </div>
    
    <div id="right">
        <div class="tit-dorado titulo-objetivo">
            {{ __('factsheet.objective') }}
        </div>
        <div class="objetivo_parrafo">
            @foreach($fundModel->objective_paragraphs as $paragraph)
            <p>{{ Helper::__($paragraph) }}</p>
            @endforeach
            
            @if(array_key_exists($generalData->sections['objective'], $commentsBySection))
            <p class="comments">
                @foreach($commentsBySection[$generalData->sections['objective']] as $comment)
                {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
                @endforeach
            </p>
            @endif
        </div>
        
        <div class="clearing"></div>
        
        @if(!$fundShareSettings['performance_table_hide'])
        <table class="objetivo" style="width: 100%">
            <thead>
                <tr>
                    <th class="performance-encabezado encabezado1 {{ count($performanceTableClasses) == 1 ? 'two-columns' : 'three-columns'}}" style="width: 69%;">{{ __('factsheet.performance') }}</th>
                    @foreach ($performanceTableClasses as $className => $classData)
                    <th>&nbsp;</th>
                    <th class="performance-encabezado encabezado2">{{ __('factsheet.class_name', ['class' => $className]) }}<br />{{ Helper::__($classData['type']) }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
                @foreach ($performanceTable as $periodType => $performanceData)
                <tr>
                    <td class="info">{{ __('factsheet.' . $periodType) }}</td>
                    @foreach ($performanceData as $percentage)
                    <td>&nbsp;</td>
                    <td class="info-der">{{ !is_numeric($percentage) ? $percentage : number_format($percentage, 2, $numberFormats['decimal_separator'], $numberFormats['thousand_separator']) . '%' }}</td>
                    @endforeach
                </tr>
                @endforeach
            </tbody>
        </table>
        
        @if(array_key_exists($generalData->sections['performance_table'], $commentsBySection))
        <div class="clearing"></div>
        <p class="comments">
            @foreach($commentsBySection[$generalData->sections['performance_table']] as $comment)
            {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
            @endforeach
        </p>
        @endif
        @endif
        
        @if(!$fundShareSettings['share_evolution_hide'] || !$fundShareSettings['holdings_hide'])
        <div id="contendor-graficos">
            <div id="contenedor-grafico-evolucion-cuotaparte" class="{{ $fundShareSettings['holdings_hide'] ? 'unico-grafico' : '' }}">
                <div class="evolucion-cuotaparte tit-dorado">
                    {{ __('factsheet.fundshare_evolution') }}
                </div>
                <div id="grafico-cuotaparte"></div>
            </div>
            
            <div id="contenedor-grafico-principales-tenencias" class="{{ $fundShareSettings['share_evolution_hide'] ? 'unico-grafico' : '' }}">
                <div class="principales-tenencias grafico tit-dorado">
                    {{ __('factsheet.main_holdings') }}
                </div>
                <div id="grafico-composicion"></div>
            </div>
        </div>
        
        @if(array_key_exists($generalData->sections['share_evolution_graph'], $commentsBySection))
        <div class="clearing"></div>
        <p class="comments">
            @foreach($commentsBySection[$generalData->sections['share_evolution_graph']] as $comment)
            {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
            @endforeach
        </p>
        @endif
        @endif
        
        <div class="clearing"></div>
        
        @if(!$fundShareSettings['holdings_hide'])
        <div class="principales-tenencias tit-dorado">
            {{ __('factsheet.main_holdings') }}
        </div>
        <div id="holdings-container" style="min-height: {{ count($fundAssetHoldings['T1']) * 22.5 }}px">
            <div class="detalle-activos">
                <div id="holdings-table">
                    <ul class="ul-izq">
                        <li class="sector">{{ __('factsheet.area_asset_type') }}</li>
                        @foreach ($fundAssetHoldings['T1'] as $fundHolding)
                        @php ($description = $fundHolding['text'])
                        <li class="activos-nombres" title="{{ $description }}">
                            <span class="tenencias-bullet" style="background-color: {{ Helper::getColorByIteration($loop->index) }};">&nbsp;&nbsp;&nbsp;</span> {{ Helper::cutLongString($description, 120) }}
                        </li>
                        @endforeach
                        <li class="total">{{ __('factsheet.area_total') }}</li>
                     </ul>
                     
                     <ul class="ul-midd">
                        <li class="sector">{{ __('factsheet.area_amount') }}</li>
                        @foreach ($fundAssetHoldings['T1'] as $fundHolding)
                        <li class="activos-monto">{{ $fundModel->currency_symbol . ' ' . number_format($fundHolding['value'], 0, $numberFormats['decimal_separator'], $numberFormats['thousand_separator']) }}</li>
                        @endforeach
                        <li class="total total-amount">{{ $fundModel->currency_symbol . ' ' . number_format($generalData->fund_holdings_totals['T1']['value'], 0, $numberFormats['decimal_separator'], $numberFormats['thousand_separator']) }}</li>
                     </ul>
                     
                     <ul class="ul-der">
                        <li class="sector">%</li>
                        @foreach ($fundAssetHoldings['T1'] as $fundHolding)
                        <li class="activos-monto">{{ number_format($fundHolding['percentage'], 2, $numberFormats['decimal_separator']) }}</li>
                        @endforeach
                        <li class="total total-amount">{{ number_format($generalData->fund_holdings_totals['T1']['percentage'], 2, $numberFormats['decimal_separator']) }}</li>
                     </ul>
                 </div>
            </div>
            
            <div class="clear-div"></div>
             
            @if(array_key_exists($generalData->sections['main_holdings'], $commentsBySection))
            <p class="bajotabla">
                @foreach($commentsBySection[$generalData->sections['main_holdings']] as $comment)
                {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
                @endforeach
            </p>
            @endif
        </div>
        @endif
        
        <div class="clearing"></div>
        
        @if(!$fundShareSettings['historic_performance_hide'])
        <div class="tit-dorado performance-historica-titulo">
            {{ __('factsheet.historical_performance') }}
        </div>
        <div class="performance-historica">
            <div class="ph-cabecera">
                @foreach($historicalPerformance['headers'] as $header)
                <ul class="ul-izq ph-cabecera">
                    <li class="{{ $loop->last ? 'año' : 'sector' }}">{{ $header }}</li>
                </ul>
                @endforeach
            </div>
            
            <div class="tabla-performance-historica">
            @foreach($historicalPerformance['data'] as $data)
            <ul class="ul-izq">
                @foreach($data as $value)
                <li class="{{ $loop->last ? 'total' : ($loop->index == 0 ? ($loop->even ? 'cel-1' : 'cel-2') : ($loop->even ? 'cel-3' : 'cel-4')) }}">{!! is_null($value) ? '&nbsp;' : (is_numeric($value) && $value < 1000 ? number_format($value, 2, $numberFormats['decimal_separator']) . '%' : $value) !!}</li>
                @endforeach
            </ul>
            @endforeach
            </div>
            
            <div class="pie-tabla ph-footer-third">
                {{ trans_choice('factsheet.share_evolution_table_foot', $generalData->historical_performance_total_years, ['years' => $generalData->historical_performance_total_years, 'share_type' => __($selectedClassData['type'])]) }}
            </div>
            
            @if(array_key_exists($generalData->sections['share_historic_performance'], $commentsBySection))
            <div class="clearing"></div>
            <p class="comments">
                @foreach($commentsBySection[$generalData->sections['share_historic_performance']] as $comment)
                {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
                @endforeach
            </p>
            @endif
        </div>
        @endif
        
        <div class="clearing"></div>
        
        <div class="pie-tabla ph-impositive-treatment">
            <b>{{ __('factsheet.tax_treatment') }}</b>
            <u>{{ __('factsheet.tax_treatment_retail_label') }}</u>: {{ __('factsheet.tax_treatment_retail_text') }}
            <u>{{ __('factsheet.tax_treatment_legal_entity_label') }}</u>: {{ __('factsheet.tax_treatment_legal_entity_text') }}
        </div>
        
        @if(array_key_exists($generalData->sections['page_foot'], $commentsBySection))
        <div class="clearing"></div>
        <p class="comments">
            @foreach($commentsBySection[$generalData->sections['page_foot']] as $comment)
            {{ $comment }}{!! !$loop->last ? '<br />' : '' !!}
            @endforeach
        </p>
        @endif
    </div>
</div>
@endsection

@section('footer')
<div class="footer-content">
    @foreach($disclaimerTexts as $disclaimerText)
    {{ $loop->index > 0 ? ' ' : '' }}{{ $disclaimerText }}
    @endforeach
</div>
@endsection

@section('scripts')
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
    @if(!$fundShareSettings['share_evolution_hide'])
    AmCharts.makeChart('grafico-cuotaparte', {
        type: 'serial',
        theme: 'none',
        borderColor: '#FFFFFF',
        plotAreaBorderAlpha: 0,
        plotAreaBorderColor: '#FFFFFF',
        pathToImages: 'https://www.amcharts.com/lib/3/images/',
        language: '{{ $isPdf ? 'en' : $language }}',
        fontFamily: 'ManropeLight',
        fontSize: 10,
        autoMarginOffset: 0,
        decimalSeparator: '{{ $numberFormats['decimal_separator'] }}',
        thousandsSeparator: '{{ $numberFormats['thousand_separator'] }}',
        autoMargins: false,
        autoResize: false,
        addClassNames: true,
        classNamePrefix: 'amcharts',
        path: '/packages/amcharts/',
        marginTop: 0,
        marginRight: 0,
        marginLeft: 0,
        marginBottom: 0,
        paddingTop: 0,
        paddingRight: 0,
        paddingLeft: 0,
        paddingBottom: 0,
        dataProvider: {!! empty($shareEvolution) ? '[]' : json_encode($shareEvolution) !!},
        valueAxes: [{
            axisAlpha: 1,
            axisColor: '#2C2B2B',
            axisThickness: 0.3,
            gridAlpha: 1,
            gridColor: '#2C2B2B',
            gridThickness: 0.3,
            fillAlpha: 0,
            fillColor: '#0841A5',
            centerRotatedLabels: false,
            includeGuidesInMinMax: true,
            dashLength: 0,
            position: 'left',
            fontSize: 10,
            color: '#2C2B2B',
            inside: false,
            minorGridAlpha: 0.3,
            minorGridEnabled: false,
            minorTickLength: 0,
            autoGridCount: true,
            offset: 0,
            showFirstLabel: true,
            showLastLabel: true,
            strictMinMax: true,
            unitPosition: 'left',
            labelRotation: 0,
            {{ !empty($generalData->minimumYaxis) ? 'minimum: ' . $generalData->minimumYaxis . ',' : ''}}
            {{ !empty($generalData->maximumYaxis) ? 'maximum: ' . $generalData->maximumYaxis . ',' : ''}}
        }],
        graphs: [{
            bulletSize: 0,
            valueField: 'value',
            lineColor: '#0841A5',
            color: '#2C2B2B'
        }],
        balloon: {
            color: '#FFFFFF',
            fillAlpha: 0.9,
            fillColor: '#0841A5',
            adjustBorderColor: true,
            borderThickness: 1,
            cornerRadius: 2,
            fontSize: 10,
            showBullet: false
        },
        marginTop: 20,
        marginRight: 0,
        marginLeft: 0,
        marginBottom: 0,
        chartCursor: {
            cornerRadius: 2,
            cursorColor: '#58595B',
            graphBulletSize: 1.5,
            bulletsEnabled: false
        },
        autoMargins: true,
        dataDateFormat: 'YYYY-MM-DD',
        categoryField: 'date',
        categoryAxis: {
            parseDates: true,
            axisColor: '#FFFFFF',
            axisAlpha: 0,
            axisThickness: 0,
            gridColor: '#FFFFFF',
            gridAlpha: 0,
            gridThickness: 0,
            fontSize: 10,
            gridCount: {{ !empty($generalData->grid_count) ? $generalData->grid_count : '15'}},
            tickLength: 0,
            inside: false,
            autoGridCount: false,
            minHorizontalGap: 10,
            forceToPrintAllLabels: true,
            position: 'bottom',
            gridPosition: 'start',
            labelOffset: 2,
            startOnAxis: true,
            twoLineMode: false,
            showFirstLabel: true,
            showLastLabel: true,
            labelRotation: {{ !empty($generalData->rotation_angle) ? $generalData->rotation_angle : '45'}},
            labelColorField: '#2C2B2B',
            minPeriod: '{{ !empty($generalData->minimum_period) ? $generalData->minimum_period : 'DD'}}',
            dateFormats: [
                 {period: 'fff', format: 'JJ:NN:SS'},
                 {period: 'ss', format: 'JJ:NN:SS'},
                 {period: 'mm', format: 'JJ:NN'},
                 {period: 'hh', format: 'JJ:NN'},
                 {period: 'DD', format: '{{ !empty($generalData->period_day) ? $generalData->period_day : 'MMM DD'}}'},
                 {period: 'WW', format: '{{ !empty($generalData->period_week) ? $generalData->period_week : 'MMM DD'}}'},
                 {period: 'MM', format: '{{ !empty($generalData->period_month) ? $generalData->period_month : 'MMM DD'}}'},
                 {period: 'YYYY', format: 'YYYY'}
            ]
        },
        export: {
           enabled: {{ $isPdf || empty($shareEvolution) ? 'false' : 'true' }},
           position: 'top-left',
           fileName: '{{ $generalData->fund_name_snaked }}' + '_{{ __('factsheet.share_export', ['share' => $selectedClassData['class']]) }}' + '_{{ __('factsheet.share_evolution_export') }}_' + '{{ $generalData->period_string }}',
           menu: [{
               class: 'export-main',
               label: 'Download',
               menu: ['PNG', 'XLSX']
           }],
           columnNames: {
               date: '{{ __('factsheet.date') }}',
               value: '{{ __('factsheet.value') }}'
           }
        }
    });
    @endif
    
    // ------------------------------------------------------------------------------------------------------------------------------------
    
    @if(!$fundShareSettings['holdings_hide'])
    var holdingsChart = AmCharts.makeChart('grafico-composicion', {
        type: 'serial',
        theme: 'none',
        borderColor: '#FFFFFF',
        borderAlpha: 0,
        startDuration: 0,
        colors: {!! json_encode($graphColors) !!},
        borderAlpha: 0,
        decimalSeparator: '{{ $numberFormats['decimal_separator'] }}',
        fontSize: 10,
        fontFamily: 'ManropeLight',
        color: '#2C2B2B',
        //labelText: '[[percents]]%',
        outlineAlpha: 0,
        outlineThickness: 0,
        handDrawn: false,
        rotate: true,
        marginTop: 0,
        marginRight: 10,
        marginLeft: 0,
        marginBottom: 10,
        paddingTop: 0,
        paddingRight: 0,
        paddingLeft: 0,
        paddingBottom: 0,
        dataProvider: {!! empty($fundAssetHoldings['G1']) ? '[]' : json_encode($fundAssetHoldings['G1']) !!},
        categoryField: 'text',
        graphs: [{
            type: 'column',
            valueField: 'percentage',
            colorField: 'color',
            fillAlphas: 1,
            fillAlphas: 0.8
        }],
        valueAxes: [{
            //recalculateToPercents: true,
            labelText: '[[value]]%',
            unit: '%'
        }],
        categoryAxis: {
            labelsEnabled: false
        },
        percentPrecision: 1,
        addClassNames: true,
        classNamePrefix: 'graph-main-tenencias amcharts',
        export: {
           enabled: {{ $isPdf || empty($fundAssetHoldings) ? 'false' : 'true' }},
           position: 'top-right',
           fileName: '{{ $generalData->fund_name_snaked }}' + '_{{ __('factsheet.main_holdings_export') }}_' + '{{ $generalData->period_string }}',
           menu: [{
               class: 'export-main',
                label: 'Download',
               menu: ['PNG', 'XLSX']
           }],
           columnNames: {
             text: '{{ __('factsheet.description') }}',
             value: '{{ __('factsheet.value') }}',
             percentage: '{{ __('factsheet.percentage') }}'
           },
           exportFields: ['text', 'value', 'percentage']
         }
    });
    
    /*holdingsChart.addListener('rendered', function() {
        var minimumHeight = 210;
        var holdingsTableElement = $('.detalle-activos');
        
        var holdingsTableHeight = holdingsTableElement.height();
        var holdingsTableMarginTop = holdingsTableElement.css('margin-top').replace(/[^0-9\.]/g, '');
        var holdingsTableMarginTop = parseFloat(holdingsTableMarginTop);
        
        holdingsTableHeight = holdingsTableHeight + (holdingsTableMarginTop ? holdingsTableMarginTop : 0);
        
        var chartContainerHeight = holdingsTableHeight < minimumHeight ? minimumHeight : holdingsTableHeight;
        
        $('#grafico-composicion').css('height', holdingsTableHeight + 'px');
    });*/
    @endif
});
//]]>
</script>
@endsection