{{--<div class="card" style="height: 95%">--}}
{{--    <div class="card-header bg-rgba-primary p-1 shadow-lg">--}}
{{--        <h4 class="card-title float-left">Online Vessel Billing</h4>--}}
{{--        <a href="#" class="float-right zoom-on"><i class="ficon bx bx-fullscreen"></i></a>--}}
{{--    </div>--}}
{{--    <div class="card-content">--}}
{{--        <div class="card-body">--}}
{{--            <div class="table-responsive">--}}
{{--                <!-- table start -->--}}
{{--                <table class="table table-striped table-bordered table-hover table-sm mt-1">--}}
{{--                    <thead  class="bg-success bg-light">--}}
{{--                    <tr>--}}
{{--                        <th>Bill List</th>--}}
{{--                        <th class="text-right">Bill Amount</th>--}}
{{--                    </tr>--}}
{{--                    </thead>--}}
{{--                    <tbody id="online_vessel_data"></tbody>--}}
{{--                </table>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}
<div class="card " style="height: 95%">
    <div class="card-header bg-rgba-primary p-1 shadow-lg">
        <h4 class="card-title float-left"><a class="text-success font-weight-bolder cdb-card-title" target="_blank" href="{{isset($textData->base_url) ? $textData->base_url : ''}}">Online Vessel Billing</a></h4>
        <a href="#" class="float-right zoom-on"><i class="ficon bx bx-fullscreen"></i></a>
    </div>
    <div class="card-content mt-1">
        <div class="card-body">
            <ul class="nav nav-tabs mb-0" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="local-tab" data-toggle="tab" href="#local" aria-controls="local"
                       role="tab" aria-selected="true">
                        <span class="align-middle">Local Income</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="foreign-tab" data-toggle="tab" href="#foreign" aria-controls="foreign"
                       role="tab" aria-selected="false">
                        <span class="align-middle">Foreign Income</span>
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active table-responsive" id="local" aria-labelledby="local-tab" role="tabpanel">
                    <fieldset class="m-2 mb-2 p-1 rounded cursor-pointer" style="border: 2px solid #8c8787;">
                        <ligend class="ligend_class_ovb"><h4 class="ovb_h4">Last Week Vessel bill Summary</h4></ligend>

                        <div id="local-weekly-data"></div>
                    </fieldset>
                    <fieldset class="m-2 mb-2 p-1 rounded cursor-pointer" style="border: 2px solid #8c8787;">
                        <ligend class="ligend_class_ovb"><h4 class="ovb_h4">Yearly vessel bill Summary</h4></ligend>
                        <div id="local-yearly-data"></div>
                    </fieldset>
                </div>
                <div class="tab-pane table-responsive" id="foreign" aria-labelledby="foreign-tab" role="tabpanel">
                    <fieldset class="m-2 mb-2 p-1 rounded cursor-pointer" style="border: 2px solid #8c8787;">
                        <ligend class="ligend_class_ovb"><h4 class="ovb_h4">Last Week Vessel bill Summary</h4></ligend>
                        <div id="foreign-weekly-data"></div>
                    </fieldset>

                    <fieldset class="m-2 mb-2 p-1 rounded cursor-pointer" style="border: 2px solid #8c8787;">
                        <ligend class="ligend_class_ovb"><h4 class="ovb_h4">Yearly vessel bill Summary</h4></ligend>
                        <div id="foreign-yearly-data"></div>
                    </fieldset>
                </div>
            </div>

        </div>
    </div>
</div>