@extends('layouts/billing_layout')
@section('title', '| Comission List ' )
@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">

                    <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="#696969">Generate Comission</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> Generate Date</th>

                          <th> Percentage</th>
                          <th>Total Comission</th>
                          <th>Action</th>
                        </tr>
                        {{ csrf_field() }}
                      </thead>
                      <tbody>
                                               @foreach($billingGenerateComissions as $key => $billingGenerateComission)


                        <tr>
                            <td class="text-center slNo">{{++$no}}</td>
                            <td class="border-bottom">

                               {{ $billingGenerateComission->generateDate	 }}
                                </td>

                            <td class="border-bottom">
                                {{  $billingGenerateComission->totalPercentage }}
                                </td>
                                <td class="border-bottom">
                                    {{  $billingGenerateComission->totalComission }}
                                    </td>
                               <td>
                                <a href="{!! url('billing/viewBillingGenerateComission/'.$billingGenerateComission->collectionId) !!}"
                                    class="btn btn-xs btn-info">
                                    <i class="fa fa-eye"></i>
                                </a>

                                <a href="{!! url('billing/deleteBillingGenerateComission/'.$billingGenerateComission->collectionId) !!}"

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


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


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

    </script>
@endsection