@extends('layouts/billing_layout')
@section('title', '| Sales Target 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">
                    <div class="panel-options">
                        <a href="{{url('billing/marketing/addSalesTarget/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Assign New Sales Target</a>
                    </div>
                    <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="#696969">Sales Target List</font></h1>
                  </div>
                  <div class="panel-body panelBodyView">
                  <div>

                  </div>
                    <table class="table table-striped table-bordered" id="salesTarget" style="color:black;">
                        <thead>
                            <tr>
                                <th width="80">SL#</th>
                                <th>Employe Name</th>
                                <th width="150">Generate Date</th>
                                <th width="300">Target Ammount</th>
                                <th width="100">Target Duration From</th>
                                <th width="100">Target Duration To</th>

                                <th width="150">Action</th>

                            </tr>
                                {{ csrf_field() }}

                        </thead>
                      <tbody>

                      </tbody>

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


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

    </script>
@endsection