@extends('layouts.master')
@section('graficos')
    <script src="{{asset('code/highcharts.js')}}"></script>
    <script src="{{asset('code/highcharts-more.js')}}"></script>
    <script src="{{asset('code/highcharts-3d.js')}}"></script>
    <script src="{{asset('code/modules/drilldown.js')}}"></script>
    <script src="{{asset('code/modules/data.js')}}"></script>
    <script src="{{asset('code/modules/exporting.js')}}"></script>
    <script src="{{asset('code/modules/export-data.js')}}"></script>
@endsection
@section('content')
@include('partials.containers-header')
@foreach ($arrPhasCoun as $objPhasCoun)
<div class="row" style="margin-left: .05em; margin-bottom: .5em">
    <div class="titulo" style="color: darkblue">
        <a href="{{url('resumen/country/'.$objPhasCoun->country_id)}}"> {{$objPhasCoun->country->name}} </a>
    </div>
</div>
<div class="row" style="margin-bottom: 1em;">
    @foreach ($objPhasCoun->perspectives()->get() as $objPersPhas)
    <div class="col-md-3">
        <div id="{{$objPersPhas->dona_location}}" style="height: 200px; margin-bottom: .5em; box-shadow: 0 1px 4px 0; border-radius: 3px"></div>
            @include('charts.dona',[
                'id'        => $objPersPhas->id,
                'location'  => $objPersPhas->dona_location,
                'title'     => $objPersPhas->resume_link,
                'labels'    => 0,
                'd3'        => 'true',
                'innerSize' => 45,
                'route'    => env('APP_URL','http://localhost/').'api/v1/ofp/'.$objPersPhas->id,
            ])
    </div>
    @endforeach
</div>    
@endforeach
@include('partials.containers-footer')
@endsection

@section('javascript')
    <script>
        $(function() {
            $('#working_country').css('display','none');
            $('#working_phase').css('display','none');
        })
    </script>
@endsection