@extends('admin.layout')
@section('content')

<style> 
    .box {
        background: transparent;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open>.dropdown-toggle.datepicker table tr td.active, .open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #fff;
        background-color: #007bff;
    border:none;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #444;
    cursor: default;
    border: 2px solid #fbfbfb;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #444;
    cursor: default;
    border: 2px solid #fbfbfb;
}
._subject .dropdown-menu {
    box-shadow: -1px 3px 13px 0 rgba(85, 85, 85, 0.52);
    border: 1px solid #b5b5b5;
    /*width: 100%;*/
}
ul.typeahead li {
    border-bottom: 1px solid;
}
.typeahead__container {
    font: 1.3rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.typeahead__label {
    font-size: calc(1rem * 1.1);
}
#assignedto .typeahead__result ul.typeahead__list {
    overflow-y: scroll;
    height: 350px;
    overflow-x: auto;
}
#leads_products .typeahead__result ul.typeahead__list {
    overflow-y: scroll;
    height: 350px;
    overflow-x: auto;
}
/*input#search_text,#from_date, #to_date {height: 28px;}*/
     /*    new style added by Dalip on 20-05-2020*/
    .row.myFlexDiv {
        display: flex;
        margin: 15px -5px 0;
    }

    .row.myFlexDiv > div {
        padding: 0 5px;
        margin-bottom: 0;
    }

    .row.myFlexDiv > div .form-group {
        margin-bottom: 0;
    }
    html .typeahead__label-container {
        position: static;
        display: flex;
        order: 2;
        padding: 5px 0 0 0 !important;
        max-height:60px;
        overflow-y: auto;
    }

    html .typeahead__query {
        position: relative;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
        .typeahead__field input, .typeahead__field textarea, .typeahead__field [contenteditable], .typeahead__field .typeahead__hint {
        padding: 0.5rem 0.75rem !important;
    }
    html .typeahead__label > *{
        line-height: 1.2;
        font-size: 11px;
        align-self: center;
    }
    html .typeahead__label .typeahead__cancel-button{
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1.2;
        font-size: 11px;
    }
    .row.myFlexDiv > div .btn-primary {
        line-height: 1;
        width: 100%;
    }
    ::-webkit-scrollbar {
      width: 5px;
    }

    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    ::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
    }
    html ul.typeahead__list {
        height: auto !important;
        max-height: 50vh;
            overflow-y: auto;
    }
    #error_search_text {
        color: red;
        font-size: 12px;
    }
    .fullLoader{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8) url("{{ URL::to('/assets/admin/images/img/loading.svg')}}") no-repeat center 20px;
        background-size: 50px;
        display: none;
        z-index: 99;
    }
    .row.listing {
        position: relative;
    }
     .hidess{
       display: none;
    }
    #example1.table-striped>tbody>tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,0.03);
    }
    #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.10;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
}
    

</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">
    <section class="content-header">
        <h1> {{ trans('Lead List') }} <small class="pagination-result"> Showing {{($result['leads']->currentPage()-1)* $result['leads']->perPage()+($result['leads']->total() ? 1:0)}} to {{($result['leads']->currentPage()-1)*$result['leads']->perPage()+count($result['leads'])}}  of  {{$result['leads']->total()}}  Results</small> </h1>
        <ol class="breadcrumb">
            <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
            <li class="active"> {{ trans('Leads List') }}</li>
        </ol>
    </section>
    @include('admin.loader')
    @php
        $getUserRoleData = userRoleData();
        $Leads      = explode(",",$getUserRoleData->Leads);
        $send_customer_reciept      = explode(",",$getUserRoleData->send_customer_reciept);
        $Whats_icon      = explode(",",$getUserRoleData->Whats_icon);

        
    @endphp
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-info" style="z-index: 1;">
                    <div class="box-body">
                        @if(in_array("ShippingCreate",$Leads))
                        <!-- <div class="col-xs-12">
                            <div class="row">
                                <div class="box-tools pull-left">
                                    <ul  class="list-inline">                               
                                        <li class="list-inline-item"><a href="#" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal">Create Shipping</a></li>
                                    </ul>
                                </div>
                            </div>
                            <br>
                        </div> -->
                        @endif
                        <div class="col-xs-12">
                            <div class="row">
                                @if(session()->has('message'))
                                <div class="alert alert-success alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
                                    {{ session()->get('message') }}
                                </div>
                                @endif
                                @if(session()->has('error'))
                                    <div class="alert alert-warning alert-dismissible">
                                       <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                       <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
                                        {{ session()->get('error') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                                                  <div class="row">
                            <form action="" method="GET" role="search" id="opportunities_filter">{{ csrf_field() }}
                                <input type="hidden" name="date_range" id="date_range" value="{{ $date_range }}">
                                <div class="clearfix"></div>                                
                                <div class="col-md-6"> 
                                    <strong style="color: #00c0ef;">Search By: Customer/Telephone/Status/Assigned to/Leads source/Date range</strong>
                                </div>                              
                                <div class="col-md-6">
                                    <div class="pull-right">
                                        <ul  class="list-inline"> 
                                            @if(in_array("ShippingCreate",$Leads))
                                                <li class="list-inline-item"><a href="#" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Create Bulk Shipping</a></li>
                                            @endif                                                                          
                                            <li class="list-inline-item"><a href="{{ URL('admin/leads') }}" class="btn-primary-apply">Clear Filter</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="row myFlexDiv">
                                        <div class="col-sm-3 col-md-3 _subject">       
                                            <input type="text" name="search" id="search_text" placeholder="Search"  class="form-control typeahead" autocomplete="off" 
                                            value="">
                                            <span class="error_search_text" id="error_search_text"></span>
                                        </div>
                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('leads_status[]', $result['status'], $leads_status, array('class'=>'form-control', 'id'=>'leads_status', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                           
                                        </div>

                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('leads_products[]', $result['services'], $leads_products, array('class'=>'form-control', 'id'=>'leads_products', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('assignedto[]', $result['assigned_to'], $assignedto, array('class'=>'form-control', 'id'=>'assignedto', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                    <div class="row myFlexDiv">
                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('lead_source[]', $result['lead_source'], $lead_source, array('class'=>'form-control', 'id'=>'lead_source', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                           
                                        </div>
                                        <div class="col-sm-5 col-md-5">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('lead_plan[]', $result['lead_plan'], $lead_plan, array('class'=>'form-control', 'id'=>'lead_plan', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                           
                                        </div>  
                                        <div class="col-sm-2 col-md-2">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('country[]', $result['country_data'], $country, array('class'=>'form-control', 'id'=>'country', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>                  
                                        <div class="col-sm-2 col-md-2">
                                            <input type="text" name="from_date" id="from_date" value="{{ $from_date }}" class="form-control" placeholder="Date range" readonly="" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="row myFlexDiv">

                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('verified_by[]', $result['verified_by'], $verified_by, array('class'=>'form-control', 'id'=>'verified_by', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>

                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                {!! Form::select('payment[]', $result['payment'], $payment, array('class'=>'form-control', 'id'=>'payment', 'multiple'=>'')) !!}
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>
                                      
                                    </div>

                                    <div class="row myFlexDiv">
                                         
                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                <select name="cities[]" class="form-control" id="p_city" multiple>
                                                    @foreach($result['cities'] as $city)
                                                        <option value="{{ $city }}" @if(in_array($city, (array) old('cities', $cities))) selected @endif>
                                                            {{ $city }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                            
                                        </div>

                                        <div class="col-sm-3 col-md-3">
                                            <div class="multi-upper-cmn-bx form-control">
                                                <select name="states[]" class="form-control" id="p_state" multiple>
                                                    @foreach ($result['states'] as $zone_id => $zone_name)
                                                        <option value="{{ $zone_id }}" @if(in_array($zone_id, (array) old('states', $states))) selected @endif>
                                                            {{ $zone_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <div class="cmn-change-value-multi">
                                                    <span class="selected-count"></span>
                                                    <button type="button" class="reset-btn">x</button>
                                                </div>
                                            </div>
                                           
                                        </div>

                                    </div> 

                                  
                                </div>

                                <button class="ml-2 btn btn-primary"  style="border: 0;margin-left: 7px; width: 175px; margin-top: 6px; padding: 9px 0;" type="submit" onclick="submitSearchForm()">Apply</button>
                            </form>
                        </div>
                        <br>
                        <div class="clearfix"></div>
                        <div class="row listing">
                            <div class="col-xs-12 result-list">     
                                @if(in_array("View",$Leads ))           
                                <table id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>                      
                                            <th width="5%">#{{ trans('ID') }}</th>
                                            <th>{{ trans('Customer Name') }}</th>
                                            <th width="10%">{{ trans('Telephone') }}</th>
                                            <th>{{ trans('Product') }}</th>
                                            <th>{{ trans('Quantity') }}</th>
                                            <th width="10%">{{ trans('Status') }}</th>
                                            <th width="15%">{{ trans('Assigned to') }}</th>
                                            <th width="15%">{{ trans('Tracking Number') }}</th>
                                            <th width="15%">{{ trans('Created Date') }}</th>
                                            @if(in_array("Edit",$Leads ) || in_array("Delete",$Leads ))
                                            <th width="13%">{{ trans('Action') }}</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody class="leads-data">
                                        @include('admin.leads_pagination_data')
                                    </tbody>
                                </table>        
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />                               
                                <!-- <div class="col-xs-12 text-right">
                                    {{ $result['leads']->appends($_GET)->links() }}
                                </div>   -->
                                @else
                                    <p> <strong>Please contact with SuperAdmin</strong></p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>


                <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
                </div>

               
            </div>
                  
        </div>
    </section>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Create Shipping</h5>
              </div>
              <form action="{{URL('admin/custom-shipping-create')}}" method="post" id="create_shipping_data">
                 {{ csrf_field() }}
                  <div class="modal-body">
                    <div class="form-group">
                        <label for="created_at" class="control-label">{{ trans('Date') }} <span class="required-mark" style="color: red">*</span></label>
                        <input type="text" value="04/27/2025" class="form-control" name="created_at" id="created_at" required="" autocomplete="off" readonly="" data-date="04/27/2025" data-date-format="mm/dd/yyyy">
                    </div>        
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                    <button type="button" id="create-shipping-submit-button" class="btn btn-primary">Submit</button>
                  </div>
            </form>
        </div>
      </div>
    </div>
</div>
</div>

{{-- ///////////////////// --}}
<div id="whats-app-modal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-md">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">
             Send Template on WhatsApp <span id="redmine-sku"></span>
            </h4>
            
            </div>
            <div class="modal-body">
              <span id="delivery-inspection-add">
                <form method="POST" accept-charset="UTF-8" id="whats_app_form" class="form-validate">
                    @csrf()

                    <div class="form-group">
                            <select name="template_name" id="template_name" class="form-control">
                                <!-- <option value="unreachable_img">Unreachable</option> -->
                                <option value="WhatsAppFeedback">WhatsApp Feedback</option>
                                <option value="OrderDispatch">Order Dispatch</option>
                                <option value="ReferAndEarn">Refer & Earn</option>
                                <!-- <option value="navratri">Navratri</option> -->

                            </select>
                        </div>

                    <input name="lead_id" type="hidden" value="" id="whats-app-id">
                    <input name="product_name" type="hidden" value="" id="product-name">

                    <div class="form-group" id="name-group">
                        <label for="whats-tracking-name">Customer Name</label>
                        <input type="text" name="customer_name" id="whats-tracking-name" class="form-control field-validate" placeholder="Customer Name" >
                    </div>
                
                    <div class="form-group" id="number-group">
                        <label for="whats-tracking-code">Tracking Number</label>
                        <input type="text" name="tracking_number" id="whats-tracking-code" class="form-control field-validate" placeholder="Tracking Number">
                    </div>
                
                    <div class="form-group" id="telephone-group">
                        <label for="whats-tracking-number">Telephone Number</label>
                        <input type="text" name="telephone_number" id="whats-tracking-number" class="form-control field-validate" placeholder="Telephone Number" >
                    </div>

                    <div class="form-group" id="reason-group">
                        <label for="whats-reason">Specific Reason</label>
                        <input type="text" name="whats_reason" id="whats-reason" class="form-control field-validate" placeholder="Specific Reason" >
                    </div>
                
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button type="submit" class="btn btn-primary" id="whats-app_template_submit">Send Template</button>
                        </div>
                    </div>
                
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="alert alert-danger data-dismiss" style="display: none;" role="alert"></div>
                        </div>
                    </div>
                </form>
                
              </span>
            </div>
            <div class="modal-footer" style="text-align: left;">
              <div id="delivery-inspection-list" class="table-responsive" style="max-height: 500px; overflow-y: scroll;"></div>
            </div>
          </div>
        </div>
</div>

{{-- //Tashan --}}
<div id="whats-app-modal-tashan" class="modal fade" role="dialog">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">
         Send Template on WhatsApp <span id="redmine-sku"></span>
        </h4>
        </div>
        <div class="modal-body">
          <span id="delivery-inspection-add">
            <form method="POST" accept-charset="UTF-8" id="whats_app_form_tashan" class="form-validate">
                @csrf()

                <input name="lead_id" type="hidden" value="" id="whats-app-id-tashan">
                <div class="form-group">
                    <label for="whats-tracking-name-tashan">Customer Name</label>
                    <input type="text" name="customer_name" id="whats-tracking-name-tashan" class="form-control field-validate" placeholder="Customer Name" disabled>
                </div>
            
                <div class="form-group">
                    <label for="whats-tracking-code-tashan">Tracking Number</label>
                    <input type="text" name="tracking_number" id="whats-tracking-code-tashan" class="form-control field-validate" placeholder="Tracking Number" disabled>
                </div>
            
                <div class="form-group">
                    <label for="whats-tracking-number-tashan">Telephone Number</label>
                    <input type="text" name="telephone_number" id="whats-tracking-number-tashan" class="form-control field-validate" placeholder="Telephone Number" disabled>
                </div>
            
                <div class="row">
                    <div class="col-md-12 text-right">
                        <button type="submit" class="btn btn-primary" id="whats-app-template-submit-tashan">Send Template</button>
                    </div>
                </div>
            
                <div class="row">
                    <div class="col-xs-12">
                        <div class="alert alert-danger data-dismiss" style="display: none;" role="alert"></div>
                    </div>
                </div>
            </form>
            
          </span>
        </div>
        <div class="modal-footer" style="text-align: left;">
          <div id="delivery-inspection-list" class="table-responsive" style="max-height: 500px; overflow-y: scroll;"></div>
        </div>
      </div>
    </div>
</div>



@endsection 
@section('scripts')
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script src="{!! asset('assets/admin/src/jquery.typeahead.min.js') !!}"></script>
<script>
    $('.selectpicker').selectpicker();  
</script>

<script>
    $(document).ready(function() {
    $('#number-group').hide();
    // $('#telephone-group').hide();

    $('#template_name').change(function() {
        var selectedValue = $(this).val();

        $('#number-group').hide();
        $('#name-group').hide();
        $('#reason-group').hide();
        $('#telephone-group').hide();

        if (selectedValue === 'WhatsAppFeedback') {
            $('#telephone-group').show();
        } else if (selectedValue === 'unreachable_img') {
            $('#name-group').show();
            $('#reason-group').show();
            $('#telephone-group').show(); 
        } else if (selectedValue === 'OrderDispatch') {
            $('#number-group').show();
            $('#name-group').show();
            $('#telephone-group').show();
        } else if(selectedValue === 'ReferAndEarn') {
            $('#telephone-group').show();
        } else if(selectedValue === 'navratri') {
            $('#telephone-group').show();
        }

        updateButtonState(selectedValue); 
    });

    function updateButtonState(selectedValue) {
        var tracking_number = $('#whats-tracking-code').val().trim();
        var reason = $('#whats-reason').val().trim();

        if (selectedValue === 'OrderDispatch' && tracking_number === '') {
            $('#whats-app_template_submit').prop('disabled', true);
        } else if (selectedValue === 'unreachable_img' && reason === '') {
            $('#whats-app_template_submit').prop('disabled', true);
        } else {
            $('#whats-app_template_submit').prop('disabled', false);
        }
    }

    $('#whats-tracking-code').on('input', function() {
        var selectedValue = $('#template_name').val();
        updateButtonState(selectedValue); 
    });

    $('#whats-reason').on('input', function() {
        var selectedValue = $('#template_name').val();
        updateButtonState(selectedValue); 
    });

    var initialSelectedValue = $('#template_name').val();
    updateButtonState(initialSelectedValue);
});


function openWhatsAppModal2(id, tracking_number, customers_firstname, customers_lastname, customers_telephone, product) {
    // Show modal
    jQuery('.alert-danger').hide().empty();
    $('#whats-app-modal').modal('show');

        $('#number-group').hide();
        $('#name-group').hide();
        $('#reason-group').hide();
    // Set values
    var fullName = customers_firstname + ' ' + customers_lastname;
    $('#whats-app-id').val(id);
    $('#whats-text').val(tracking_number);
    $('#whats-tracking-name').val(fullName); 
    $('#whats-tracking-code').val(tracking_number);
    $('#whats-tracking-number').val(customers_telephone);
    $('#product-name').val(product);
}

function addedLogs(id, name, action) {
    let hasError = false;
    if (!hasError) {
        $.ajax({
            url: "{{ url('admin/added-leads-logs') }}",
            type: 'post',
            data: {
                id: id,
                name: name,
                action: action
            },
            success: function(res) {
            },
        });
    } else {
        console.error('An error occurred before AJAX request. Error code: 500');
    }
}


// function openWhatsAppModalTashan(id, tracking_number, customers_firstname, customers_lastname, customers_telephone) {
//     // Show modal
//     jQuery('.alert-danger').hide().empty();
//     $('#whats-app-modal-tashan').modal('show');
//     // Set values
//     var fullName = customers_firstname + ' ' + customers_lastname;
//     $('#whats-app-id-tashan').val(id);
//     $('#whats-text').val(tracking_number);
//     $('#whats-tracking-name-tashan').val(fullName); 
//     $('#whats-tracking-code-tashan').val(tracking_number);
//     $('#whats-tracking-number-tashan').val(customers_telephone);
//     // Disable the button if tracking_number is empty
//     if (tracking_number.trim() === '') {
//         $('#whats-app-template-submit-tashan').prop('disabled', true);
//     } else {
//         $('#whats-app-template-submit-tashan').prop('disabled', false);
//     }
// }

$('#whats_app_form').submit(function(e) {
  e.preventDefault();
        var name = $("#whats-tracking-name").val();
        var tracking = $("#whats-tracking-code").val();
        var telephone = $("#whats-tracking-number").val();
        var templateName = $('#template_name').val();

    var additionalParams = {
        name: name,
        tracking: tracking,
        telephone: telephone,
    };
    var formData = $(this).serializeArray();

    $.each(additionalParams, function(key, value) {
        formData.push({name: key, value: value});
    });
    console.log("Serialized Form Data:", formData);
    setTimeout(function() {
      var hasError = false;
      $("#whats_app_form .field-validate").each(function() {
        if($(this).closest('.form-group').hasClass('has-error')) hasError = true;
      });
      if(!hasError) {
        $.ajax({
          url: "{{ url('admin/get-drop-down-data') }}",
          type: 'post',
          async: false,
          data: formData,
          success: function(res) {
            if(res.success == true) {
            //   $.notify({message: res.message}, {type: 'success'});
              alert(res.message);
              $('#whats-app-modal').modal('hide');
              $('#reason-group input[type="text"], #reason-group textarea').val('');
            //   setTimeout(function() {
            //     location.reload();
            //   }, 1000);
            }
          },
          error: function(error) {
            alert(res.message);
          }
        })
      }
      else $("#whats-app_template_submit").attr('disabled', false)
    }, 500)
});

// $('#whats_app_forms').submit(function(e) {
//   e.preventDefault();
//         var name = $("#whats-tracking-name").val();
//         var tracking = $("#whats-tracking-code").val();
//         var telephone = $("#whats-tracking-number").val();
//         var templateName = $('#template_name').val();
//     // Create an object to hold the additional parameters
//     var additionalParams = {
//         name: name,
//         tracking: tracking,
//         telephone: telephone,
//         templateName: templateName
//     };

//     // Serialize the form data
//     var formData = $(this).serializeArray();

//     // Add the additional parameters to the serialized form data
//     $.each(additionalParams, function(key, value) {
//         formData.push({name: key, value: value});
//     });

//     console.log("Serialized Form Data:", formData);
    
//     setTimeout(function() {
//       var hasError = false;
//       $("#whats_app_form .field-validate").each(function() {
//         if($(this).closest('.form-group').hasClass('has-error')) hasError = true;
//       });
//       if(!hasError) {
//         $.ajax({
//           url: "{{ url('admin/send-template-message') }}",
//           type: 'post',
//           async: false,
//           data: formData,
//           success: function(res) {
//             if(res.success == true) {
//             //   $.notify({message: res.message}, {type: 'success'});
//             alert(res.message);
//               $('#whats-app-modal').modal('hide');
//             //   setTimeout(function() {
//             //     location.reload();
//             //   }, 1000);
//             }
//           },
//           error: function(error) {
//             alert(res.message);
//           }
//         })
//       }
//       else $("#whats-app_template_submit").attr('disabled', false)
//     }, 500)
// });


// $('#whats_app_form_tashan').submit(function(e) {
//   e.preventDefault();
//         var name = $("#whats-tracking-name-tashan").val();
//         var tracking = $("#whats-tracking-code-tashan").val();
//         var telephone = $("#whats-tracking-number-tashan").val();
//     // Create an object to hold the additional parameters
//     var additionalParams = {
//         name: name,
//         tracking: tracking,
//         telephone: telephone
//     };

//     // Serialize the form data
//     var formData = $(this).serializeArray();

//     // Add the additional parameters to the serialized form data
//     $.each(additionalParams, function(key, value) {
//         formData.push({name: key, value: value});
//     });

//     console.log("Serialized Form Data:", formData);
//     setTimeout(function() {
//       var hasError = false;
//       $("#whats_app_form_tashan .field-validate").each(function() {
//         if($(this).closest('.form-group').hasClass('has-error')) hasError = true;
//       });
//       if(!hasError) {
//         $.ajax({
//           url: "{{ url('admin/send-template-message-tashan') }}",
//           type: 'post',
//           async: false,
//           data: formData,
//           success: function(res) {
//             if(res.success == true) {
//             alert(res.message);
//               $('#whats-app-modal-tashan').modal('hide');
//             }
//           },
//           error: function(error) {
//             alert(res.message);
//           }
//         })
//       }
//       else $("#whats-app-template-submit-tashan").attr('disabled', false)
//     }, 500)
// });

    $( function() {
        var today = new Date();
        $( "#created_at" ).datepicker({         
            endDate: "+3d", //today
            maxDate: today,
            changeMonth: true,
            changeYear: true,
            autoclose: true,
            startDate: '-7d',
            format: "mm/dd/yyyy",
        });
    });

    var $wCur = $("#create_shipping_data");
    $wCur.validate( {
        rules: {                
            created_at: {
                required: true,
            },
        },
        messages: {
            created_at: {
                required: "Please enter date",
            },
        }
    });
    $(document).on('click','#create-shipping-submit-button', function(e) {
        if($wCur.valid()) {
            $(this).prop('disabled', true).text("Please wait...");
            $("#create_shipping_data").submit();
        } else {  
            $(this).prop('disabled', false).text("Submit");             
            e.preventDefault();
        }
    });
</script>
<script type="text/javascript"> 
    function submitSearchForm() {
        $('.fullLoader').show();
        $('#opportunities_filter').submit();
    }

    $('#search_text').donetyping(function(){
    //   $('#opportunities_filter').submit();
    });

    $(function () { 
        // Products
        $("#leads_products").select2({
            closeOnSelect: false,
            placeholder: 'Products',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        // Status
        $("#leads_status").select2({
            closeOnSelect: false,
            placeholder: 'Status',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();

        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        // Assigned to
        $("#assignedto").select2({
            closeOnSelect: false,
            placeholder: 'Assigned to',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        // Lead source
        $("#lead_source").select2({
            closeOnSelect: false,
            placeholder: 'Lead source',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        // p city
        // $("#p_city").select2({
        //         closeOnSelect: false,
        //         placeholder: 'Select City',
        //     }).on("select2:select", function (e) {
        //         var selected_element = $(e.currentTarget);
        //         var selected_city = selected_element.val();
        //         var selected_state = $('#p_state').val(); // Get selected states
        //         $('#hidden_page').val('1'); // Reset page if needed
                
        //         // Optional: You can trigger the form submission here if needed
        //         // submitSearchForm();
        //     }).on('select2:unselect', function (e) {
        //         var selected_element = $(e.currentTarget);
        //         var selected_city = selected_element.val();
        //         var selected_state = $('#p_state').val(); // Get selected states
        //         $('#hidden_page').val('1'); // Reset page if needed
        //     });
                    //   state

            //         $("#p_state").select2({
            //     closeOnSelect: false,
            //     placeholder: 'Select State',
            // }).on("select2:select", function (e) {
            //     var selected_element = $(e.currentTarget);
            //     var selected_state = selected_element.val();
            //     var selected_city = $('#p_city').val(); // Get selected cities
            //     $('#hidden_page').val('1'); // Reset page if needed
                
            //     // Optional: You can trigger the form submission here if needed
            //     // submitSearchForm();
            // }).on('select2:unselect', function (e) {
            //     var selected_element = $(e.currentTarget);
            //     var selected_state = selected_element.val();
            //     var selected_city = $('#p_city').val(); // Get selected cities
            //     $('#hidden_page').val('1'); // Reset page if needed
            // });

        //Services Plan
       $("#lead_plan").select2({
            closeOnSelect: false,
            placeholder: 'Services plan',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        // Country
        $("#country").select2({
            closeOnSelect: false,
            placeholder: 'Country',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        $("#verified_by").select2({
            closeOnSelect: false,
            placeholder: 'Verifier',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();

        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        $("#payment").select2({
            closeOnSelect: false,
            placeholder: 'Payment gateway',
        }).on("select2:select", function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();            
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();

        }).on('select2:unselect', function (e) {
            var selected_element = $(e.currentTarget);
            var select_val = selected_element.val();
            var select_status = $('#r_status').val();
            $('#hidden_page').val('1')
            //fetchReminderData(page = '', select_val = select_val, statusID = select_status);
            // submitSearchForm();
        });

        $("#p_city").select2({
                closeOnSelect: false,
                placeholder: 'Select City',
            }).on("select2:select", function (e) {
                var selected_element = $(e.currentTarget);
                var selected_city_ids = selected_element.val();
                var city_names = [];
                selected_city_ids.forEach(function (city_id) {
                    var city_name = $("#p_city option[value='" + city_id + "']").text(); 
                    city_names.push(city_name);
                });
                $('#selected_city_names').val(city_names.join(','));

                $('#hidden_page').val('1');
            }).on('select2:unselect', function (e) {
                var selected_element = $(e.currentTarget);
                var selected_city_ids = selected_element.val(); // This will get the selected city IDs after unselecting

                // If you need to perform any action when a city is unselected, do it here
                $('#hidden_page').val('1'); // Reset page if needed
            });



            $("#p_state").select2({
                closeOnSelect: false,
                placeholder: 'Select State',
            }).on("select2:select", function (e) {
                var selected_element = $(e.currentTarget);
                var selected_state = selected_element.val(); // Get the selected state

                // You can use selected_state for any further processing (like form submission, etc.)
                // If you want to reset the page when selecting a state, you can do so here:
                $('#hidden_page').val('1'); // Reset page if needed
                
                // Optional: Trigger form submission if needed
                // submitSearchForm();
            }).on('select2:unselect', function (e) {
                var selected_element = $(e.currentTarget);
                var selected_state = selected_element.val(); // Get the selected state (null when unselected)

                // If you need to perform any action when a state is unselected, do it here
                $('#hidden_page').val('1'); // Reset page if needed
            });

    });
</script>
<script>
    $( function() {
        $('#from_date').daterangepicker({
            opens: 'left',
            locale: { cancelLabel: 'Clear' },
            //autoUpdateInput: false,
            //startDate: moment().subtract('days', 29),      
      startDate: moment().subtract(1, 'month').startOf('month'),
      endDate: moment(),      
        ranges: {
             'Today': [moment(), moment()], 
             'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
             'Last 7 Days': [moment().subtract(6, 'days'), moment()],
             'Last 30 Days': [moment().subtract(29, 'days'), moment()],
             'This Month': [moment().startOf('month'), moment().endOf('month')],
             'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
     }, 
     function(start, end, label) {  
        console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
     });
        $('#from_date').on('apply.daterangepicker', function(ev, picker) {
            //console.log(picker.startDate.format('YYYY-MM-DD'));
            //console.log(picker.endDate.format('YYYY-MM-DD'));
            var startDate = picker.startDate.format('YYYY-MM-DD')+'/'+picker.endDate.format('YYYY-MM-DD');
            $('#date_range').val(startDate);
            //console.log(startDate);
            //return false;
            var page = '';
            //fetch_data(page);
            // $('#opportunities_filter').submit();
        });
        $('#from_date').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
        });
        $('#from_date').on('cancel.daterangepicker', function(ev, picker) {
            //do something, like clearing an input
            $('#date_range').val('');
            $('#from_date').val('');
            var page = '';
            //fetch_data(page);
            // $('#opportunities_filter').submit();
        });
    });
</script>
<script>
    function getmob(id){ //alert(id);
     $('#' + id).show();
    $('.hidess').not('#' + id).hide();
}
document.querySelectorAll('#watermarked').forEach(function(el) {
        el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
    });


    </script>
    <script type="text/javascript">
    const selected_lead_plan = JSON.parse('""')
    const selected_leads_products = JSON.parse('""')
    const selected_lead_source = JSON.parse('""')
    const selected_assigned_to = JSON.parse('""')
    const selected_country = JSON.parse('""')
    const selected_verified_by = JSON.parse('""')
    const selected_cities = JSON.parse('""')
    const selected_states = JSON.parse('""')
    
    function isValid(val){
        if(val==undefined || val==null || val==''){
            return false
        }
        return true;
    }
    $(document).ready(function(){
        $.ajax({
            url: "{{ route('lead-listing-filters') }}",
            type:'GET',
            dataType:'json',
            success: function (response) {                          
                $('#lead_plan').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.lead_plan)){
                    $.each(Object.entries(response.results.lead_plan), function (i, item) {
                        let selected = false
                        $('#lead_plan').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#lead_plan').val(selected_lead_plan);
                    $('#lead_plan').trigger('change'); // Notify any JS components that the value changed
                } 
                $('#leads_products').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.services)){
                    $.each(Object.entries(response.results.services), function (i, item) {
                        let selected = false
                        $('#leads_products').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#leads_products').val(selected_leads_products);
                    $('#leads_products').trigger('change'); // Notify any JS components that the value changed
                } 
                $('#assignedto').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.assigned_to)){
                    $.each(Object.entries(response.results.assigned_to), function (i, item) {
                        let selected = false
                        $('#assignedto').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#assignedto').val(selected_assigned_to);
                    $('#assignedto').trigger('change'); // Notify any JS components that the value changed
                }  
                $('#lead_source').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.lead_source)){
                    $.each(Object.entries(response.results.lead_source), function (i, item) {
                        let selected = false
                        $('#lead_source').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#lead_source').val(selected_lead_source);
                    $('#lead_source').trigger('change'); // Notify any JS components that the value changed
                }  
                $('#country').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.country_data)){
                    $.each(Object.entries(response.results.country_data), function (i, item) {
                        let selected = false
                        $('#country').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#country').val(selected_country);
                    $('#country').trigger('change'); // Notify any JS components that the value changed
                }  
                $('#verified_by').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.verified_by)){
                    $.each(Object.entries(response.results.verified_by), function (i, item) {
                        let selected = false
                        $('#verified_by').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#verified_by').val(selected_verified_by);
                    $('#verified_by').trigger('change'); // Notify any JS components that the value changed
                }    
                $('#p_city').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.cities)){
                    $.each(Object.entries(response.results.cities), function (i, item) {
                        let selected = false
                        $('#p_city').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#p_city').val(selected_cities);
                    $('#p_city').trigger('change'); // Notify any JS components that the value changed
                }    
                $('#p_state').val(null).trigger('change');
                if(isValid(response.results) && isValid(response.results.states)){
                    $.each(Object.entries(response.results.states), function (i, item) {
                        let selected = false
                        $('#p_state').append($('<option>', { 
                            value: item[0],
                            text : item[1],
                        }));
                    });
                    $('#p_state').val(selected_states);
                    $('#p_state').trigger('change'); // Notify any JS components that the value changed
                }    

            }
        });    
    });    
    </script>
@endsection