@include('projets.index.layouts.onglets.commons.button-ajouter-projet')

<div>
    <div class="row mt-2 mb-2">
        <div class="col-12">
            <h5>Planning des projets</h5><br>
        </div>
    </div>
    @if(sizeof($planning) > 0)
        <div class="planning"></div>
    @else
        <div class="pt-2">
            <h4>Pas de données disponible.</h4>
        </div>
    @endif
</div>

<script>
    $(function() {
        $('.planning').gantt({
            source: {!! json_encode($planning) !!},
            navigate: 'scroll',
            scale: 'weeks',
            maxScale: 'months',
            minScale: 'days',
            itemsPerPage: {{ sizeof($planning) }},
            scrollToToday: false,
            dow: ['D','L','Ma','Me','J','V','S']
        });
    });
</script>