@extends('layouts/marketing_layout')
@section('title', '| Assigned Sales Target List')
@section('content')
@include('successMsg')

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">
                            <a href="{{url('marketing/addReportingBoss/')}}" class="btn btn-info pull-right addViewBtn">
                                  <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Reporting Boss</a>
                        </div>
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">Reporting Boss List</font></h1>
                    </div>
                    <div class="panel-body panelBodyView">

                        <table class="table table-striped table-bordered" id="billingSalesTargetView" style="color:black;">
                            <thead>
                                <tr>
                                    <th width="80">SL#</th>
                                    <th>Employee Name</th>
                                    <th>Employee Designation</th>
                                    <th>Time Period</th>
                                    <th>Revise Date</th>

                                    <!-- <th>Target Duration From</th>
                                    <th>Target Duration To</th> -->
                                    <!-- <th>Revise Target</th> -->

                                    <th width="100">Action</th>
                                </tr>
                                {{ csrf_field() }}
                            </thead>
                             <tbody>
                                                                    
                                    </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Delete Modal -->
<div id="deleteModal" class="modal fade" style="margin-top:3%;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                <h4 class="modal-title" style="clear:both; background-color:black; color:white; padding:10px; text-align:center;">Delete Sales Target</h4>
            </div>
           <div class="modal-body ">
           {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                <div class="row" style="padding-bottom:20px;"> </div>
                <h2>Are You Confirm to Delete This Revised Sales Target ?</h2>

                <div class="modal-footer">
                    <input id="employeeId" type="hidden"  value=""/>
                    <button type="button" class="btn btn-danger"  id="deleteTarget"  data-dismiss="modal">confirm</button>
                    <button type="button" class="btn btn-warning"  data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                </div>
            </div>
           </div>
      </div>
</div>

<script>
        $(document).ready(function(){
            $(document).on('click', '.delete-modal', function(){
                $("#employeeId").val($(this).attr('employeeId'));
                $('#deleteModal').modal('show');
            });
            $("#deleteTarget").on('click',  function() {
                var employeeId= $("#employeeId").val();
                var csrf = "{{csrf_token()}}";
                $.ajax({
                    url:  './billingDeleteRevisedSalesTarget',
                    type: 'POST',
                    dataType: 'json',
                    data: {id:employeeId, _token:csrf},
                })
                .done(function(data) {
                    location.reload();
                    window.location.href = '{{url('marketing/viewRevisedSalesTarget/')}}';
                })
                .fail(function(){
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
            });
        });
        $( document ).ready(function() {
            $('#phone').on('input', function(event) {
                this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
            });
            $('#mobile').on('input', function(event) {
                this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
            });
            $('#nationalId').on('input', function(event) {
                this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
            });
});

</script>

<!-- Confirm Target Modal -->
<div id="confirmModal" class="modal fade" style="margin-top:3%;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                <h4 class="modal-title" style="clear:both; background-color:black; color:white; padding:10px; text-align:center;">Confirm Revised Sales Target</h4>
            </div>
            <div class="modal-body ">
              {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                <div class="row" style="padding-bottom:20px;"> </div>
                <h2>Confirm Revised Sales Target ?</h2>

                <div class="modal-footer">
                    <input id="employeeId" type="hidden"  value=""/>
                    <button type="button" class="btn btn-danger"  id="confirm"  data-dismiss="modal">confirm</button>
                    <button type="button" class="btn btn-warning"  data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                </div>
            </div>
           </div>
      </div>
</div>

<script>
    $(document).ready(function(){
        $(document).on('click', '.confirm-modal', function(){
            $("#employeeId").val($(this).attr('employeeId'));
            $('#confirmModal').modal('show');
            //$(this).prop("disabled", true);
        });
        $("#confirm").on('click',  function() {
            var employeeId= $("#employeeId").val();
            //alert( employeeId);
            var csrf = "{{csrf_token()}}";
            $.ajax({
                url:  './billingConfirmRevisedSalesTargetItem',
                type: 'POST',
                dataType: 'json',
                data: {id:employeeId, _token:csrf},
            })
            .done(function(data) {
                location.reload();
                window.location.href = '{{url('marketing/viewRevisedSalesTarget/')}}';
            })
            .fail(function(){
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        });
    });



</script>

@include('dataTableScript')
@endsection