@extends('layouts/marketing_layout')
@section('title', '| Potential 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">
                        <!-- <div class="panel-options">
                            <a href="{{url('marketing/addPotentialClient/')}}" class="btn btn-info pull-right addViewBtn">
                                  <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add New Follow Up</a>
                        </div> -->
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">Confirmed Customer List</font></h1>
                    </div>
                    <div class="panel-body panelBodyView">
                        <div>
                            <script type="text/javascript">
                            jQuery(document).ready(function($)
                            {
                              $("#ProCategoryView").dataTable().yadcf([ ]);
                            });
                            </script>
                        </div>
                        {{-- id="ProCategoryView" --}}
                        <table class="table table-striped table-bordered" id="ProCategoryView"  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>Layer-1</th>
                                    <th>Layer-2</th>
                                    <th>Layer-3</th>
                                    <th>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/guk_bk/resources/views/marketing/customerFollowUp/confirm.blade.php</b> on line <b>55</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/marketing/customerFollowUp/confirm.blade.php</b> on line <b>55</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/marketing/customerFollowUp/confirm.blade.php</b> on line <b>55</b><br />
01-01-1970                                            </td>
                                            <td style="padding-left: 25px; text-align: left;">{{$billing_potentialClient['companyName']}}</td>
                                            <td style="padding-left: 25px; text-align: left;">{{$confirm['productName']}}</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 style="padding-left: 25px;">
                                                <a id="viewIcon" href="javascript:;" class="view-modal"  clientConfirmId="{{$confirm['id']}}">
                                                    <span class="fa fa-eye"></span>
                                                </a> &nbsp;
                                            </td>

                                        </tr>
                                    @endforeach
                                @endforeach
                            </tbody>
                            
                        </table>
                    </div>
                </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 Confirmed 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">Confirmed 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;">Confirmed 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', '.view-modal', function(){
            $("#clientConfirmId").val($(this).attr('clientConfirmId'));
            var clientConfirmId= $("#clientConfirmId").val();
            var productType = "confirmProduct";
        
        $.ajax({
            url: './billingPotentialClientInfo/',
            type: 'GET',
            dataType: 'json',
            data: {id:clientConfirmId, productType:productType},
            success: function(data) {
                // console.log(data);
                $('#viewModal').modal('show');
                $("#followUpTbl").empty();
                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['confirmDate']}</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>
@include('dataTableScript')
@endsection