@component('components.portlets', [
    'title' => 'Detalhamento PA\'s',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseDetalhamentoPas',
    'bg' => 'bg-portlets-header',
    'open_close' => false,
])

    <div class="row card-box m-b-0 p-b-0">
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">PA's Contratadas</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">24.00</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">PA's Faturadas</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">22.80</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">Taxa de PA</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">22.80</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Valor Unitário PA</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_FatVlTotalServicos">22,80</span>
            @endcomponent
        </div>
    </div>

    <div class="row card-box m-b-0 p-b-0">
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">PA's Realizadas</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">24.00</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">PA's Projetadas</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">22.80</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">Diferença HC</span>
                @endslot
                @slot('bg')
                    bg-bmg-warning
                @endslot
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">22.80</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Valor Total</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_FatVlTotalServicos">22,80</span>
            @endcomponent
        </div>
    </div>

    <div class="row m-t-20">
        <div class="col-12">
            <table class="table table-striped table-sm table-hover table-active nowrap" id="table-detalhamento-pas">
                <thead>
                    <tr>
                        <th>Célula</th>
                        <th class="text-center">Tipo Faturamento</th>
                        <th class="text-center">PA Contratada</th>
                        <th class="text-center">PA Realizada</th>
                        <th class="text-center">PA Faturamento</th>
                        <th class="text-center">Delta PA</th>
                        <th class="text-center">HC Contratado</th>
                        <th class="text-center">HC Realizado</th>
                        <th class="text-center">Delta HC</th>
                        <th class="text-center">Valor de PA</th>
                        <th class="text-center">Valor Contratado</th>
                        <th class="text-center">Valor Realizado</th>
                        <th class="text-center">Delta Valor</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (['BMG LICENÇA SIAS', 'BMG POP', 'ATIVO RA', 'PAAPI', 'WELCOME CALL', 'FALE CONOSCO', 'ESTEIRA RA', 'BMG CALL BACK', 'JURÍDICO', 'BACK OFFICE', 'WHATSAPP'] AS $row)
                        <tr>
                            <td>{{$row}}</td>
                            <td class="text-center">Pico de PA</td>
                            <td class="text-center">{{rand(1,55)}},{{rand(0,5)}}</td>
                            <td class="text-center">{{rand(1,55)}},{{rand(0,5)}}</td>
                            <td class="text-center">{{rand(1,55)}},{{rand(0,5)}}</td>
                            <td class="text-center">0,0</td>
                            <td class="text-center">{{rand(0,82)}},{{rand(10,78)}}</td>
                            <td class="text-center">0,0</td>
                            <td class="text-center">-{{rand(0,82)}},{{rand(1,8)}}</td>
                            <td class="text-center">R${{number_format(rand(1234, 98876), 2, '.', ',')}}</td>
                            <td class="text-center">R${{number_format(rand(1234, 98876), 2, '.', ',')}}</td>
                            <td class="text-center">R${{number_format(rand(1234, 98876), 2, '.', ',')}}</td>
                            <td class="text-center">R${{number_format(rand(0, 0), 2, '.', ',')}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endcomponent