@extends('layouts.app')

@section('title','Dashboard')

@section('content')

    <div class="layout-px-spacing">

        <div class="row layout-top-spacing">

            <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-chart-one">
                    <div class="widget-heading">
                        <h5 class="">Total dépenses des assurés par mois</h5>
                        <ul class="tabs tab-pills">
                            <li><a href="javascript:void(0);" id="tb_1" class="tabmenu">Mois</a></li>
                        </ul>
                    </div>

                    <div class="widget-content">
                        <div class="tabs tab-content">
                            <div id="content_1" class="tabcontent">
                                <div id="revenueMonthly"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-chart-two">
                    <div class="widget-heading">
                        <h5 class="">Répartition des assurés par nature</h5>
                    </div>
                    <div class="widget-content">
                        <div id="chart-2" class=""></div>
                    </div>
                </div>
            </div>

            <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                <div class="widget-two">
                    <div class="widget-content">
                        <div class="w-numeric-value">
                            <div class="w-content">
                                <span class="w-value">Total dépenses par famille acte</span>
                            </div>
                        </div>
                        <div class="widget-content">
                            <div id="daily-sales"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-12 col-md-6 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-chart-two">
                    <div class="widget-heading">
                        <h5 class="">Nombre de prises en charge par statut</h5>
                    </div>
                    <div class="widget-content">
                        <div id="chart-3" class=""></div>
                    </div>
                </div>
            </div>

            <div class="col-xl-8 col-lg-12 col-md-6 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-table-one">
                    <div class="widget-heading">
                        <h5 class="">Top 10 prestataires</h5>
                    </div>

                    <div class="widget-content">
                        @foreach ($top10prestataires as $top10prestataire)
                        <div class="transactions-list">
                            <div class="t-item">
                                <div class="t-company-name">
                                    <div class="t-icon">
                                        <div class="icon">
                                            <td>{{$rang++ }}</td>
                                        </div>
                                    </div>
                                    <div class="t-name">
                                        <h4>{{$top10prestataire->libprestataire}}</h4>
                                        {{-- <p class="meta-date">4 Aug 1:00PM</p> --}}
                                    </div>

                                </div>
                                <div class="t-rate rate-dec">
                                    @if ($rdcsite->codsite == '0000000003')
                                        <td>{{ number_format($top10prestataire->partpaye, 2, ',', ' ') }} $</td>
                                    @else
                                        <td>{{ number_format($top10prestataire->partpaye, 0, ',', ' ') }} FCFA </td>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>



            <div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                <div class="widget widget-chart-two">
                    <div class="widget-heading">
                        <h5 class="">Repartition des dépenses par collège</h5>
                    </div>
                    <div class="widget-content">
                        <div id="chart-4" class=""></div>
                    </div>
                </div>
            </div>
        </div>

    </div>


    <script>
        var codsite = "{{ $rdcsite->codsite }}";
    </script>

@endsection