@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>
                @if($surveyDetail->survey_status == 'Partially filled') Edit @else Add @endif Response
            </h3>
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="nk-block">
    <div class="row g-3">
        <div class="col-md-6">
            <div class="accordion">
                <div class="accordion-item">
                    <a href="#" class="accordion-head collapsed" data-toggle="collapse"
                        data-target="#survey_details_accordion">
                        <h6 class="title">Survey Details</h6>
                        <span class="accordion-icon"></span>
                    </a>
                    <div class="accordion-body collapse" id="survey_details_accordion">
                        <div class="accordion-inner">
                            <ul class="details-list">
                                <li>
                                    <div class="left">Campaign Name</div>
                                    <div class="right">
                                        {{ $campaign->campaign_name }}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Customer Care Executive</div>
                                    <div class="right">
                                        {{ Auth::user()->name }}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Survey Start Date</div>
                                    <div class="right">
                                        {{ $campaign->start_date }}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Response Collection Mode</div>
                                    <div class="right">
                                        Call
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Survey Status</div>
                                    <div class="right">
                                        {{ $surveyDetail->survey_status }}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Team Lead</div>
                                    <div class="right">
                                        {{ $campaign->team_lead }}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Survey Completion Date</div>
                                    <div class="right">
                                        {{ $surveyDetail->survey_status }}
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="accordion">
                <div class="accordion-item">
                    <a href="#" class="accordion-head collapsed" data-toggle="collapse"
                        data-target="#touchpoint-wise-report">
                        <h6 class="title">Customer Detail</h6>
                        <span class="accordion-icon"></span>
                    </a>
                    <div class="accordion-body collapse" id="touchpoint-wise-report">
                        <div class="accordion-inner">
                            <ul class="details-list">
                                <li>
                                    <div class="left">Customer Name</div>
                                    <div class="right">
                                        {{$customer->customer_name}}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">Customer Type</div>
                                    <div class="right">
                                        {{$customer->customer_type!='' ? $customer->customer_type : 'NA'}}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">
                                        Language
                                    </div>
                                    <div class="right">
                                        {{$customer->customer_language!='' ? $customer->customer_language : 'NA'}}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">
                                        Segment
                                    </div>
                                    <div class="right">
                                        {{$customer->segment}}
                                    </div>
                                </li>

                                @if($customer->site_name != null)
                                <li>
                                    <div class="left">
                                        Site Name
                                    </div>
                                    <div class="right">
                                        {{$customer->site_name}}
                                    </div>
                                </li>
                                @endif
                                @if($customer->fleet_size != null)
                                <li>
                                    <div class="left">
                                        Fleet Size
                                    </div>
                                    <div class="right">
                                        {{$customer->fleet_size}}
                                    </div>
                                </li>
                                @endif
                                @if($customer->mode_of_support != null)
                                <li>
                                    <div class="left">
                                        Mode Of Support
                                    </div>
                                    <div class="right">
                                        {{$customer->mode_of_support}}
                                    </div>
                                </li>
                                @endif
                                <li>
                                    <div class="left">
                                        Region
                                    </div>
                                    <div class="right">
                                        {{$customer->region}}
                                    </div>
                                </li>
                                <li>
                                    <div class="left">
                                        Area
                                    </div>
                                    <div class="right">
                                        {{$customer->area}}
                                    </div>
                                </li>
                                @if($customer->dealer_name != null)
                                <li>
                                    <div class="left">
                                        Area
                                    </div>
                                    <div class="right">
                                        {{$customer->dealer_name}}
                                    </div>
                                </li>
                                @endif
                                <li>
                                    <div class="left">&nbsp;</div>
                                    <div class="right">&nbsp;</div>
                                </li>
                            </ul>
                            <!-- <div class="row g-4">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-label" for="organization">Organisation</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="form-group">
                                            <div class="form-control-wrap">
                                            <select class="form-select form-select-sm bg-white" name="company" data-search="off" data-placeholder="Select" disabled>
                                                <option value="">Select</option>
                                                @foreach($companies as $company)
                                                <option value="{{$company->company_id}}" @if($company->company_id==$customer->company_id) selected @endif>{{$company->company_name}}</option>
                                                @endforeach
                                            </select>
                                            </div>
                                        </div>
                                    </div>
                                </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card card-bordered">
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="form-label">Opening Script:</label>
                                <div class="mt-1">
                                    {{ $campaign->opening_script }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card card-bordered">
                <div class="card-body border-bottom">
                    <div class="card-title-group">
                        <div class="card-title">
                            <h6 class="title">Customer Contact</h6>
                        </div>
                    </div>
                </div>
                <form action="{{url('campaign/contact/update')}}" method="post" id="contact_form">
                    @csrf
                    <div class="card-body">
                        <table class="table table-bordered table-striped bg-white" id="contact_table">
                            <thead>
                                <tr class="nk-tb-item nk-tb-head">
                                    <th class="nk-tb-col"><span class="sub-text">Default Contact</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">Contact Name</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">Phone No.</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">WhatsApp No.</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">Email</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">Designation</span></th>
                                    <th class="nk-tb-col"><span class="sub-text">Language</span></th>
                                    <th class="nk-tb-col text-center" id="action-col-head"><span
                                            class="sub-text">Action</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <input type="hidden" class="form-control" id="customerId" name="customer_id"
                                    value="{{$customer->id}}" />
                                <input type="hidden" class="form-control" id="campaignId" name="customer_campaign_id"
                                    value="{{$campaign->id}}" />
                                @if(count($customerContacts)>0)
                                @foreach($customerContacts as $key => $customerContact)
                                <tr class="nk-tb-item">
                                    <td class="nk-tb-col nk-tb-col-check text-center">
                                        <div class="custom-control custom-control-sm custom-radio">
                                            <input type="radio" name="is_default" id="default_first_{{$key}}"
                                                value="{{$key}}" class="custom-control-input"
                                                @if($customerContact->is_default==1) checked @endif/>
                                            <label class="custom-control-label" for="default_first_{{$key}}"></label>
                                        </div>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="name_first" name="name[{{ $key }}]"
                                            value="{{$customerContact->name}}" data-contactindex="{{ $key }}"
                                            placeholder="Enter Name" @if($customerContact->is_default==1) readonly
                                        @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="number" class="form-control" id="phone_first"
                                            name="phone_number[{{ $key }}]" value="{{$customerContact->phone_number}}"
                                            placeholder="Enter phone" @if($customerContact->is_default==1) readonly
                                        @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="number" class="form-control" id="whatsapp_first"
                                            name="whatsapp_number[{{ $key }}]"
                                            value="{{$customerContact->whatsapp_number}}"
                                            placeholder="Enter Whatsapp Number" @if($customerContact->is_default==1)
                                        readonly @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="email" class="form-control" id="email_first"
                                            name="email[{{ $key }}]" value="{{$customerContact->email}}"
                                            placeholder="Enter Email" @if($customerContact->is_default==1) readonly
                                        @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="designation_first"
                                            name="designation[{{ $key }}]" value="{{$customerContact->designation}}"
                                            placeholder="Enter Designation" @if($customerContact->is_default==1)
                                        readonly @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="language_first"
                                            name="language[{{ $key }}]" value="{{$customerContact->language}}"
                                            placeholder="Enter Language" @if($customerContact->is_default==1) readonly
                                        @endif/>
                                    </td>
                                    <td class="nk-tb-col tb-col-md action-col-row text-center"></td>
                                </tr>
                                @endforeach
                                @else
                                <tr class="nk-tb-item">
                                    <td class="nk-tb-col nk-tb-col-check text-center">
                                        <div class="custom-control custom-control-sm custom-radio">
                                            <input type="radio" name="is_default" id="default_first_0" value="0"
                                                class="custom-control-input" checked />
                                            <label class="custom-control-label" for="default_first_0"></label>
                                        </div>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="name_first" name="name[0]"
                                            data-contactindex="0" placeholder="Enter Name" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="number" class="form-control" id="phone_first"
                                            name="phone_number[0]" placeholder="Enter phone" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="number" class="form-control" id="whatsapp_first"
                                            name="whatsapp_number[0]" placeholder="Enter Whatsapp Number" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="email" class="form-control" id="email_first" name="email[0]"
                                            placeholder="Enter Email" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="designation_first"
                                            name="designation[0]" placeholder="Enter Designation" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <input type="text" class="form-control" id="language_first" name="language[0]"
                                            placeholder="Enter Language" />
                                    </td>
                                    <td class="nk-tb-col tb-col-md action-col-row text-center"></td>
                                </tr>
                                @endif
                            </tbody>
                        </table>

                        <div class="row mt-2">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <button type="button" class="btn btn-primary btn-custom-icon-left"
                                        id="add_customer_contact"><em class="icon ni ni-plus"></em><span>Add
                                            Contact</span></button>
                                </div>
                            </div>
                            <div class="col-lg-6 text-right">
                                <div class="form-group">
                                    <!-- <a href="javascript:void(0)" class="btn btn-primary" id="customer_update">Update</a> -->
                                    <button type="submit" class="btn btn-primary">Update</button>
                                </div><!-- .col -->
                            </div><!-- .row -->
                        </div>
                    </div>
                </form>
            </div>
        </div>



        <div class="col-md-12">
            <div class="card card-bordered h-100">
                <div class="card-body border-bottom">
                    <div class="card-title-group">
                        <div class="card-title">
                            <h6 class="title">Call Attempts (<span
                                    id="total_call_attempt">{{count($callAttempts)}}</span>)</h6>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-lg-3">
                            <div class="row g-3 align-items-center">
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label class="form-label" for="call_attempt_status">Status <span
                                                class="text-danger">*</span></label>
                                    </div>
                                </div>
                                <div class="col-lg-9">
                                    <select class="form-control form-select" name="call_attempt_status"
                                        data-placeholder="Select Status" id="call_attempt_status"
                                        @if(isset($surveyDetail) && !is_null($surveyDetail->call_attempt_1_status))
                                        disabled @endif>
                                        <option value="">Select</option>
                                        @foreach(\config('constants.CALL_STATUS') as $call_status)
                                        <option value="{{ $call_status }}" @if(isset($surveyDetail) && $surveyDetail->
                                            call_attempt_1_status==$call_status) selected
                                            @endif>{{ $call_status }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4" id="call_back_time_box" style="display: none;">
                            <div class="row g-3 align-items-center">
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label class="form-label" for="call_back_time">Call Back Time <span
                                                class="text-danger">*</span></label>
                                    </div>
                                </div>
                                <div class="col-lg-9">
                                    <div class="d-flex gx-2">
                                        <div class="form-control-wrap w-50">
                                            <div class="form-icon form-icon-right">
                                                <em class="icon ni ni-calendar-alt"></em>
                                            </div>
                                            <input type="text" name="callback_time"
                                                value="{{ $surveyDetail->callback_datetime }}"
                                                class="form-control date-picker" id="call_back_date"
                                                placeholder="Call Back Date" />
                                        </div>
                                        <div class="form-control-wrap w-50">
                                            <input type="text" class="form-control time-picker" placeholder="Time"
                                                id="call_back_time">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4" id="call_attempt_remarks_box" style="display: none;">
                            <div class="row g-3">
                                <div class="col-lg-3">
                                    <div class="form-group mt-1">
                                        <label class="form-label" for="call_attempt_remarks">Remarks <span
                                                class="text-danger">*</span></label>
                                    </div>
                                </div>
                                <div class="col-lg-9">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <textarea class="form-control form-control-sm" id="call_attempt_remarks"
                                                name="call_attempt_remarks" placeholder="Write your remarks"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div class="form-group">
                                <button type="button" class="btn btn-primary" id="add_call_attempt"> Add</button>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-striped bg-white mt-4 mb-3" id="call_attempt_table">
                        <thead>
                            <tr class="nk-tb-item nk-tb-head">
                                <th class="nk-tb-col text-center w-1 nowrap"><span class="sub-text">Call Attempts</span>
                                </th>
                                <th class="nk-tb-col"><span class="sub-text">Date & Time</span></th>
                                <th class="nk-tb-col text-center"><span class="sub-text">Status</span></th>
                                <th class="nk-tb-col"><span class="sub-text">Call Back Time</span></th>
                                <th class="nk-tb-col"><span class="sub-text">Remark</span></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!$callAttempts->isEmpty())
                            @foreach($callAttempts as $key => $callAttempt)
                            @if($callAttempt->status == 'Contacted')
                            @php $statusClass = 'badge-success'; @endphp
                            @elseif($callAttempt->status == 'Phone Off' || $callAttempt->status == 'Phone Busy' ||
                            $callAttempt->status == 'Wrong Number' || $callAttempt->status == 'Denied Feedback')
                            @php $statusClass = 'badge-danger'; @endphp
                            @else
                            @php $statusClass = 'badge-warning'; @endphp
                            @endif
                            <tr class="nk-tb-item">
                                <td class="nk-tb-col tb-col-md text-center">
                                    {{$key+1}}
                                </td>
                                <td class="nk-tb-col tb-col-md">
                                    {{ date('d M Y H:i A', strtotime($callAttempt->created_at)) }}
                                </td>
                                <td class="nk-tb-col tb-col-md text-center">
                                    <span class="badge badge-pill {{$statusClass}}">{{ $callAttempt->status }}</span>
                                </td>
                                <td class="nk-tb-col tb-col-md">
                                    {{ $callAttempt->callback_date!=null ? date('d M Y h:i A', strtotime($callAttempt->callback_date.' '.$callAttempt->callback_time)) : '-' }}
                                </td>
                                <td class="nk-tb-col tb-col-md">
                                    <span>{{ $callAttempt->remark != null ? $callAttempt->remark : '-' }}</span>
                                </td>
                            </tr>
                            @endforeach
                            @else
                            <tr class="nk-tb-item" id="call_attempt_no_data">
                                <td class="nk-tb-col tb-col-md text-center dataTables_empty" colspan="5">
                                    <div><img width="300" src="{{url('images/empty_item.svg')}}" /></div>
                                    <h5>No records found.</h5>
                                </td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <form action="{{url('campaign/response/add')}}" method="POST" id="add-response-form">
        @csrf
        <input type="hidden" name="campaign_id" id="campaign_id" value="{{$campaign->id}}">
        <input type="hidden" name="customer_id" id="customer_id" value="{{$customer->id}}">
        <input type="hidden" name="survey_template_id" value="{{$campaign->survey_template_id}}">
        <div class="row g-3 pt-1">
            <div class="col-md-12">
                <div class="card card-bordered h-100" id="survey_response_box">
                    <div class="card-body border-bottom">
                        <div class="card-title-group">
                            <div class="card-title">
                                <h6 class="title">Survey Response</h6>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div id="error-message" class="error-text" style="display: none;">At least one option should be
                            selected.</div>

                        <div class="row g-3">
                            @foreach($questions as $key => $question)
                            @php
                            $question_no = $key+1;
                            @endphp
                            <div class="col-md-6">
                                @if(in_array($question->id, array_column($response, 'question_id')))
                                @php
                                $index = array_search($question->id, array_column($response, 'question_id'));
                                $cardColor = 'bg-primary-light';
                                if($response[$index]['option_colour'] == 'green'){
                                $cardColor = 'bg-success';
                                } elseif ($response[$index]['option_colour'] == 'red'){
                                $cardColor = 'bg-danger';
                                } elseif ($response[$index]['option_colour'] == 'yellow'){
                                $cardColor = 'bg-warning';
                                } elseif ($response[$index]['option_colour'] == 'black'){
                                $cardColor = 'bg-dark';
                                } else{
                                $cardColor = 'bg-primary-light';
                                }
                                @endphp
                                @else
                                @php
                                $cardColor = 'bg-primary-light';
                                @endphp
                                @endif
                                <div class="card card-bordered question-card h-100 {{$cardColor}}">
                                    <div class="card-header">
                                        <div class="card-title-group align-items-center">
                                            <div class="card-title">
                                                <h6 class="title">
                                                    <span class="question-no">Q.{{$question_no}}</span>
                                                    @php $q = $question->question; @endphp
                                                    @if(stripos($question->question, 'How likely is it that you will recommend') !== false)
                                                        @if($campaign->aftermarket_touch_point == 1)
                                                            @php $q = str_replace('< dealer name of dealership >', 'dealer '.$customer->workshop_name, $question->question); @endphp
                                                        @elseif($campaign->aftermarket_touch_point == 2)
                                                            @php $q = str_replace('< dealer name of dealership >', 'Volvos Site support', $question->question); @endphp
                                                        @elseif($campaign->aftermarket_touch_point == 3)
                                                            @php $q = str_replace('< dealer name of dealership >', 'Volvos services', $question->question); @endphp
                                                        @endif
                                                    @elseif(stripos($question->question, 'How likely is that you will prefer') !== false)
                                                        @if($campaign->aftermarket_touch_point == 1)
                                                            @php $q = str_replace('< visit Name of dealership >', 'visit '.$customer->workshop_name, $question->question); @endphp
                                                        @elseif($campaign->aftermarket_touch_point == 2)
                                                            @php $q = str_replace('< visit Name of dealership >', 'avail site support from Volvo', $question->question); @endphp
                                                        @elseif($campaign->aftermarket_touch_point == 3)
                                                            @php $q = str_replace('< visit Name of dealership >', 'avail services from Volvo', $question->question); @endphp
                                                        @endif
                                                    @endif
                                                    {{$q}}
                                                </h6>
                                            </div>
                                            <div class="card-tools">
                                                <span
                                                    class="badge badge-pill badge-info badge-sm">{{$question->commitment}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body g-2 pt-1 pb-2">
                                        <input type="hidden" name="question_id[]" value="{{$question->id}}">
                                        <!-- <div class="form-group mb-0 form-inline gx-2">
                                        <div>
                                            <h6 class="title">Question No</h6>
                                        </div>
                                        <div>
                                            <input type="number" class="form-control w-60px" id="question_no" name="question_no[]" placeholder="Enter" value="{{$question_no}}" readonly />
                                        </div>
                                        <input type="hidden" name="question_id[]" value="{{$question->id}}">
                                        <div class="flex-fill">
                                            <input type="text" class="form-control w-100" id="welcome_text" placeholder="Enter" value="{{$question->commitment}}" readonly />
                                        </div>
                                    </div> -->
                                        <div class="d-flex">
                                            <div class="mr-2">
                                                <label class="form-label nowrap" for="description_text">Description :
                                                </label>
                                            </div>
                                            <div class="flex-fill">
                                                {{$question->help_text}}
                                                <!-- <textarea class="form-control textarea-xs" value="" rows="2" id="description_text" readonly placeholder="Enter here">{{$question->question}}</textarea> -->
                                            </div>
                                        </div>
                                        <!-- @if($question->help_text == 1) -->
                                        <!-- <div class="d-flex">
                                            <div class="mr-2">
                                                <label class="form-label nowrap" for="description_text">Help Text :
                                                </label>
                                            </div>
                                            <div class="flex-fill">
                                                {{$question->help_text}}
                                            </div>
                                        </div> -->
                                        <!-- @endif -->
                                        <div class="form-group mb-0 form-inline gx-2">
                                            <div>
                                                <h6 class="title">Select Answer : </h6>
                                                <div class="d-flex gx-3">
                                                    @if($question->question_type == 'radio')
                                                    @foreach(explode(',', $question->options) as $key => $option)
                                                    @php
                                                    $checked = '';
                                                    $option_id = explode(',', $question->option_ids)[$key];
                                                    @endphp
                                                    @if(in_array($question->id, array_column($response, 'question_id')))
                                                    @php
                                                    $index = array_search($question->id, array_column($response,
                                                    'question_id'));
                                                    @endphp
                                                    @if($response[$index]['response'] == $option_id)
                                                    @php $checked = 'checked'; @endphp
                                                    @endif
                                                    @endif
                                                    <div>
                                                        <div class="custom-control custom-control-sm custom-radio">
                                                            <input type="radio" id="customRadio{{$option_id}}"
                                                                name="response[{{$question->id}}][]"
                                                                class="custom-control-input response-input"
                                                                value="{{$option_id}}" {{$checked}}>
                                                            <label class="custom-control-label"
                                                                for="customRadio{{$option_id}}">{{$option}}</label>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                    @if($question->question_type == 'checkbox')
                                                    @foreach(explode(',', $question->options) as $key => $option)
                                                    @php
                                                    $checked = '';
                                                    $option_id = explode(',', $question->option_ids)[$key];
                                                    @endphp
                                                    @if(in_array($question->id, array_column($response, 'question_id')))
                                                    @php
                                                    $index = array_search($question->id, array_column($response,
                                                    'question_id'));
                                                    @endphp
                                                    @if(in_array($option_id, explode(',',
                                                    $response[$index]['response'])))
                                                    @php $checked = 'checked'; @endphp
                                                    @endif
                                                    @endif
                                                    <div>
                                                        <div class="custom-control custom-control-sm custom-checkbox">
                                                            <input type="checkbox"
                                                                class="custom-control-input response-input"
                                                                name="response[{{$question->id}}][]"
                                                                id="customCheck2{{$option_id}}" value="{{$option_id}}"
                                                                {{$checked}}>
                                                            <label class="custom-control-label"
                                                                for="customCheck2{{$option_id}}">{{$option}}</label>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                    @if($question->question_type == 'select')
                                                    <div>
                                                        <select
                                                            class="form-select form-select-sm bg-white response-input"
                                                            name="response[{{$question->id}}][]" data-search="off"
                                                            data-placeholder="Select">
                                                            <option value="">Select</option>
                                                            @foreach(explode(',', $question->options) as $key =>
                                                            $option)
                                                            @php
                                                            $selected = '';
                                                            $option_id = explode(',', $question->option_ids)[$key];
                                                            @endphp
                                                            @if(in_array($question->id, array_column($response,
                                                            'question_id')))
                                                            @php
                                                            $index = array_search($question->id, array_column($response,
                                                            'question_id'));
                                                            @endphp
                                                            @if($response[$index]['response'] == $option_id)
                                                            @php $selected = 'selected'; @endphp
                                                            @endif
                                                            @endif
                                                            <option value="{{$option_id}}" {{$selected}}>{{$option}}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        @if($question->additional_textbox == 1)
                                        <div class="form-group mb-0">
                                            @php $remark = $textColour = $isRequired = ''; @endphp
                                            @if($question->textbox_mandatory == 1)
                                            @php $isRequired = 'required'; @endphp
                                            @endif
                                            @if(in_array($question->id, array_column($response, 'question_id')))
                                            @php
                                            $index = array_search($question->id, array_column($response,
                                            'question_id'));
                                            $remark = trim($response[$index]['response_remark']);
                                            @endphp
                                            @endif
                                            <textarea class="form-control textarea-xs response-input {{$textColour}}"
                                                name="response_remark[{{$question->id}}][]" value=""
                                                id="description_text" placeholder="Enter here"
                                                {{$isRequired}}>{{$remark}}</textarea>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card card-bordered h-100">
                    <div class="card-body border-bottom">
                        <div class="card-title-group">
                            <div class="card-title">
                                <h6 class="title">Final Comment</h6>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <textarea class="form-control" name="final_comment" id="finalComment" cols="20" rows="5"
                            placeholder="Type the final comments here">{{ $surveyDetail->final_comment }}</textarea>

                        <div class="form-inline gx-3 mt-3">
                            <div>
                                <div class="custom-control custom-control-sm custom-checkbox">
                                    <input type="checkbox" name="is_complaint" id="is_complaint" value="1"
                                        class="custom-control-input" @if(isset($surveyDetail) &&
                                        $surveyDetail->is_complaint==1) checked @endif/>
                                    <label class="custom-control-label" for="is_complaint">Save Final Comment as
                                        Complaint</label>
                                </div>
                            </div>
                            <div>
                                <select class="form-select form-select-sm bg-white response-input"
                                    name="complaint_category" id="complain_category" data-search="off"
                                    data-placeholder="Select Complaint Category" @if(isset($surveyDetail) &&
                                        $surveyDetail->is_complaint==1) '' @else disabled="true" @endif>
                                    <option value=""></option>
                                    @foreach($complaintCategories as $category)
                                    <option value="{{$category->id}}" @if(isset($surveyDetail) && $surveyDetail->
                                        category_id==$category->id) selected @endif>{{$category->category}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <select class="form-select form-select-sm bg-white response-input"
                                    name="complaint_sub_category" id="complaint_sub_category" data-search="off"
                                    data-placeholder="Select Complaint Sub-Category"  @if(isset($surveyDetail) &&
                                        $surveyDetail->is_complaint==1) '' @else disabled="true" @endif>
                                    <option value=""></option>
                                    @foreach($complaintSubCategories as $subCategory)
                                    <option value="{{$subCategory->id}}" @if(isset($surveyDetail) && $surveyDetail->
                                        sub_category_id==$subCategory->id) selected
                                        @endif>{{$subCategory->category}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="hr-line"></div>
                        <div class="row g-3">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label class="form-label" for="closingScript">Closing Script:</label>
                                    <div class="form-control-wrap mt-1">
                                        {{ $campaign->closing_script }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <label class="form-label nowrap" for="description_text">Status: </label>
                            </div>
                            <div class="w-200px">
                                <select class="form-select form-select-sm bg-white response-input" name="survey_status"
                                    data-search="off" data-placeholder="Select">
                                    <option value="">Select</option>
                                    @foreach(\config('constants.SURVEY_STATUS') as $status)
                                    <option value="{{$status}}" @if(isset($surveyDetail) && $surveyDetail->survey_status
                                        == $status) selected @endif>{{$status}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 text-right" id="button-div" @if(isset($surveyDetail) && $surveyDetail->survey_status == 'Feedback Collected') style="display: none;" @endif>
                <div class="mb-1">
                    <a href="javascript:history.back()" class="btn btn-outline-light">Cancel</a>
                    <input type="button" id="add-button" name="submit" value="Update Response"
                        class="btn btn-primary" />
                    <input type="submit" id="add-response-submit" style="display: none;" />
                </div>
            </div>
        </div>
    </form>
</div>

<script type="text/javascript">
var root_url = '