{{-- test purpose html --}}
<div class="container">
    <div class="col-md-12">
        <div class="card sina-card">
            <div class="card-body">
                <table class="table table-condensed table-striped">
                    <thead>
                        <tr>
                            <th width="50%">{{__('obs.particulars')}}</th>
                            <th>{{__('obs.note')}}</th>
                            <th>{{__('obs.note')}} (TK) </th>
                            <th>{{__('obs.taka')}}</th>
                            <th>%</th>
                            <th>{{__('obs.taka')}}</th>
                            <th>%</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <th>{{__('obs.revenue')}} :</th>
                            <td colspan="8"></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                                {{__('obs.sales')}} :
                            </td>
                            <td></td>
                            <td class="text-right">281,330,019.00</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                               (-) {{__('obs.sales')}} {{__('obs.return')}} :
                            </td>
                            <td></td>
                            <td class="text-right">81,330,019.00</td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                                (-) {{__('obs.sales')}} {{__('obs.discount')}}:
                            </td>
                            <td></td>
                            <td class="text-right">200,000.00</td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th class="text-center">
                                {{__('obs.net')}} {{__('obs.sales')}} :
                            </th>
                            <td></td>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                        </tr>

                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                                (+) {{__('obs.others')}} {{__('obs.direct')}} {{__('obs.income')}}:
                            </td>
                            <td></td>
                            <td></td>
                            <td class="text-right">200,000.00</td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                        </tr>

                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th class="text-center">
                                {{__('obs.total_direct_revenue')}} :
                            </th>
                            <td></td>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th>
                                <u>{{__('obs.direct_expenses')}}:</u>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td></td>
                            <td></td>
                        </tr>

                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                                {{__('obs.cost_of_goods_sold')}} :
                            </td>
                            <td></td>
                            <td class="text-right">199,800,000.00</td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <td>
                                {{__('obs.others_direct_cost')}} :
                            </td>
                            <td></td>
                            <td class="text-right">199,800,000.00</td>
                            <td></td>
                            <td></td>
                            <td class="text-right">0.00</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th class="text-center">
                                <i>{{__('obs.less_total_direct_expenses')}}:</i>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right">199,800,000.00</td>
                            <td></td>
                            <td class="text-right">199,800,000.00</td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th class="text-right">
                                <strong>{{__('obs.gross_profit')}}:</strong>
                            </th>
                            <td></td>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th>
                                <u>{{__('obs.add_operating_income')}}:</u>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th>
                                <u>{{__('obs.add_non_operating_income')}}:</u>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th>
                                <u>{{__('obs.less_operating_expenses')}}:</u>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th>
                                <u>{{__('obs.less_non_operating_expenses')}}:</u>
                            </th>
                            <td></td>
                            <td></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                            <th class="text-right">
                                <strong>{{__('obs.net_profit')}}:</strong>
                            </th>
                            <td></td>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                            <th class="text-right">199,800,000.00</th>
                            <td></td>
                        </tr>
                        {{-- <tr>
                            <td colspan="12" class="hiddenRow">
                                <div class="accordian-body collapse" id="demo1">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr class="info">
                                                <th>Job</th>
                                                <th>Company</th>
                                                <th>Salary</th>
                                                <th>Date On</th>
                                                <th>Date off</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>

                                        <tbody>

                                            <tr data-toggle="collapse" class="accordion-toggle"
                                                data-target="#demo10">
                                                <td> <a href="#">Enginner Software</a></td>
                                                <td>Google</td>
                                                <td>U$8.00000 </td>
                                                <td> 2016/09/27</td>
                                                <td> 2017/09/27</td>
                                                <td>
                                                    <a href="#" class="btn btn-default btn-sm">
                                                        <i class="fa fa-wrench"></i>
                                                    </a>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td colspan="12" class="hiddenRow">
                                                    <div class="accordian-body collapse" id="demo10">
                                                        <table class="table table-striped">
                                                            <thead>
                                                                <tr>
                                                                    <td><a href="#"> XPTO 1</a></td>
                                                                    <td>XPTO 2</td>
                                                                    <td>Obs</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>item 1</th>
                                                                    <th>item 2</th>
                                                                    <th>item 3 </th>
                                                                    <th>item 4</th>
                                                                    <th>item 5</th>
                                                                    <th>Actions</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <td>item 1</td>
                                                                    <td>item 2</td>
                                                                    <td>item 3</td>
                                                                    <td>item 4</td>
                                                                    <td>item 5</td>
                                                                    <td>
                                                                        <a href="#"
                                                                            class="btn btn-default btn-sm">
                                                                            <i
                                                                                class="fa fa-wrench"></i>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>

                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>Scrum Master</td>
                                                <td>Google</td>
                                                <td>U$8.00000 </td>
                                                <td> 2016/09/27</td>
                                                <td> 2017/09/27</td>
                                                <td> <a href="#" class="btn btn-default btn-sm">
                                                        <i class="fa fa-wrench"></i>
                                                    </a>
                                                </td>
                                            </tr>


                                            <tr>
                                                <td>Back-end</td>
                                                <td>Google</td>
                                                <td>U$8.00000 </td>
                                                <td> 2016/09/27</td>
                                                <td> 2017/09/27</td>
                                                <td> <a href="#" class="btn btn-default btn-sm">
                                                        <i class="fa fa-wrench"></i>
                                                    </a>
                                                </td>
                                            </tr>


                                            <tr>
                                                <td>Front-end</td>
                                                <td>Google</td>
                                                <td>U$8.00000 </td>
                                                <td> 2016/09/27</td>
                                                <td> 2017/09/27</td>
                                                <td> <a href="#" class="btn btn-default btn-sm">
                                                        <i class="fa fa-wrench"></i>
                                                    </a>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>

                                </div>
                            </td>
                        </tr> --}}



                        {{-- <tr data-toggle="collapse" data-target="#demo2" class="accordion-toggle">
                            <td><button class="btn btn-default btn-xs"><span
                                        class="fa fa-eye"></span></button></td>
                            <td>Silvio</td>
                            <td>Santos</td>
                            <td>São Paulo</td>
                            <td>SP</td>
                            <td> new</td>
                        </tr>
                        <tr>
                            <td colspan="6" class="hiddenRow text-center">
                                <div id="demo2" class="accordian-body collapse">Demo2</div>
                            </td>
                        </tr>
                        <tr data-toggle="collapse" data-target="#demo3" class="accordion-toggle">
                            <td><button class="btn btn-default btn-xs"><span
                                        class="fa fa-eye"></span></button></td>
                            <td>John</td>
                            <td>Doe</td>
                            <td>Dracena</td>
                            <td>SP</td>
                            <td> New</td>
                        </tr>
                        <tr>
                            <td colspan="6" class="hiddenRow">
                                <div id="demo3" class="accordian-body collapse">Demo3 sadasdasdasdasdas
                                </div>
                            </td>
                        </tr> --}}
                    </tbody>
                </table>
            </div>

        </div>

    </div>
</div>
{{-- test purpose html --}}