@extends('layouts.app')

@php
$userRole = \Session::get('role');
$userPermission = \Session::get('userPermission');
@endphp
@section('content')
<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">
                <a href="javascript:history.back()" class="pt-3"><em class="icon ni ni-chevron-left back-icon"></em>
                </a>
                Campaign Detail
            </h3>
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->
<!-- <form action="{{ url('campaign/store') }}" method="POST"> -->
<!-- @csrf -->
<div class="nk-block">
    <div class="accordion">
        <div class="accordion-item">
            <a href="#" class="accordion-head collapsed" data-toggle="collapse" data-target="#touchpoint-wise-report">
                <h6 class="title">Campaign Information</h6>
                <span class="accordion-icon"></span>
            </a>
            <div class="accordion-body collapse" id="touchpoint-wise-report">
                <div class="accordion-inner">
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="campaign_name">Campaign Name</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->campaign_name}}
                            </div>
                        </div>
                    </div>
                    @if($userRole == 'admin')
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="survey_template">Survey Template</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->template_name}}
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label">Start Date</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{date('d M Y',strtotime($campaign->start_date))}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="date">End Date</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                <div class="d-flex align-center gx-1 w-215px">
                                    <div class="form-control-wrap flex-fill">
                                        <span
                                            class="end-date-label">{{date('d M Y',strtotime($campaign->end_date))}}</span>
                                        <div class="end-date-field" style="display:none">
                                            <div class="form-icon form-icon-right">
                                                <em class="icon ni ni-calendar-alt"></em>
                                            </div>
                                            <input type="text" name="end_date" id="endDate"
                                                value="{{date('m/d/Y',strtotime($campaign->end_date))}}"
                                                class="form-control date-picker" placeholder="End Date" />
                                        </div>
                                    </div>
                                    @if(isset($userPermission['change-campaign-end-date']))
                                    <div>
                                        <button id="edit_end_date" title="Edit"
                                            class="btn btn-dim btn-round btn-icon btn-sm btn-outline-light"><em
                                                class="icon ni ni-pen-alt-fill"></em></button>
                                        <button id="save_end_date" title="Save"
                                            class="btn btn-dim btn-round btn-icon btn-sm btn-outline-light"
                                            style="display:none;"><em class="icon ni ni-save"></em></button>
                                    </div>
                                    @endif
                                    @if(isset($userPermission['campaign-end-date-history']))
                                    <div>
                                        <button id="info_end_date" title="Info"
                                            class="btn btn-dim btn-round btn-icon btn-sm btn-outline-light"
                                            data-toggle="modal" data-target="#modalEndDateHistory"><em
                                                class="icon ni ni-info-i"></em></button>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="quarter_and_year">Quarter & Year</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{ $campaign->quarter_name }} {{$campaign->quarter_year}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="survey_type">Domain Type</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{ $campaign->survey_type }}
                            </div>
                        </div>
                    </div>
                    @if($campaign->survey_type != 'Sales Survey')
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="aftermarket_touch_point">Aftermarket Touch Point</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{ $campaign->aftermarket_touch_point }}
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="total_customers">Total Customers</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{count($customers)}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="targeted_response_rate">Targeted Response Rate</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->targeted_response_rate}} <em class="icon ni ni-percent"></em>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label">Team Lead</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->team_lead}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="first_sms_text">First SMS Text</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->first_sms}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="follow_up_sms_text">Follow-up SMS Text</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->follow_up_sms}}
                            </div>
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="form-label" for="thankyou_sms_text">Thankyou SMS Text</label>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                {{$campaign->thankyou_sms}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="nk-block" id="show_customers_section">
    <div class="row">
        <div class="col-md-12">
            <div class="card card-full">
                <div class="card-header">
                    <div class="card-title-group">
                        <div class="form-inline gx-3">

                            <div>
                                <h6 class="title">Customers in this Campaign</h6>
                            </div>
                            @if($userRole!='cce' && $userRole !='rsm' && $userRole !='asm' )
                            <div><button type="button"
                                    class="btn btn-sm btn-dim btn-outline-info event-none"><span>{{$responseRate}} %
                                        Response Collected</span></button></div>
                            @endif
                            @if($userRole!='cce' && $userRole !='team_lead')
                            <div>
                                Status :
                                <span id="not-verified-status" class="badge badge-sm badge-pill badge-danger"
                                    @if($customerStatus=='Verified' ) style="display:none;" @endif>Not Verified</span>
                                <span id="verified-status" class="badge badge-sm badge-pill badge-success"
                                    @if($customerStatus=='Not Verified' ) style="display:none;" @endif>Verified</span>
                            </div>
                            @endif
                            <div><button type="button" class="btn btn-sm btn-primary export_data"
                                    data-href="{{ url('campaign/customer-export') }}" data-id="{{$campaign->id}}"><em
                                        class="icon ni ni-reports"></em><span>Generate Report</span></button></div>
                            <div>
                                @if(isset($userPermission['campaign-pause-resume']))
                                <button type="button" onclick="change_campaign_status('Ongoing', {{$campaign->id}})"
                                    id="resume-btn" class="btn btn-sm btn-success" @if($campaign->status!='Paused')
                                    style="display:none;" @endif><em class="icon ni ni-play-circle"></em><span>Resume
                                        Campaign</span></button>
                                <button type="button" onclick="change_campaign_status('Paused', {{$campaign->id}})"
                                    id="pause-btn" class="btn btn-sm btn-warning" @if($campaign->status!='Ongoing')
                                    style="display:none;" @endif><em class="icon ni ni-pause-circle"></em><span>Pause
                                        Campaign</span></button>
                                @endif
                            </div>
                        </div>
                        <div class="form-inline gx-3">
                            @if(isset($userPermission['campaign-verify-drop']))
                            <div class="form-inline gx-3 flex-nowrap">
                                <select class="form-select form-select-sm select-w-136" data-search="off"
                                    data-placeholder="Verify or Drop" id="mass-status">
                                    <option value="" selected disabled>Verify or Drop</option>
                                    <option value="1">Verify</option>
                                    <option value="2">Drop</option>
                                </select>
                                <div class="input-group-prepend">
                                    <span class="d-none d-md-block"><button class="btn btn-primary" name="submit_btn"
                                            id="mass-update"
                                            onclick="customer_verification({{$campaign->id}})">Apply</button></span>
                                    <!-- <span class="d-md-none"><button class="btn btn-dim btn-outline-light btn-icon disabled" onclick="updateMassItems()"><em class="icon ni ni-arrow-right"></em></button></span> -->
                                </div>
                            </div>
                            @endif
                            <div class="card-tools align-items-center">
                                <a href="#" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="modal"
                                    title="filter" data-target="#modalFilterCampaignCustomers">
                                    <div class="dot dot-primary"></div>
                                    <em class="icon ni ni-filter-alt"></em>
                                </a>
                                <!-- <select class="form-select form-control" id="filter" name="filter" data-placeholder="Filter By">
										<option value=""></option>
										<option value="Region">Region</option>
										<option value="Area">Area</option>
										<option value="Dealer">Dealer</option>
										<option value="Product">Product</option>
										<option value="Segment">Segment</option>
									</select>
									<button type="button" class="btn btn-sm btn-primary ml-2 mr-2"><span>Apply</span></button> -->
                                <a href="javascript:void(0)" class="btn btn-icon btn-lg p-0 ml-2 resetFilter"><span><em
                                            class="icon ni ni-undo"></em></span></a>
                                @if($userRole=='team_lead')
                                <button type="button" class="btn btn-sm btn-primary ml-2"
                                    onclick="assign_customer({{$campaign->id}})"><span>Assign</span></button>
                                @endif
                                @if($userRole=='cce')
                                <button type="button" class="btn btn-sm btn-primary ml-2" id="sendMail"
                                    data-toggle="modal" data-target="#modalSendMail"><em
                                        class="icon ni ni-mail"></em><span>Send Mail/Message</span></button>
                                <!-- <button type="button" class="btn btn-sm btn-primary ml-2" id="sendMail" data-toggle="modal" data-target="#modalSendMessage"><em class="icon ni ni-mail"></em><span>Send</span></button> -->
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-inner pt-1">
                    @php
                    $currentDate = date('m/d/Y');
                    $startDate = date('m/d/Y', strtotime($campaign->start_date));
                    $endDate = date('m/d/Y', strtotime($campaign->end_date));

                    // dd($currentDate, $startDate);
                    @endphp

                    @if($userRole != 'cce' && $userRole != 'team_lead')
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#verifiedTab">Verified (<span
                                    id="verified_row_count"> {{count($verifiedCustomers)}}</span>)</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#notVerifiedTab">Not Verified (<span
                                    id="not_verified_row_count">{{count($notVerifiedCustomers)}}</span>)</a>
                        </li>
                    </ul>
                    @endif
                    <div class="tab-content">
                        <div class="tab-pane active" id="verifiedTab">
                            <div class="table-custom-scroll">
                                <table
                                    class="broadcast-init dataTable table table-custom-bordered table-striped verifiedTable">
                                    <thead>
                                        <tr class="nk-tb-item nk-tb-head">
                                            <th class="nk-tb-col nk-tb-col-check" width="1%" nowrap="true">
                                                <div class="custom-control custom-control-sm custom-checkbox notext">
                                                    <input type="checkbox" class="custom-control-input"
                                                        id="verified-check-all">
                                                    <label class="custom-control-label"
                                                        for="verified-check-all"></label>
                                                </div>
                                            </th>
                                            <th class="nk-tb-col"><span class="sub-text">Customer</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Segment</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Number</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Person</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Person Mobile</span>
                                            </th>
                                            <th class="nk-tb-col"><span class="sub-text">Region</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Area</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Language</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Service Category</span></th>

                                            @if($userRole!='cce' && $userRole !='rsm' && $userRole !='asm' && $userRole
                                            != 'regional_coordinator' && $userRole != 'head_office')
                                            <th class="nk-tb-col"><span class="sub-text">Assign To</span></th>
                                            @endif
                                            @if($userRole !='rsm' && $userRole !='asm' )
                                            <th class="nk-tb-col text-center"><span class="sub-text">Response
                                                    Status</span></th>
                                            <th class="nk-tb-col text-center"><span class="sub-text">Call
                                                    Attempts</span></th>
                                            @endif
                                            @if($userRole=='super_admin' || $userRole=='rsm' || $userRole=='asm')
                                            <th class="nk-tb-col text-center"><span class="sub-text">Status</span></th>
                                            @endif
                                            @if($userRole !='rsm' && $userRole !='asm')
                                            <th class="nk-tb-col"><span class="sub-text">Actions</span></th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($customers as $customer)
                                        @if($customer->status==1)
                                        <tr class="nk-tb-item table-row">
                                            <td class="nk-tb-col nk-tb-col-check">
                                                <div class="custom-control custom-control-sm custom-checkbox notext">
                                                    <input type="checkbox"
                                                        class="custom-control-input cb-check verified-customers"
                                                        name="customer[]" value="{{$customer->customer_id}}"
                                                        id="qid{{$customer->customer_id}}">
                                                    <label class="custom-control-label"
                                                        for="qid{{$customer->customer_id}}"></label>
                                                </div>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                @if(isset($userPermission['view-customer-information']))
                                                <a
                                                    href="{{url('campaign/customer-detail')}}/{{$customer->customer_id}}">{{$customer->customer_name}}</a>
                                                @else
                                                <!-- <a href="{{url('campaign/view-response')}}/{{$customer->customer_id}}/{{$campaign->id}}">{{$customer->customer_name}}</a> -->
                                                {{$customer->customer_name}}
                                                @endif
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->segment}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>
                                                    @if($customer->contact_number==0)
                                                    NA
                                                    @else
                                                    {{$customer->contact_number}}
                                                    @endif
                                                </span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->contact_person_name}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->contact_person_mobile}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->region}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->area}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <select class="form-select form-control verified-language-dropdown"
                                                    id="customer_language_{{ $customer->customer_id }}"
                                                    name="customer_language"
                                                    data-customer-id="{{ $customer->customer_id }}"
                                                    data-placeholder="Select"
                                                    style="width:122.9688px !important"
                                                    >
                                                    <option value=""></option>
                                                    @foreach($languages as $language)
                                                    <option @if(isset($customer) && $customer->customer_language ==
                                                        $language->id)
                                                        selected
                                                        @endif
                                                        value="{{ $language->id }}">{{ $language->language_name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                @if($customer->source == 'FUT')
                                                <span>
                                                    @if($customer->vehicle_status == 1)
                                                    Site Support
                                                    @else
                                                    Site Visit
                                                    @endif
                                                </span>
                                                @else
                                                <sapn>{{$customer->vehicle_type}}</sapn>
                                                @endif
                                            </td>

                                            @if($userRole!='cce' && $userRole !='rsm' && $userRole !='asm' && $userRole
                                            != 'regional_coordinator' && $userRole != 'head_office')
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->assign_to}}</span>
                                            </td>
                                            @endif

                                            @if($userRole !='rsm' && $userRole !='asm')
                                            <td class="nk-tb-col tb-col-md text-center">
                                                @php
                                                $surveyStatus = $customer->survey_status;
                                                $surveyStatusClass = 'badge-success';
                                                if($surveyStatus=='Feedback Collected') {
                                                $surveyStatusClass = 'badge-success';
                                                }
                                                elseif($surveyStatus=='Not filled') {
                                                $surveyStatusClass = 'badge-danger';
                                                }
                                                else {
                                                $surveyStatusClass = 'badge-warning';
                                                }
                                                @endphp
                                                <span
                                                    class="badge badge-pill {{$surveyStatusClass}}">{{$customer->survey_status}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md text-center">
                                                <span>{{$customer->call_attempt}}</span>
                                            </td>
                                            @endif
                                            @if($userRole=='super_admin' || $userRole=='rsm' || $userRole=='asm')
                                            <td class="nk-tb-col tb-col-md text-center"
                                                id="status-{{$customer->customer_id}}">
                                                @if($customer->status==1) <span
                                                    class="badge badge-pill badge-success">Verified</span>
                                                @elseif($customer->status==2) <span
                                                    class="badge badge-pill badge-info">Dropped</span> @else <span
                                                    class="badge badge-pill badge-danger">Not Verified</span> @endif
                                            </td>
                                            @endif
                                            @if($userRole!='cce')
                                            @if($customer->survey_status!='Not filled' &&
                                            isset($userPermission['view-survey-response']))
                                            <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">
                                                <a
                                                    href="{{url('/campaign/view-response/'.$customer->customer_id.'/'.$campaign->id)}}">View
                                                    Response</a>
                                            </td>
                                            @elseif($userRole!='asm' && $userRole!='rsm')
                                            <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">-</td>
                                            @endif
                                            @elseif(strtotime($currentDate) >= strtotime($startDate) &&
                                            strtotime($currentDate) <= strtotime($endDate) && $userRole=='cce' ) <td
                                                class="nk-tb-col tb-col-md" width="1%" nowrap="true">
                                                <a
                                                    href="{{url('/campaign/view-response/'.$customer->customer_id.'/'.$campaign->id)}}">@if($customer->survey_status=='Not
                                                    filled') Add Responses @elseif($customer->survey_status=='Partially
                                                    filled') Edit Response @endif</a>
                                                </td>
                                                @elseif($userRole!='asm' && $userRole!='rsm')
                                                <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">-</td>
                                                @endif
                                        </tr><!-- .nk-tb-item  -->
                                        @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="notVerifiedTab">
                            <div class="table-custom-scroll">
                                <table
                                    class="broadcast-init dataTable table table-custom-bordered table-striped notVerifiedTable">
                                    <thead>
                                        <tr class="nk-tb-item nk-tb-head">
                                            <th class="nk-tb-col nk-tb-col-check" width="1%" nowrap="true">
                                                <div class="custom-control custom-control-sm custom-checkbox notext">
                                                    <input type="checkbox" class="custom-control-input"
                                                        id="notverified-check-all">
                                                    <label class="custom-control-label"
                                                        for="notverified-check-all"></label>
                                                </div>
                                            </th>
                                            <th class="nk-tb-col"><span class="sub-text">Customer</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Segment</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Number</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Person</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Contact Person Mobile</span>
                                            </th>
                                            <th class="nk-tb-col"><span class="sub-text">Region</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Area</span></th>

                                            <th class="nk-tb-col"><span class="sub-text">Language</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Service Category</span></th>

                                            @if($userRole!='cce' && $userRole !='rsm' && $userRole !='asm' && $userRole
                                            != 'regional_coordinator' && $userRole != 'head_office')
                                            <th class="nk-tb-col"><span class="sub-text">Assign To</span></th>
                                            @endif
                                            @if($userRole !='rsm' && $userRole !='asm' )
                                            <th class="nk-tb-col text-center"><span class="sub-text">Response
                                                    Status</span></th>
                                            <th class="nk-tb-col text-center"><span class="sub-text">Call
                                                    Attempts</span></th>
                                            @endif
                                            @if($userRole=='super_admin' || $userRole=='rsm' || $userRole=='asm')
                                            <th class="nk-tb-col text-center"><span class="sub-text">Status</span></th>
                                            @endif
                                            @if($userRole !='rsm' && $userRole !='asm')
                                            <th class="nk-tb-col"><span class="sub-text">Actions</span></th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($customers as $customer)
                                        @if($customer->status==0)
                                        <tr class="nk-tb-item table-row">
                                            <td class="nk-tb-col nk-tb-col-check">
                                                <div class="custom-control custom-control-sm custom-checkbox notext">
                                                    <input type="checkbox"
                                                        class="custom-control-input cb-check notverified-customers"
                                                        name="customer[]" value="{{$customer->customer_id}}"
                                                        id="qid{{$customer->customer_id}}">
                                                    <label class="custom-control-label"
                                                        for="qid{{$customer->customer_id}}"></label>
                                                </div>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                @if(isset($userPermission['view-customer-information']))
                                                <a
                                                    href="{{url('campaign/customer-detail')}}/{{$customer->customer_id}}">{{$customer->customer_name}}</a>
                                                @else
                                                <!-- <a href="{{url('campaign/view-response')}}/{{$customer->customer_id}}/{{$campaign->id}}">{{$customer->customer_name}}</a> -->
                                                {{$customer->customer_name}}
                                                @endif
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->segment}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>
                                                    @if($customer->contact_number==0)
                                                    NA
                                                    @else
                                                    {{$customer->contact_number}}
                                                    @endif
                                                </span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->contact_person_name}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->contact_person_mobile}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->region}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->area}}</span>
                                            </td>

                                            <td class="nk-tb-col tb-col-md">
                                                <select class="form-select form-control not-verified-language-dropdown"
                                                    id="customer_language_{{ $customer->customer_id }}"
                                                    name="customer_language"
                                                    data-customer-id="{{ $customer->customer_id }}"
                                                    data-placeholder="Select"
                                                    style="width:122.9688px !important"
                                                    >
                                                    <option value=""></option>
                                                    @foreach($languages as $language)
                                                    <option @if(isset($customer) && $customer->customer_language ==
                                                        $language->id)
                                                        selected
                                                        @endif
                                                        value="{{ $language->id }}">{{ $language->language_name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="nk-tb-col tb-col-md">
                                                @if($customer->source == 'FUT')
                                                @if($customer->vehicle_status == 1)
                                                <span>Site Support</span>
                                                @else
                                                <span>Site Visit</span>
                                                @endif
                                                @else
                                                <sapn>{{$customer->vehicle_type}}</sapn>
                                                @endif
                                            </td>

                                            @if($userRole!='cce' && $userRole !='rsm' && $userRole !='asm' && $userRole
                                            != 'regional_coordinator' && $userRole != 'head_office')
                                            <td class="nk-tb-col tb-col-md">
                                                <span>{{$customer->assign_to}}</span>
                                            </td>
                                            @endif

                                            @if($userRole !='rsm' && $userRole !='asm')
                                            <td class="nk-tb-col tb-col-md text-center">
                                                @php
                                                $surveyStatus = $customer->survey_status;
                                                $surveyStatusClass = 'badge-success';
                                                if($surveyStatus=='Completed') {
                                                $surveyStatusClass = 'badge-success';
                                                }
                                                elseif($surveyStatus=='Not filled') {
                                                $surveyStatusClass = 'badge-danger';
                                                }
                                                else {
                                                $surveyStatusClass = 'badge-warning';
                                                }
                                                @endphp
                                                <span
                                                    class="badge badge-pill {{$surveyStatusClass}}">{{$customer->survey_status}}</span>
                                            </td>
                                            <td class="nk-tb-col tb-col-md text-center">
                                                <span>{{$customer->call_attempt}}</span>
                                            </td>
                                            @endif
                                            @if($userRole=='super_admin' || $userRole=='rsm' || $userRole=='asm')
                                            <td class="nk-tb-col tb-col-md text-center"
                                                id="status-{{$customer->customer_id}}">
                                                @if($customer->status==1) <span
                                                    class="badge badge-pill badge-success">Verified</span>
                                                @elseif($customer->status==2) <span
                                                    class="badge badge-pill badge-info">Dropped</span> @else <span
                                                    class="badge badge-pill badge-danger">Not Verified</span> @endif
                                            </td>
                                            @endif
                                            @if($userRole!='cce')
                                            @if($customer->survey_status!='Not filled' &&
                                            isset($userPermission['view-survey-response']))
                                            <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">
                                                <a
                                                    href="{{url('/campaign/view-response/'.$customer->customer_id.'/'.$campaign->id)}}">View
                                                    Response</a>
                                            </td>
                                            @elseif($userRole!='asm' && $userRole!='rsm')
                                            <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">-</td>
                                            @endif
                                            @elseif(strtotime($currentDate) >= strtotime($startDate) &&
                                            strtotime($currentDate) <= strtotime($endDate) && $userRole=='cce' ) <td
                                                class="nk-tb-col tb-col-md" width="1%" nowrap="true">
                                                <a
                                                    href="{{url('/campaign/view-response/'.$customer->customer_id.'/'.$campaign->id)}}">@if($customer->survey_status=='Not
                                                    filled') Add Responses @elseif($customer->survey_status=='Partially
                                                    filled') Edit Response @endif</a>
                                                </td>
                                                @elseif($userRole!='asm' && $userRole!='rsm')
                                                <td class="nk-tb-col tb-col-md" width="1%" nowrap="true">-</td>
                                                @endif
                                        </tr><!-- .nk-tb-item  -->
                                        @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="nk-block mb-3" style="display:none;">
    <div class="row">
        <div class="col-md-12">
            <div class="sp-plan-info pt-0 pb-0 card-inner">
                <div class="row">
                    <div class="col-lg-7 text-right offset-lg-5">
                        <div class="form-group">
                            <a href="javascript:history.back()" class="btn btn-outline-light">Cancel</a>
                            <input type="submit" name="submit" value="Update Campaign" class="btn btn-primary" />
                        </div>
                    </div>
                </div>
            </div><!-- .sp-plan-info -->
        </div><!-- .col -->
    </div><!-- .row -->
</div>
<!-- </form> -->
<div class="modal fade zoom" tabindex="-1" id="modalAssignCustomer">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Assign Customer Care Executive</h5>
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            </div>
            <form role="form" class="mb-0" method="post" action="{{ url('campaign/assign-customer') }}">
                @csrf
                <div class="modal-body modal-body-lg">
                    <div class="gy-3">
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Customer Executive" for="cce"
                                    suggestion="Specify the new password the user." />
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <input type="hidden" name="campaign_id" id="campaign_id" value="{{$campaign->id}}">
                                    <input type="hidden" name="customers" id="customer">
                                    <select class="form-select form-control" name="cce" id="cce"
                                        data-placeholder="Select">
                                        <option value="">Select Customer Care Agent</option>
                                        @foreach($customerCareExecutive as $customer)
                                        <option value="{{$customer->id}}">{{$customer->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer bg-light">
                    <div class="row">
                        <div class="col-lg-12 p-0 text-right">
                            <button class="btn btn-outline-light" data-dismiss="modal"
                                aria-label="Close">Cancel</button>
                            <button type="submit" class="btn btn-primary" type="button">Assign</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade zoom" tabindex="-1" id="modalEndDateHistory">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit History</h5>
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            </div>
            <div class="modal-body modal-body-lg">
                <div class="gy-3">
                    @foreach($endDateHistory as $key => $history)
                    @php $number = $key+1; @endphp
                    @if($number == 1)
                    @php $text = 'Original End Date'; @endphp
                    @else
                    @php $text = \Helpers::numberToWords($number).' Update' @endphp
                    @endif
                    <div class="row g-3 align-center">
                        <div class="col-lg-4">
                            <x-inputs.verticalFormLabel label="{{$number}}. {{$text}}" for="cce" />
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{date('d/M/Y', strtotime($history['date']))}}
                            </div>
                        </div>
                        @if($userRole=='team_lead')
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{$history['user']}}
                            </div>
                        </div>
                        @endif
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="modal-footer bg-light">
                <div class="row">
                    <div class="col-lg-12 p-0 text-right">
                        <button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Close</button>
                    </div>
                </div>
            </div>

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

<div class="modal fade zoom" tabindex="-1" id="modalFilterCampaignCustomers">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Filter</h5>
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            </div>
            <form role="form" class="mb-0" method="get" action="{{url('/campaign/edit/'.$campaign->id)}}">
                <!-- @csrf -->
                <div class="modal-body modal-body-lg">
                    <div class="gy-3">
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Region" for="region"
                                    suggestion="Specify the region" />
                            </div>
                            <div class="col-lg-7">
                                <select class="form-select form-select-sm" data-search="off"
                                    data-placeholder="Select Region" multiple name="region[]" id="region">
                                    <option disabled></option>
                                    @foreach($regions as $region)
                                    <option value="{{$region->name}}" @if(isset($filter['region']) && in_array($region->
                                        name, $filter['region'])) selected @endif>{{$region->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Area" for="area" suggestion="Specify the area" />
                            </div>
                            <div class="col-lg-7">
                                <select class="form-select form-select-sm" data-search="off"
                                    data-placeholder="Select Area" multiple name="area[]" id="area">
                                    <option disabled></option>
                                    @foreach($areas as $area)
                                    <option value="{{$area->name}}" @if(isset($filter['area']) && in_array($area->name,
                                        $filter['area'])) selected @endif>{{$area->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Dealer" for="dealer"
                                    suggestion="Specify the dealer." />
                            </div>
                            <div class="col-lg-7">
                                <select class="form-select form-select-sm" data-search="off"
                                    data-placeholder="Select Dealer" multiple name="dealer[]" id="campaignDealer">
                                    <option disabled></option>
                                    @foreach($dealers as $dealer)
                                    <option value="{{$dealer->service_center_name}}" @if(isset($filter['dealer']) &&
                                        in_array($dealer->service_center_name, $filter['dealer'])) selected
                                        @endif>{{$dealer->service_center_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Language" for="language"
                                    suggestion="Specify the language." />
                            </div>
                            <div class="col-lg-7">
                                <select class="form-select form-select-sm" data-search="off"
                                    data-placeholder="Select Language" multiple name="language[]" id="language">
                                    <option disabled></option>
                                    @foreach($languages as $language)
                                    <option value="{{$language->id}}" @if(isset($filter['language']) && in_array($language->id,
                                        $filter['language'])) selected @endif>{{$language->language_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <x-inputs.verticalFormLabel label="Segment" for="segment"
                                    suggestion="Specify the segment." />
                            </div>
                            <div class="col-lg-7">
                                <select class="form-select form-select-sm" data-search="off"
                                    data-placeholder="Select Segment" multiple name="segment[]" id="campaignSegment">
                                    <option disabled></option>
                                    @foreach($segments as $segment)
                                    <option value="{{$segment}}" @if(isset($filter['segment']) && in_array($segment,
                                        $filter['segment'])) selected @endif>{{$segment}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer bg-light">
                    <div class="row">
                        <div class="col-lg-12 p-0 text-right">
                            <button class="btn btn-outline-light" data-dismiss="modal"
                                aria-label="Close">Cancel</button>
                            <button class="btn btn-danger resetFilter" data-dismiss="modal" aria-label="Close">Clear
                                Filter</button>
                            <button class="btn btn-primary" type="submit">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade zoom" tabindex="-1" id="modalSendMail">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Select Mail</h5>
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            </div>
            <div class="modal-body modal-body-lg">
                <div class="gy-3">
                    <div class="row g-3 align-center">
                        <div class="col-lg-5">
                            <x-inputs.verticalFormLabel label="Mail Type" for="cce"
                                suggestion="Specify the mail type." />
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                <select class="form-select form-control" name="mail_type" id="mail_type"
                                    data-placeholder="Select" required>
                                    <option value="">Select Mail Type</option>
                                    <option value="first">Share Link</option>
                                    <option value="follow_up">Follow Up</option>
                                    <option value="thankyou">Thank You</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="row g-3" style="display: none;" id="mail_body">
						<div class="col-lg-5">
							<x-inputs.verticalFormLabel label="Mail Body" for="cce" suggestion="Specify the mail body." />
						</div>
						<div class="col-lg-7">
							<div class="form-group">
								<textarea class="form-control" id="fisrt_mail_body" rows="5" style="display: none;">{{$campaign->first_sms}}</textarea>
								<textarea class="form-control" id="follow_up_mail_body" rows="5" style="display: none;">{{$campaign->follow_up_sms}}</textarea>
								<textarea class="form-control" id="thankyou_mail_body" rows="5" style="display: none;">{{$campaign->thankyou_sms}}</textarea>
							</div>
						</div>
					</div> -->
                </div>
            </div>
            <div class="modal-footer bg-light">
                <div class="row">
                    <div class="col-lg-12 p-0 text-right">
                        <button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Cancel</button>
                        <button type="button" data-dismiss="modal" class="btn btn-primary"
                            onclick="send_mail({{$campaign->id}})" id="send_mail_btn" type="button">Send</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- <div class="modal fade zoom" tabindex="-1" id="modalSendMessage">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Select Message</h5>
				<a href="#" class="close" data-dismiss="modal" aria-label="Close">
					<em class="icon ni ni-cross"></em>
				</a>
			</div>
			<div class="modal-body modal-body-lg">
				<div class="gy-3">
					<div class="row g-3 align-center">
						<div class="col-lg-5">
							<x-inputs.verticalFormLabel label="Message Type" for="cce" suggestion="Specify the message type." />
						</div>
						<div class="col-lg-7">
							<div class="form-group">
								<select class="form-select form-control" name="message_type" id="message_type" data-placeholder="Select" required>
									<option value="">Select Message Type</option>
									<option value="first">Share Link</option>
									<option value="follow_up">Follow Up Message</option>
									<option value="thankyou">Thank You Message</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row g-3" id="mail_body">
						<div class="col-lg-5">
							<x-inputs.verticalFormLabel label="Mobile Number" for="cce" suggestion="Specify the mobile number." />
						</div>
						<div class="col-lg-7">
							<div class="form-group">
								<input class="form-control" name="mobile_number" id="mobile_number"></input>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer bg-light">
				<div class="row">
					<div class="col-lg-12 p-0 text-right">
						<button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Cancel</button>
						<button type="button" data-dismiss="modal" class="btn btn-primary" onclick="send_message({{$campaign->id}}, {{$customer->id}})" id="send_mail_btn" type="button">Send</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> -->
@endsection
@push('footerScripts')
<script src="{{url('js/tableFlow.js')}}"></script>
<script type="text/javascript">
var userRole = '{{$userRole}}';

function assign_customer(id) {
    var arr = [];
    $('input.cb-check:checkbox:checked').each(function() {
        arr.push($(this).val());
    });
    // console.log(arr);
    if (arr.length == 0) {
        Swal.fire("Please select the customer first!");
    } else {
        $('#customer').val(arr);
        $('#campaign_id').val(id);
        $('#modalAssignCustomer').modal('show');
    }
}

function send_mail(id) {
    var arr = [];
    $('input.cb-check:checkbox:checked').each(function() {
        arr.push($(this).val());
    });
    if (arr.length == 0) {
        Swal.fire("Please select the customer first!");
        return false;
    } else {
        Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes !'
        }).then((result) => {
            if (result.isConfirmed) {
                $('#customer').val(arr);
                $('#campaign_id').val(id);
                var mail_type = $('#mail_type').val();
                $.ajax({
                    url: '{{url(' / campaign / send - mail ')}}',
                    type: 'POST',
                    data: {
                        campaign_id: id,
                        customer_id: arr,
                        mail_type: mail_type
                    },
                    beforeSend: function(xhr) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    },
                }).done(function(response) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Mail Sent Successfully',
                    })
                    // $("#sendMail").attr("disabled", true);
                })
            }
        });
    }
}

function send_message(campaignId, customerId) {
    Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes !'
    }).then((result) => {
        if (result.isConfirmed) {
            var message_type = $('#mail_type').val();
            $.ajax({
                url: '{{url(' / campaign / send - message ')}}',
                type: 'POST',
                data: {
                    campaign_id: campaignId,
                    customer_id: customerId,
                    mobile_number: $('#mobile_number').val(),
                    message_type: message_type
                },
                beforeSend: function(xhr) {
                    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                        'content'));
                },
            }).done(function(response) {
                $('#mobile_number').val('');
                Swal.fire({
                    icon: 'success',
                    title: 'Message Sent Successfully',
                })
            })
        }
    });
}

// $("#mail_type").change(function() {
// 	if ($(this).val() == 'first') {
// 		$("#mail_body").show();
// 		$("#fisrt_mail_body").show();
// 		$("#follow_up_mail_body").hide();
// 		$("#thankyou_mail_body").hide();
// 	} else if ($(this).val() == 'follow_up') {
// 		$("#mail_body").show();
// 		$("#follow_up_mail_body").show();
// 		$("#fisrt_mail_body").hide();
// 		$("#thankyou_mail_body").hide();
// 	} else if ($(this).val() == 'thankyou') {
// 		$("#mail_body").show();
// 		$("#thankyou_mail_body").show();
// 		$("#fisrt_mail_body").hide();
// 		$("#follow_up_mail_body").hide();
// 	}
// })

$("#edit_end_date").click(function() {
    $(".end-date-label").hide();
    $(".end-date-field").show();
    $("#endDate").removeAttr("disabled");
    $("#save_end_date").show();
    $("#edit_end_date").hide();
    var date = "";
    console.log(date);
    $('#endDate').datepicker('setStartDate', date);
})

$(".resetFilter").click(function() {
    var campaign_id = $('#campaign_id').val();
    window.location.href = '{{url(' / campaign / edit / ')}}/' + campaign_id;
})

$("#save_end_date").click(function() {
    $(".end-date-label").show();
    $("#edit_end_date").show();
    $(".end-date-field").hide();
    $("#save_end_date").hide();
    var date = $("#endDate").val();
    var updatedEndDate = new Date(date);
    var formattedDate = updatedEndDate.toLocaleDateString('en-GB', {
        year: 'numeric',
        month: 'long',
        day: 'numeric'
    });
    $(".end-date-label").html(formattedDate);
    var campaign_id = $('#campaign_id').val();
    $.ajax({
        url: '{{url(' / campaign / update - date ')}}',
        type: 'POST',
        data: {
            date: date,
            campaign_id: campaign_id,
            '_token': $('input[name="_token"]').val()
        }
    }).done(function(response) {
        if (response.success) {
            Swal.fire({
                icon: 'success',
                title: 'Success',
                text: response.message
            })
            var html = '<div class="gy-3">';
            $.each(response.item, function(index, value) {
                var num = index + 1;
                if (num == 1) {
                    var text = 'Original End Date';
                } else {
                    var text = numberToWords(num) + ' Update';
                }
                html += '<div class="row g-3 align-center">';
                html += '<div class="col-lg-4">';
                html += '<label class="form-label" for="cce"/>' + num + '. ' + text +
                    '</label>';
                html += '</div>';
                html += '<div class="col-lg-4">';
                html += '<div class="form-group">' + value.date + '</div>';
                html += '</div>';
                if (userRole == 'team_lead') {
                    html += '<div class="col-lg-4">';
                    html += '<div class="form-group">' + value.user + '</div>';
                    html += '</div>';
                };
                html += '</div>';

            });
            html += '</div>';
            $("#modalEndDateHistory .modal-body").html(html);
        } else {
            Swal.fire({
                icon: 'error',
                title: 'Error',
                text: response.message
            })
        }
    })
})


function change_campaign_status(status, campaignId) {
    var root_url = "