@extends('hr_main')
@section('title' )
@section('content')
    <style>
        .border-bottom{
            border-bottom: 1px dotted #696969 !important;
        }
    </style>



    <div class="row">
        <div class="col-md-12">
            <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
        </div>
        <div class="col-md-12">
            <div class="panel panel-default panel-border">
                <div class="panel-heading"  style="padding-bottom:0px">
                    <div class="panel-options">
                        <a href="{{url('billing/addBillingComission/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>New</a>
                    </div>
                    <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">COMISSION LIST</font></h1>
                  </div>
                  <div class="panel-body panelBodyView">
                  <div>

                  </div>
                    <table class="table table-striped table-bordered" id="billingSalesView" style="color:black;">
                      <thead>
                        <tr>
                          <th width="32">SL#</th>
                          <th> Effective Date</th>
                          <th> Generate Date</th>
                          <th> Designation</th>
                          <th>Percentage</th>
                          <th>Action</th>
                        </tr>
                        {{ csrf_field() }}
                      </thead>
                      <tbody>
                                                @foreach($billingComissions as $billingComission)
                        <tr>
                            <td class="text-center slNo">{{++$no}}</td>
                            <td class="border-bottom">{{ $billingComission->effectiveDate }}</td>
                            <td class="border-bottom">{{ $billingComission->generateDate }}</td>
                            <td class="border-bottom"></td>
                            <td class="border-bottom"></td>
                            <td class="text-center border-bottom">
                                <a href="{!! url('billing/viewBillingComission/'.$billingComission->id) !!}"
                                    class="btn btn-xs btn-info">
                                    <i class="fa fa-eye"></i>
                                </a>
                                <a href="{!! url('billing/editBillingComission/'.$billingComission->id) !!}"
                                    class="btn btn-xs btn-info">
                                    <i class="fa fa-pencil"></i>
                                </a>
                                <a href="{!! url('billing/deleteBillingComission/'.$billingComission->id) !!}"

                                    class="btn btn-xs btn-danger" onclick="return confirm('Are you sure?');">
                                    <i class="fa fa-times"></i>
                                </a>
                            </td>
                            @endforeach

                     </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('footerAssets')
    <script>
        $('#data-table').dataTable( {
            // "ordering": false,
            "paging": false,
            "bInfo": false
        });

    </script>
@endsection