<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sanorita</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

</head>
<body>
    <div class="container">
        <div class="card">
            <div class="card-body m-4" >
        <div class="row">
            <div class="col-9">
              @if (Session::get('data'))
               <img src="{{ url('public/Image/'.Session::get('data')) }}" style="width: 300px; height: 200px;">  
              @else
                
              @endif   
            </div>

            <div class="col-3">
               <p style="color: blue;">INVOICE</p>
               <hr>
               <br/>
               <a href="www.techturtleconsultant.com" style="color: blue;">WWW.TECHTURTLECONSULTANT.COM</a>
               <hr>
            </div>
        </div>

        <div class="row">
       
            <div class="col-8">
                    <b style="text-align: center;">BILL TO:</b>
                    <table class="table" border="1">
                  
                        <tbody>   
                          <tr>
                            <td style="width: 30%;"><strong>Name</strong></td>
                            <td style="width: 70%;">{{$leadinfo->name}}</td>
                          </tr>

                          <tr>
                            <td style="width: 30%;"><strong> Address</strong></td>
                            <td style="width: 70%;"></td>
                          </tr>

                          <tr>
                            <td style="width: 30%;"><strong>Country</strong></td>
                            <td style="width: 70%;">{{$leadinfo->country_info->name}}</td>
                          </tr>

                          <tr>
                            <td style="width: 30%;"><strong>Contact Number</strong></td>
                            <td style="width: 70%;">{{$leadinfo->phone}}</td>
                          </tr>
                        

                         <tr>
                            <td style="width: 30%;"><strong>E-Mail Address</strong></td>
                            <td style="width: 70%;">{{$leadinfo->email}}</td>
                         </tr>
                        </tbody>
                      </table>

            </div>

            <div class="col-4" style="width: auto; height:220px; background-color: rgb(149, 149, 234); margin-top: 40px;">

                     <h5 style="text-align: center; background-color: rgb(52, 52, 176); color: white; padding:5px ; margin-top: 5px;">INVOICE</h5>

                     <div style="color: white; ">
                        <h6 style="margin-top: 20px;">
                          INVOICE NO: {{$inv_details->id}}
                        </h6>

                        <h6 style="margin-top: 20px;">
                          INVOICE DATE: {{$inv_details->created_at->format('d/m/Y');}}
                        </h6>

                        <h6 style="margin-top: 20px;">
                         PAYMENT MODE: Stripe
                        </h6>
                    
                     </div>

            </div>

        </div>

       
 <div class="row">
    <div class="col-12">
        <table class="table" border="1">
            <thead  style="background-color: rgb(52, 52, 176); color: white;">
                <th>ID</th>    
                <th>SERVICE DESCRIPTION</th>
                <th>PRICE($)</th>
                <th>QTY</th>
                <th>TOTAL($)</th>
            </thead>
            <tbody>

            <tr>
                <td>01</td>
                <td>{{$inv_details->s_name}}</td>
                <td> 
                 <input type="text" id="price"  name="price" class="form-control" oninput="myFunction()" required/>
                </td>
                <td>
                   <input type="text" id="qty"  name="qty" class="form-control" oninput="myFunction()" required/>   
                </td>
                <td>
                    <input type="text" id="total" name="total" class="form-control" readonly />  
                </td>
            </tr>
            </tbody>
            <tfoot border="0">
                <tr>
                    <td colspan="4" style="text-align: end;"><strong>Total</strong></td>
                    <td style="background-color: rgb(52, 52, 176); color: white; text-align: center;">$</td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: end;"><strong>Service Extension</strong></td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: end;"><strong>Total Tenure</strong> </td>
                    <td> <input type="text" id="grandtotal" name="grandtotal" class="form-control" readonly />  </td>
                </tr>
            </tfoot>
        </table>
        
    </div>
 </div>
</div>
</div>
</div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script type="text/javascript">
    let gtotal=0;
    function myFunction(){  
        var num1 = document.getElementById("price").value;
        var num2 = document.getElementById("qty").value;
        var result=num1*num2;
        var num3=document.getElementById("total").value;
        document.getElementById("total").value = result.toFixed(2);
        gtotal+=result-num3;
         document.getElementById("grandtotal").value=gtotal.toFixed(2);
         taxcal();
    }
</script>
  </body>

</html> 

            
          


    <div id="dynamicTable" style="margin-top:10px;">
             <table class="table table-striped" border="1">
                    <tr>
                    <td>Product</td>
                    <td>({{$currency->csymbol}})Price</td>
                    <td>Qty</td>
                    <td>({{$currency->csymbol}})Total</td>
                    <td></td>
                    </tr>
                <tr>
                <td>
                   <input type="text" id=""  name="addmore[0][product]" class="form-control " required/>
               </td>
               <td>
                     <input type="text" id="price"  name="addmore[0][price]" class="form-control" oninput="myFunction()" required/>
               </td>
                <td>                   
                     <input type="text" id="qty"  name="addmore[0][qty]" class="form-control" oninput="myFunction()" required/>  
               </td> 
               <td>
                 <input type="text" id="total" name="addmore[0][total]" class="form-control" required />  
               </td> 
               <td>
               </td>
               </tr>
            </table>
            </div>
            <div class="row">
                <div class="col-md-6" style="margin-left: 5px;">
                    <button type="button" name="add" id="add" class="btn btn-info">Add More</button>
                 </div> 
            </div>    
            <div class="row">
                <div class="col-md-6" colspan="6">
                    
                </div>
                 <div class="col-md-3">
                    <strong>Payment:</strong>
                     <select name="paytype" class="form-control">
                         <option selected>Cash</option>
                         <option>NEFT</option>
                         <option>Online</option>
                         <option>Cheque</option>
                     </select>
                    <strong class="mt-2">Shipping:</strong>
                     <select name="shipping" class="form-control mt-2">
                         <option selected>Free Shipping</option>
                         <option>Paid Shipping</option>
                      
                     </select>

                 </div>

                <div style="width:220px;" class="col-md-3 justify-content-end">
                    <strong>({{$currency->csymbol}})Grand Total:</strong><input type="" id="grandtotal" name="grandtotal" oninput="taxcal()" class="form-control" readonly>
                    <div class="row">
                    <div class="col" style="margin-left: 9px;">
                    <strong>Tax(%):</strong><input type="text" id="tax" value="0" name="tax" oninput="taxcal()" class="form-control ">
                    </div>
                    <div class="col" style="margin-right: 9px;">
                       <strong> ({{$currency->csymbol}})Tax Amt.</strong>
                    <input type="text" id="taxamt" value="0" class="form-control" readonly>
                    </div>
                    </div>
                 
                    <strong>({{$currency->csymbol}})Payable Amt.:</strong><input type="" id="finalamt" name="finalamt" class="form-control " readonly>
                </div>  
            </div>
            
            <div class="row" style="margin-bottom:30px;">
                <div class="col-md-12">
                 <div class="d-flex justify-content-center" style="margin-top: 15px;">
                    <a href="{{url('companyshow')}}"> <button type="button"
                    class="btn btn-info">Back</button> </a> 
                   <button type="submit" class="btn btn-info" style="margin-left: 20px;">Generate</button>
                 </div>
                </div>
            </div>
       


 <script type="text/javascript">
   
    var i = 0;
       
    $("#add").click(function(){
   
        ++i;
   
        $("#dynamicTable").append('<table class="table" border="1" id="newrow"> <tr><td> <input type="text" id="" name="addmore['+i+'][product]" class="form-control " required /></td><td><input type="text" id="price'+i+'" name="addmore['+i+'][price]" class="form-control" oninput="myFunctionsecond('+i+')" required/></td><td><input type="text" id="qty'+i+'"  name="addmore['+i+'][qty]" class="form-control"  oninput="myFunctionsecond('+i+')" required/></td><td><input type="text" id="total'+i+'" name="addmore['+i+'][total]" class="form-control" required /></td><td><button type="button" class="remove-tr" onClick="myFunc('+i+')"><span class="glyphicon glyphicon-trash"></span></button></td></tr></table>');

    });
   
       function myFunc(lin){  
        var totalid='total'+lin;
        var tot=document.getElementById(totalid).value;
        gtotal-=tot;
        document.getElementById("grandtotal").value=gtotal.toFixed(2);
        taxcal();
         $(document).on('click', '.remove-tr', function(){  
         $(this).parents('#newrow').remove();
    });
    }
    
</script>

<script type="text/javascript">
    let gtotal=0;
    function myFunction(){  
        var num1 = document.getElementById("price").value;
        var num2 = document.getElementById("qty").value;
        var result=num1*num2;
        var num3=document.getElementById("total").value;
        document.getElementById("total").value = result.toFixed(2);
        gtotal+=result-num3;
         document.getElementById("grandtotal").value=gtotal.toFixed(2);
         taxcal();
    }
</script>
<script type="text/javascript">
    function myFunctionsecond(linen){
       var priceid='price'+linen;
      
        var qtyid='qty'+linen;
         var totalid='total'+linen;
         var num1 = document.getElementById(priceid).value;
        var num2 = document.getElementById(qtyid).value;
        var result=num1*num2;
        var num3=document.getElementById(totalid).value;
        document.getElementById(totalid).value = result.toFixed(2);
        gtotal+=result-num3;
        document.getElementById("grandtotal").value=gtotal.toFixed(2);
        taxcal();
    }
</script>
<script type="text/javascript">
    let finalamt=0;
    function taxcal(){
        var tax=document.getElementById("tax").value;
        taxamt=gtotal*tax/100;
        finalamt=(gtotal*tax/100)+gtotal;
        document.getElementById("taxamt").value=taxamt.toFixed(2);
        document.getElementById("finalamt").value=finalamt.toFixed(2);

    }
</script>
<script type="text/javascript">
      $(".myselect").select2();
</script>

</main>
@endsection




@extends('frontend.layouts.main')
@section('main-container')
@include('cdn')
<main id="main" class="main">
  <div style="margin-top:13px ;">
    <h4 class="mb-3">LEAD DETAILS</h4>
  </div>
<form  action="{{url('/multipleassign')}}" method="POST">
 @csrf            
  <div class="row">
  <div>
  @if(Auth::user()->role=="Admin")  
    <a role="button" data-toggle="modal" data-target="#assignLeadToManager"><button class="btn btn-warning rounded-pill"><i class="bi bi-send-fill">Assign To Manager</i></button></a>
 
                        <!-- Modal -->
                        <div class="modal fade" id="assignLeadToManager" tabindex="-1" role="dialog" aria-labelledby="editModalLabel1" aria-hidden="true">
                          <div class="modal-dialog">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="editModalLabel1">Assign Lead To Group Manager</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                <div class="row mb-3">
                                  <label for="inputText" class="col-sm-3 col-form-label">Assign To:</label>
                                  <div class="col-sm-7">
                                   <select name="assigned_user_id1" class="form-control custom-select" style="text-transform:capitalize;">
                                     @if($group_manager)
                                    <option value="">Select Group Manager</option>
                                    @foreach($group_manager as $group)
                                    <option value="{{$group->group_manager}}">{{$group->UserName->name}}</option>
                                    @endforeach
                                    @endif
                                   </select>
                                  </div>          
                                </div>  
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Assign</button>
                              </div>
                            </div>
                          </div>
                        </div> 



    <a role="button" data-toggle="modal" data-target="#assignLeadToUser"><button class="btn btn-warning rounded-pill"><i class="bi bi-send-fill"></i>Assign To User</button></a>


                            <!-- Modal -->
                        <div class="modal fade" id="assignLeadToUser" tabindex="-1" role="dialog" aria-labelledby="editModalLabel2" aria-hidden="true">
                         <div class="modal-dialog">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="editModalLabel2">Assign Lead To User</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                <div class="row mb-3">
                                <label for="inputText" class="col-sm-3 col-form-label">Assign To:</label>
                                  <div class="col-sm-7">
                                   <select name="assigned_user_id2" class="form-control custom-select" style="text-transform:capitalize;">
                                      @if($users)
                                      <option value="">Select Users</option>
                                      @foreach($users as $user)
                                      <option value="{{$user->id}}">{{$user->name}}</option>
                                      @endforeach
                                      @endif
                                   </select>
                                  </div>          
                                </div>  
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Assign</button>
                              </div>
                          </div>
                         </div>
                        </div> 


  @endif
  @if(($g_manager!=null) )  
    <a role="button" data-toggle="modal" data-target="#assignLeadToGroupUser"><button class="btn btn-warning rounded-pill"><i class="bi bi-send-fill"></i>Assign To Group User</button></a>

                         <!-- Modal -->
                        <div class="modal fade" id="assignLeadToGroupUser" tabindex="-1" role="dialog" aria-labelledby="editModalLabel3" aria-hidden="true">
                         <div class="modal-dialog" >
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="editModalLabel3">Assign Lead To Group User</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                <div class="row mb-3">
                                <label for="inputText" class="col-sm-3 col-form-label">Assign To:</label>
                                  <div class="col-sm-7">
                                   <select name="assigned_user_id3" class="form-control custom-select" style="text-transform:capitalize;">
                                      @if($group_user)
                                      <option value="">Select Group Users</option>
                                      @foreach($group_user as $guser)
                                      <option value="{{$guser->user_id}}">{{$guser->UserName->name}}</option>
                                      @endforeach
                                      @endif
                                   </select>
                                  </div>          
                                </div>  
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Assign</button>
                              </div>
                          </div>
                         </div>
                        </div> 

  @endif
  </div>
  @can('lead.create')
  <div class=" text-end">
  <a href="{{url('/addnewlead')}}"><button type="button" class="btn btn-primary rounded-pill"><i class="bi bi-plus-circle-fill"></i>Add Lead</button></a>
  </div>
  @endcan 
 </div>
     
             <table class="table table-striped  nowrap" id="tabl">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Phone</th>
                        <th>Assigned To</th>
                        <th>Created By</th>
                        <th>Action</th>
                        <th>Status</th>
                        <th>Remark</th>
                    </tr>
                </thead>
                <tbody> 
                 @foreach($leads as $key=>$value)
                  <tr>
                    <td><input type="checkbox" name="assign_lead_id[]" class="form-check-inline" value="{{$value->id}}"></td></form>
                    <td>{{$value->name}}</td>
                    <td>{{$value->phone}}</td>  
                    <td>@if($value->assigned!=0){{$value->assign->name}}@endif</td>   
                    <td>{{$value->createdby->name}}</td>           
                    <td>    
                      <a href="{{route('edit.lead',['id'=>$value->id])}}" class="m-2" ><i class="bi bi-pencil-fill" style="color:navy;"></i></a> 

                      <a href="{{url('/leadmoreview/'.$value->id)}}" ><i class="bi bi-eye" style="color:blueviolet;"></i></a>
                      </td>

                      <td>  
                        <a class="btn btn-warning rounded-pill" role="button" data-toggle="modal" data-target="#statuslead-{{ $value }}">Contact</a>
                       
                            <!-- Modal -->
                            <div class="modal fade" id="statuslead-{{ $value }}" tabindex="-1" role="dialog" aria-labelledby="statusModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="statusModalLabel">Lead Status</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div> 
                              <form  action="{{url('changestatus/'.$value->id)}}" method="POST">
                               @csrf
                              <div class="modal-body">
                               <div class="row mb-3">
                                <h5 >Do you want to change lead status to Contact</h5>
                                  <input type="hidden" name="status" value="1">    
                                </div>
                              </div>
                              <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                              <button type="submit" class="btn btn-primary" >Ok</button>
                              </div>
                            </form>
                            </div>
                            </div>
                            </div>  
                    </td>
                    <td>

                        @if($value->assigned==Auth::user()->id or $value->created_by==Auth::user()->id)
                        <a class="btn btn-success rounded-pill" role="button" data-toggle="modal" data-target="#remarklead-{{ $value }}">+</a>
                        @else
                        <a class="btn btn-danger rounded-pill pt-1 pb-1">x</a>
                        @endif
                       
                            <!-- Modal -->
                            <div class="modal fade" id="remarklead-{{ $value }}" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="editModalLabel" >Add Remark</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>  
                              <form action="{{url('saveremarklead/'.$value->id)}}" method="post">
                                @csrf
                              <div class="modal-body" style="background-color:#F3F2EE ;">
                                <div class="row mb-3">
                                  <strong for="inputText" class=" col-form-label">Follow Up<span style="color:red;">*</span>:</strong>
                                  <div class="p-2">
                                   &ensp; &ensp;&ensp;<input class="form-check-input" type="checkbox" name="followup_type[]" id="inlineCheckbox1" value="Email" >&nbsp;Email &ensp; &ensp; &ensp;&ensp;&ensp;&ensp;
                                   <input class="form-check-input" type="checkbox" name="followup_type[]" value="Call" id="inlineCheckbox1">&nbsp; Call 
                                   &ensp; &ensp; &ensp;&ensp;&ensp;&ensp;
                                   <input class="form-check-input" type="checkbox" name="followup_type[]" value="Message" id="inlineCheckbox1">&nbsp; Message
                                  </div>          
                                </div>
                                <div class="row mb-3">
                                  <strong for="inputText" class=" col-form-label">Remark<span style="color:red;">*</span>:</strong>
                                  <div class="p-2">
                                   <textarea type="text" name="description" class="form-control" placeholder="Type Here.." required></textarea>
                                  </div>  
                                </div>  
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Submit</button>
                              </div>
                            </form>
                            </div>
                            </div>
                            </div> 
                           
                  
                      <a class="btn btn-info rounded-pill" role="button" data-toggle="modal" data-target="#remarkshow-{{ $value }}"><i class="bi bi-eye-fill"></i></a>

                        <!-- Modal -->
                        <div class="modal fade" id="remarkshow-{{ $value }}" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="editModalLabel"> Remarks Lists</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>  
                              <div class="modal-body" style="background-color:#EFEDE7;">
                                @if(count($value->remark)==0)
                                <div class="row mb-2">
                                  <div class="col-md-6">
                                    <strong>Remark Not Found!</strong>&ensp;
                                  </div>       
                                </div>
                                @else
                                @foreach($value->remark as $remark)
                                <div class="row mb-2" >
                                <div class="row mb-1 mt-1">
                                  <div class="col-md-5">
                                    <strong>Date:</strong>&ensp;{{$remark->created_at->format('d/m/Y')}}
                                  </div>
                                  <div class="col-md-7">
                                    <span><strong>Follow Up:&nbsp;</strong></span>
                                     @foreach($remark->followup_type as $arr)
                                     <span style="padding: 1px; background-color: #FBBE3F;">{{$arr}}&nbsp;</span>
                                     @endforeach
                                  </div>
                                 </div>
                                  <div class="row mb-1">       
                                     <span><strong>Remark:</strong>&ensp;<span style="text-transform:capitalize;">{{$remark->description}}</span></span> 
                                  </div>
                                </div>
                                 @endforeach
                                 @endif
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <!-- <button type="submit" class="btn btn-primary">Ok</button> -->
                              </div>
                            
                            </div>
                          </div>
                       </div>
                    </td>
                    
                  </tr>
                @endforeach
                </tbody>
        </table>
    
</main>
<script type="text/javascript">  
   $(document).ready(function () {
    var table =  $('#tabl').DataTable({
       order: [],
      columnDefs: [ { orderable: false, targets: [0,1,2,3,4,5,6,7] } ],
      bFilter: false, 
      responsive: true
    });
    new $.fn.dataTable.FixedHeader( table );
  });
</script>
<script type="text/javascript">
  $('#assignLeadToUser').on('hidden.bs.modal', function () {
    location.reload();
})
</script>
@endsection



<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.3.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css">
<link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>  
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript"  src=" https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"  src=" https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>








<!-- table + -->

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>

<script type="text/javascript"  src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.3.2/js/dataTables.fixedHeader.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.1/js/responsive.bootstrap.min.js"></script>












<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.3.2/css/fixedHeader.bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">


<link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css"/>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >



<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>

<script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>

<!-- table + -->

<script type="text/javascript"  src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.3.2/js/dataTables.fixedHeader.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.1/js/responsive.bootstrap.min.js"></script>





<!-- /now -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.3.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css">

<link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css"/>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>  
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>

