{{--unused file--}}

<style>
    .widgetcontent .tabs {
        padding: 5px;
        border-top: 1px solid #bbb;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-bottom: 0;
        border-top: 0;
        background: #f5f5f5;
    }

    .widgetcontent .tabs li {
        border-top: 1px solid #bbb;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-bottom: 0;
        color: #0e0e0e;
    }

    .widgetcontent .tabs li a {
        color: #0e0e0e;
    }

    .widgetcontent .tabs li a:active {
        color: #51a7c6;
        background-color: #ffffff;
    }
    #tabs div{
        background-color: #ffffff;
    }
    .widgetcontent{
        margin-top: 10px;
    }
</style>

<div class="widgetcontent">
    <div class="tabs">
        <ul class="tabs">
            <li><a href="#tabs-1">Demurrages <span class="badge"></span></a></li>
            {{--<li><a href="#tabs-2">Sub Contractors <span class="badge"></span></a></li>--}}
        </ul>
        <div id="tabs-1">
            <table class="table table-bordered table-condensed">
                <tr>
                    <th>S/N</th>
                    <th>Charges description</th>
                    <th>Basis</th>
                    <th>Currency</th>
                    <th>20' Container</th>
                    <th>40' Container</th>
                    <th>Action</th>
                </tr>
                @forelse($vendor->demurrageCharges as $key => $demurrage)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ 'From ' . $demurrage->start_day . ' to ' . $demurrage->end_day }}</td>
                        <td>{{ 'Unit/Day' }}</td>
                        <td>{{ $demurrage->currency }}</td>
                        <td>{{ $demurrage->charges_20ft_container }}</td>
                        <td>{{ $demurrage->charges_40ft_container }}</td>
                        <td>{{ $demurrage->id }}</td>
                    </tr>
                @empty
                    <tr><td colspan="7">No data found!</td></tr>
                @endforelse
            </table>
        </div>
        <div id="tabs-2">
        </div>

    </div><!--#tabs-->
</div><!--widgetcontent-->
<script>
    jQuery('.tabs').tabs();
</script>