@component('components.portlets', [
    'title' => 'Identificados',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseIdentificados',
    'bg' => 'bg-info',
    'open_close' => false,
])
    <table class="table">
        <tbody>
            <tr>
                <td width="33%" class="text-center bg-secondary">Totais</td>
                <td width="33%" class="bg-danger text-center">Custo médio: RS 3,22 (94,64%)</td>
                <td width="34%" class="text-right bg-secondary">R$ 41.815,72</td>
            </tr>
        </tbody>
    </table>

    <table class="table table-hover table-sm m-b-0">
        <thead>
            <tr class="text-center">
                <th colspan="5" style="border-top: 1px solid #03968c;border-bottom: 1px solid #03968c; border-color: #03968c !important;">
                    Com Nota do Cliente para o Atendimento
                </th>
            </tr>
            <tr>
                <th>Nota do Cliente</th>
                <th>Sem Recontato</th>
                <th>Com Recontato</th>
                <th class="text-right">Volume e Custo Médio Unitário (R$)</th>
                <th class="text-right">Faturamento (R$)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Nota 0 e 1 (Detrator)</td>
                <td>
                    <div>
                        <div class="badge badge-danger">
                            <span>99</span>
                            <span>(0,73%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-danger">
                            <span>R$ 1,12</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div>
                        <div class="badge badge-danger">
                            <span>56</span>
                            <span>(0,41%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-danger">
                            <span>R$ 1,12</span>
                        </div>
                    </div>
                </td>
                <td class="text-right">
                    <div>
                        <span>155</span>
                        <span>(1,14%)</span>
                    </div>
                    <div>
                        <span>R$1,12</span>
                    </div>
                </td>
                <td class="text-right">
                    <span>R$ 173,91</span>
                </td>
            </tr>
            <tr>
                <td>Nota 2 a 6 (Detrator)</td>
                <td>
                    <div>
                        <div class="badge badge-warning">
                            <span>173</span>
                            <span>(1,27%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-warning">
                            <span>R$ 2,24</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div>
                        <div class="badge badge-danger">
                            <span>32</span>
                            <span>(0,23%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-danger">
                            <span>R$ 1,12</span>
                        </div>
                    </div>
                </td>
                <td class="text-right">
                    <div>
                        <span>205</span>
                        <span>(1,50%)</span>
                    </div>
                    <div>
                        <span>R$ 1,12</span>
                    </div>
                </td>
                <td class="text-right">
                    <span>R$ 424,12</span>
                </td>
            </tr>
            <tr>
                <td>Nota 7 e 8 (Neutro)</td>
                <td>
                    <div>
                        <div class="badge badge-success">
                            <span>353</span>
                            <span>(2,59%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-success">
                            <span>R$ 3,40</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div>
                        <div class="badge badge-warning">
                            <span>41</span>
                            <span>(0,30%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-warning">
                            <span>R$2,24</span>
                        </div>
                    </div>
                </td>
                <td class="text-right">
                    <div>
                        <span>394</span>
                        <span>(2,29%)</span>
                    </div>
                    <div>
                        <span>R$3,28</span>
                    </div>
                </td>
                <td class="text-right">
                    <span>R$ 424,12</span>
                </td>
            </tr>
            <tr>
                <td>Nota 9 e 10 (Promotor)</td>
                <td>
                    <div>
                        <div class="badge badge-success">
                            <span>2.955</span>
                            <span>(21,65%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-success">
                            <span>R$ 4,21</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div>
                        <div class="badge badge-success">
                            <span>408</span>
                            <span>(2,99%)</span>
                        </div>
                    </div>
                    <div>
                        <div class="badge badge-success">
                            <span>R$3,40</span>
                        </div>
                    </div>
                </td>
                <td class="text-right">
                    <div>
                        <span>3.363</span>
                        <span>(24,64%)</span>
                    </div>
                    <div>
                        <span>R$4,39</span>
                    </div>
                </td>
                <td class="text-right">
                    <span>R$ 14.749,71</span>
                </td>
            </tr>
            <tr class="bg-secondary bg-gradient text-light">
                <td>Totais</td>
                <td>
                    <div>
                        <div>
                            <span>3.580</span>
                            <span>(26,23%)</span>
                        </div>
                    </div>
                    <div>
                        <div>
                            <span>R$4,21</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div>
                        <div>
                            <span>537</span>
                            <span>(3,93%)</span>
                        </div>
                    </div>
                    <div>
                        <div>
                            <span>R$2,94</span>
                        </div>
                    </div>
                </td>
                <td class="text-right">
                    <div>
                        <span>4.117</span>
                        <span>(30,17%)</span>
                    </div>
                    <div>
                        <span>R$4,04</span>
                    </div>
                </td>
                <td class="text-right">
                    <span>R$ 16.639,94</span>
                </td>
            </tr>

        </tbody>
    </table>

@endcomponent