@extends('layouts/support_layout')
@section('title', '| Assigned Sales Person 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('support/addSupportPerson/')}}" class="btn btn-info pull-right addViewBtn">
                                  <i class="glyphicon glyphicon-plus-sign addIcon"></i>Assign Support Person</a>
                        </div>
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">Assigned Support Person List</font></h1>
                    </div>
                    <div class="panel-body panelBodyView">

                        <table class="table table-striped table-bordered" id="assignedSalesPerson" style="color:black;">
                            <thead>
                                <tr>
                                    <th width="80">SL#</th>
                                    <th>Company Name</th>
                                    <th>Support Person</th>
                                    <th width="100">Action</th>
                                </tr>
                                {{ csrf_field() }}
                            </thead>
                                <tbody>
                                                                            @foreach($supportPersons as $supportPerson)
                                        <tr class="item{{$supportPerson->id}}">
                                            <td class="text-center slNo">{{++$no}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{ $supportPerson->client->clientCompanyName ?? 'N/A' }}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{ $supportPerson->assignRegularSupportPerson->emp_name_english ?? 'N/A' }}</td>

                                            <td class="text-center" width="80">
                                                <a id="deleteIcone" href="javascript:;" class="delete-modal" assignSupportPersonId="{{$supportPerson->id}}">
                                                <span class="glyphicon glyphicon-trash"></span>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<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;">Remove Assigned Support Person</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 Remove This Assigned Support Person ?</h2>

                <div class="modal-footer">
                    <input id="assignSupportPersonId" type="hidden"  value=""/>
                    <button type="button" class="btn btn-danger"  id="client"  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(){
        $("#assignSupportPersonId").val($(this).attr('assignSupportPersonId'));
        $('#deleteModal').modal('show');
    });
    $("#client").on('click',  function() {
        var assignSupportPersonId= $("#assignSupportPersonId").val();
        var csrf = "{{csrf_token()}}";
        $.ajax({
            url:  './deletePerson',
            type: 'POST',
            dataType: 'json',
            data: {id:assignSupportPersonId, _token:csrf},
        })
        .done(function(data) {
            location.reload();
            window.location.href = '{{url('support/viewSupportPersonList')}}';
        })
        .fail(function(){
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
    });
 });
        

</script>
@include('dataTableScript')
@endsection