@extends('layouts/marketing_layout')
@section('title', '| Dismissed Client 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">
                        
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">Dismissed Customer List</font></h1>
                    </div>
                    <div class="panel-body panelBodyView">
                        <div>
                            <script type="text/javascript">
                            jQuery(document).ready(function($)
                            {
                              $("#ProCategoryView").dataTable().yadcf([ ]);
                            });
                            </script>
                        </div>
                        <table class="table table-striped table-bordered" id="ProCategoryView" style="color:black;">
                            <thead>
                                <tr>
                                    <th>SL#</th>
                                    <th style="text-align: center;">Date</th>
                                    <th style="text-align: center;">Product</th>
                                    <th>Company Name</th>
                                    <th>Contact Person</th>
                                    <th>Designation</th>
                                    <th>Phone</th>
                                    <th>Mobile</th>
                                    <th>Email Address</th>
                                    <th>Layer-1</th>
                                    <th>Layer-2</th>
                                    <th>Layer-3</th>
                                    <th style="text-align: center;">Action</th>
                                </tr>
                                {{ csrf_field() }}
                            </thead>
                            <tbody>
                                                                @foreach($billingClients as $billing_potentialClient)
                                    @foreach($billing_potentialClient['confirmed'] as $confirm)
                                        <tr>
                                            <td class="text-center slNo">{{++$no}}</td>
                                            <td style="padding-left: 25px; text-align: left;">
                                                <br />
<b>Warning</b>:  Undefined variable $confirm in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/marketing/customerFollowUp/dismiss.blade.php</b> on line <b>50</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/marketing/customerFollowUp/dismiss.blade.php</b> on line <b>50</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/marketing/customerFollowUp/dismiss.blade.php</b> on line <b>50</b><br />
01-01-1970                                            </td>
                                            <td style="padding-left: 25px; text-align: left;">{{$confirm['productName']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['companyName']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['contractPerson']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['designation']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['phone']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['mobile']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['email']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['assignToMe']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['assignToAm']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['assignToM']}}</td>
                                            <td class="text-center" width="80">
                                                <a id="backToFollowUpModal" href="javascript:;" class="backToFollowUp-modal" clientCompanyName="{{$confirm['productId']}}">
                                                <span class="fas fa-reply"></span>
                                            </a> &nbsp;
                                                <a id="viewIcon" href="javascript:;" class="view-modal"  clientConfirmId="{{$confirm['id']}}">
                                                <span class="fa fa-eye"></span>
                                                </a> &nbsp;
                                                {{-- <a id="deleteIcone" href="javascript:;" class="delete-modal" clientCompanyName="{{$confirm['id']}}">
                                                <span class="glyphicon glyphicon-trash"></span>
                                                </a> --}}
                                            </td>
                                            
                                        </tr>
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="backToFollowUp" 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;">Send Back To Follow Up List</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 Send Back to Follow Up List ?</h2>

                <div class="modal-footer">
                    <input id="clientCompanyName" 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>

<div id="viewModal" 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;">View Dismiss Client Details</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>
            
            {{-- <h6 class="modal-title">Dismissed Product Details</h6> --}}
            <div class="modal-body">
                <table class="table table-striped table-bordered"  style="color:black;" >
                    <thead>
                        <tr>
                            <!-- <th width="20">SL#</th> -->
                            <th width="80">Follow Up Date</th>
                            <th width="200">Comments</th>
                            <th width="80">Next Follow Up Date</th>
                        </tr>
                        {{ csrf_field() }}
                    </thead>
                    <tbody id="followUpTbl">

                    </tbody>
                </table>
                <br>
                <h6 class="title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center;">Dismissed Details</h6>
                <br>
                <table class="table table-striped table-bordered"  style="color:black;" >
                    <thead>
                        <tr>
                            <th>SL#</th>
                            <th>Date</th>
                            <th>Company Name</th>
                            <th>Product</th>
                            <th>Contact Person</th>
                            <th>Designation</th>
                            <th>Phone</th>
                            <th>Mobile</th>
                            <th>Email Address</th>
                            <th>ME</th>
                        </tr>
                        {{ csrf_field() }}
                    </thead>
                    <tbody id="ConfirmProductDetails">

                    </tbody>
                </table>
            </div>

            <div class="modal-footer">
                <input id="clientConfirmId" type="hidden"  value=""/>
                <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', '.backToFollowUp-modal', function(){
                $("#clientCompanyName").val($(this).attr('clientCompanyName'));
                $('#backToFollowUp').modal('show');
            });
            $("#confirm").on('click',  function() {
                var clientCompanyName= $("#clientCompanyName").val();
                var csrf = "{{csrf_token()}}";
                $.ajax({
                    url:  './billingBackToFollowUpPotentialClientItem',
                    type: 'POST',
                    dataType: 'json',
                    data: {id:clientCompanyName, _token:csrf},
                })
                .done(function(data) {
                    location.reload();
                    window.location.href = '{{url('marketing/viewDismissClient/')}}';
                })
                .fail(function(){
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
            });

            // View Dismissed Details
            $(document).on('click', '.view-modal', function(){
                $("#clientConfirmId").val($(this).attr('clientConfirmId'));
                var clientConfirmId= $("#clientConfirmId").val();
                var productType = "dismissProduct";
        
                $.ajax({
                    url: './billingPotentialClientInfo/',
                    type: 'GET',
                    dataType: 'json',
                    data: {id:clientConfirmId, productType:productType},
                    success: function(data) {
                        // console.log(data);
                        $('#viewModal').modal('show');

                        data['followUp'].forEach(followUpData => {
                            $("#followUpTbl").append("<tr><td>"+followUpData.followUpDate+"</td><td>"+followUpData.followUpDescription+"</td><td>"+followUpData.nextFollowUpDate+"</td></tr>")
                        });

                        $('#ConfirmProductDetails').empty()
                        // console.log(data['list'])
                        data['list'].forEach((potentialClient) => {
                            
                            potentialClient['confirmed'].forEach((confirm, index) => {
                                
                                let row = `<tr>
                                    <td class="text-center slNo">${index + 1}</td>
                                    <td style="padding-left: 25px; text-align: left;">${confirm['dismissDate']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['companyName']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${confirm['productName']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['contractPerson']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['designation']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['phone']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['mobile']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['email']}</td>
                                    <td style="padding-left: 25px; text-align: left;">${potentialClient['assignToMe']}</td>
                                </tr>`;

                                
                                $('#ConfirmProductDetails').append(row);
                            });
                        });

                        $('#viewModal').modal('show');
                    },
                        error: function(argument) {
                        alert('response error');
                    }
                    });
                });
        });
</script>


<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 Client Info</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 Record?</h2>

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


    



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