@extends('layouts.admin')

@section('content')
    <!--App-Content-->
    <div class="app-content my-3 my-md-5 profile-1">
        <div class="side-app">
            <x-page.header>Course evaluation survey</x-page.header>
            @include('admin.errors.form-errors')
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title">
                                Add New Survey
                            </h5>
                        </div>
                        <div class="card-body">
                            <form action="{{route('admin.evaluation_survey.create.selectCourses')}}" method="post" id="create_new_survey_form">
                                @csrf
                                <div id="loading_section" class="d-none"
                                    style="border-radius:5px;background:#ef9230;z-index:100;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%">
                                    <div class="dimmer active" style="margin-top: 300px">
                                        <div class="lds-ring">
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <div class="col-md-1">
                                        <label for="name" class="">Session</label>
                                    </div>
                                    <div class="col-md-10">
                                        <input id="name" type="text" class="form-control" name="name"
                                            value="" required autocomplete="name" autofocus>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <div class="col-md-1">
                                        <label for="description" class="">Description</label>
                                    </div>
                                    <div class="col-md-10">
                                        <div class="form-group">
                                            <textarea class="content2" name="description" id="description"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-4">
                                    <label for="start_date" class="col-md-1">From</label>
                                    <div class="col-md-5">
                                        <input id="start_date" type="date" class="form-control" name="start_date"
                                            value="" required>
                                    </div>
                                    <label for="end_date" class="col-md-1">To</label>
                                    <div class="col-md-4">
                                        <input id="end_date" type="date" class="form-control" name="end_date"
                                            value="" required>
                                        <span class="text-danger d-none fw-bold" id="end_date_error">
                                            *end date must be a date after start date
                                        </span>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <label for="type" class="col-md-1">Type</label>
                                    <div class="col-md-10">
                                        <select name="type" id="type" class="form-control" disabled>
                                            {{-- <option value="1">Course Selection</option> --}}
                                            <option value="2">Evaluation Survey</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <label for="type" class="col-md-1">Education System</label>
                                    <div class="col-md-10">
                                        <select name="esid" id="esid" class="form-control">
                                            @foreach ($education_systems as $system)
                                                <option value="{{$system->esid}}">{{$system->esname}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div id="mandatory_container">
                                    <div class="row mb-5">
                                        <div class="col-md-2">
                                            <label for="mandatory" class="form-label mt-2">Mandatory</label>
                                            <label class="form-swich">
                                                <input type="checkbox" id="mandatory" name="mandatory"
                                                    class="form-switch-input">
                                                <span class="form-switch-indicator"></span>
                                                <span class="form-switch-description"></span>
                                            </label>
                                        </div>

                                        <div class="col-md-9 d-none" id="skip_count_container">
                                            <label for="skip_end_date" class="form-label mt-2">Skip end date</label>
                                            <input id="skip_end_date" type="date"
                                                class="form-control" name="skip_end_date" value=""
                                                autocomplete="skip_end_date">
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <label for="access" class="col-md-1">Access</label>
                                    <div class="col-md-10">
                                        <select name="access" id="access" class="form-control select2-show-search ">
                                            <option value="0">internal</option>
                                            <option value="1">external</option>
                                            <option value="2">both</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-5">
                                    <div class="col-md-6 mb-5">
                                        <label for="active" class="form-label mt-2">Active</label>
                                        <label class="form-swich">
                                            <input type="checkbox" id="active" name="is_active"
                                                class="form-switch-input" checked>
                                            <span class="form-switch-indicator"></span>
                                            <span class="form-switch-description"></span>
                                        </label>
                                    </div>
                                    <div class="col-md-6 mb-5 text-start">
                                        <label for="approved" class="form-label mt-2">Approved</label>
                                        <label class="form-swich">
                                            <input type="checkbox" id="approved" name="approved"
                                                class="form-switch-input" checked>
                                            <span class="form-switch-indicator"></span>
                                            <span class="form-switch-description"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="">
                                    <button id="create_new_survey_btn" type="submit"
                                        class="btn btn-primary d-block mx-auto w-25">
                                        Next
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    {{-- <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Surveys List</h3>
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <div class="wideget-user-tab mb-6">
									<div class="tab-menu-heading">
										<div class="tabs-menu1">
											<ul class="nav mb-4 justify-content-center">
                                                <li class="ms-0">
                                                    <a class="nav-link active" data-bs-toggle="tab" href="#kt_tab_pane_1">Open
                                                        Surveys</a>
                                                </li>
                                                <li class="ms-0">
                                                    <a class="nav-link" data-bs-toggle="tab" href="#kt_tab_pane_2">Closed Surveys</a>
                                                </li>
											</ul>
										</div>
									</div>
                                </div>
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="kt_tab_pane_1" role="tabpanel">
                                        <table
                                            class="table table-striped table-bordered table-vcenter text-nowrap usersList">
                                            <thead>
                                                <tr class="text-center">
                                                    <th>Id</th>
                                                    <th>Name</th>
                                                    <th>Description</th>
                                                    <th>Start date</th>
                                                    <th>End date</th>
                                                    <th>Skip end date</th>
                                                    <th>Participants</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $count = 1;
                                                @endphp
                                                @foreach ($surveys as $key => $survey)
                                                    @php
                                                        $survey_end_date = \Carbon\Carbon::parse($survey->end_date);
                                                        $survey_end_data = $survey_end_date->toDateString();
                                                    @endphp
                                                    @if ($survey_end_date->gte(\Carbon\Carbon::now()->format('Y-m-d')))
                                                        <tr class="text-center">
                                                            <td>{{ $count++ }}</td>
                                                            <td>
                                                                {{ Str::limit($survey->name, 30) }}
                                                                @if (strlen($survey->name) > 30)
                                                                    <i class="mdi mdi-information-outline leading-loose"
                                                                        data-bs-toggle="tooltip" data-bs-placement="right"
                                                                        title=""
                                                                        data-bs-original-title="{{ $survey->name }}"></i>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <i class="mdi mdi-information-outline leading-loose"
                                                                    data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                                    title="" data-bs-html="true"
                                                                    data-bs-original-title="{{ $survey->description }}"></i>
                                                            </td>
                                                            <td>{{ date('Y-m-d', strtotime($survey->start_date)) }}</td>
                                                            <td>{{ date('Y-m-d', strtotime($survey->end_date)) }}</td>
                                                            <td>{{ $survey->skip_end_date }}</td>
                                                            <td>{{ $survey->participants }}</td>
                                                            <td>
                                                                <span
                                                                    class="badge badge-{{ $survey->mandatory ? 'danger' : 'success' }}">{{ $survey->mandatory ? 'mandatory' : 'optional' }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->is_active ? 'success' : 'danger' }}">{{ $survey->is_active ? 'active' : 'inActive' }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->access ? 'primary' : 'info' }}">{{ $survey->access == 1 ? 'external' : ($survey->access == 0 ? 'internal' : 'both') }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->approved ? 'success' : 'danger' }}">{{ $survey->approved ? 'approved' : 'declined' }}</span>
                                                            </td>
                                                            <td>
                                                                <div>
                                                                    @php
                                                                        $survey_end_date = \Carbon\Carbon::parse($survey->end_date);
                                                                    @endphp
                                                                    <button type="button"
                                                                        value="{{ $survey->admin_hash }}"
                                                                        class="modal-effect btn btn-outline-light btn-sm waves-effect waves-light edit"
                                                                        data-bs-effect="effect-sign"
                                                                        data-bs-toggle="modal"
                                                                        data-bs-original-title="Edit"
                                                                        data-bs-target="#edit"><i
                                                                        class="fa fa-edit fs-16"></i> Edit</button>

                                                                    <a onclick="copy_the_url('{{ $survey->public_url }}')"
                                                                        target="_blank"
                                                                        class="btn btn-primary btn-sm waves-effect waves-light"
                                                                        style='visibility:{{ $survey->access == 0 ? 'hidden' : 'block' }}'>
                                                                        <span class="mdi mdi-content-copy"></span> Copy
                                                                    </a>

                                                                    <a  href="{{ $survey->admin_url.'/reports' }}"
                                                                        target="_blank"
                                                                        class="btn btn-success btn-sm waves-effect waves-light">
                                                                        <span class="mdi mdi-eye-outline"></span> View
                                                                    </a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane fade" id="kt_tab_pane_2" role="tabpanel">
                                        <table
                                            class="table table-striped table-bordered table-vcenter text-nowrap usersList">
                                            <thead>
                                                <tr class="text-center">
                                                    <th>Id</th>
                                                    <th>Name</th>
                                                    <th>Description</th>
                                                    <th>Start date</th>
                                                    <th>End date</th>
                                                    <th>Skip end date</th>
                                                    <th>Participants</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $count = 1;
                                                @endphp
                                                @foreach ($surveys as $key => $survey)
                                                    @php
                                                        $survey_end_date = \Carbon\Carbon::parse($survey->end_date);
                                                        $survey_end_data = $survey_end_date->toDateString();
                                                    @endphp
                                                    @if (!$survey_end_date->gte(\Carbon\Carbon::now()->format('Y-m-d')))
                                                    <tr class="text-center">
                                                        <td>{{ $count++ }}</td>
                                                        <td>
                                                                {{ Str::limit($survey->name, 30) }}
                                                                @if (strlen($survey->name) > 30)
                                                                    <i class="mdi mdi-information-outline leading-loose"
                                                                        data-bs-toggle="tooltip" data-bs-placement="right"
                                                                        title=""
                                                                        data-bs-original-title="{{ $survey->name }}"></i>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <i class="mdi mdi-information-outline leading-loose"
                                                                    data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                                    title="" data-bs-html="true"
                                                                    data-bs-original-title="{{ $survey->description }}"></i>
                                                            </td>
                                                            <td>{{ date('Y-m-d', strtotime($survey->start_date)) }}</td>
                                                            <td>{{ date('Y-m-d', strtotime($survey->end_date)) }}</td>
                                                            <td>{{ $survey->skip_end_date }}</td>
                                                            <td>{{ $survey->participants }}</td>
                                                            <td>
                                                                <span
                                                                    class="badge badge-{{ $survey->mandatory ? 'danger' : 'success' }}">{{ $survey->mandatory ? 'mandatory' : 'optional' }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->is_active ? 'success' : 'danger' }}">{{ $survey->is_active ? 'active' : 'inActive' }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->access ? 'primary' : 'info' }}">{{ $survey->access == 1 ? 'external' : ($survey->access == 0 ? 'internal' : 'both') }}</span>
                                                                <span
                                                                    class="badge badge-{{ $survey->approved ? 'success' : 'danger' }}">{{ $survey->approved ? 'approved' : 'declined' }}</span>
                                                            </td>
                                                            <td>
                                                                <div>
                                                                    <a  href="{{ $survey->admin_url }}"
                                                                        target="_blank"
                                                                        class="btn btn-success btn-sm waves-effect waves-light">
                                                                        <span class="mdi mdi-eye-outline"></span> View
                                                                    </a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div> --}}

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


    {{-- <div class="modal fade effect-sign show bg-light" id="edit" tabdocumentation="-1" role="dialog"
        aria-hidden="true">
        <div class="modal-dialog modal-lg shadow" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="example-Modal3">Edit Survey</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="post" id="edit_survey_form">
                        @csrf
                        <input type="hidden" name="created_by" value="{{ auth()->id() }}">
                        <input type="hidden" name="platform" value="1">
                        <div class="row mb-5">
                            <div class="col-md-1">
                                <label for="edit_name" class="">Name</label>
                            </div>
                            <div class="col-md-10">
                                <input id="edit_name" type="text" class="form-control" name="name" required>
                            </div>
                        </div>
                        <div class="row mb-5">
                            <div class="col-md-1">
                                <label for="description" class="">Description</label>
                            </div>
                            <div class="col-md-10">
                                <div class="form-group">
                                    <textarea class="content" form="edit_survey_form" name="description" id="edit_description"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="edit_start_date" class="col-md-1">From</label>
                            <div class="col-md-5">
                                <input id="edit_start_date" type="date" class="form-control" name="start_date"
                                    required>
                            </div>
                            <label for="end_date" class="col-md-1">To</label>
                            <div class="col-md-4">
                                <input id="edit_end_date" type="date" class="form-control" name="end_date" required>
                                <span class="text-danger d-none fw-bold" id="edit_end_date_error">
                                    *end date must be a date after start date
                                </span>
                            </div>
                        </div>
                        <div class="row mb-5">
                            <label for="edit_type" class="col-md-1">Type</label>
                            <div class="col-md-10">
                                <select name="type" id="edit_type" class="form-control">
                                    <option value="1" selected>Course selection</option>
                                </select>
                            </div>
                        </div>
                        <div id="edit_mandatory_container">
                            <div class="row mb-5">
                                <div class="col-md-2">
                                    <label for="edit_mandatory" class="form-label mt-2">Mandatory</label>
                                    <label class="form-swich">
                                        <input type="checkbox" id="edit_mandatory" name="mandatory"
                                            class="form-switch-input">
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description"></span>
                                    </label>
                                </div>

                                <div class="col-md-9 d-none" id="edit_skip_end_date_container">
                                    <label for="edit_skip_end_date" class="form-label mt-2">Skip end date</label>
                                    <input id="edit_skip_end_date" type="date"
                                        class="form-control" name="skip_end_date" value=""
                                        autocomplete="edit_skip_end_date">
                                </div>
                            </div>
                        </div>
                        <div class="row mb-5">
                            <label for="edit_access" class="col-md-1">Access</label>
                            <div class="col-md-10">
                                <select name="access" id="edit_access" class="form-control select2-show-search ">
                                    <option value="0">internal</option>
                                    <option value="1">external</option>
                                    <option value="2">both</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-5">
                            <div class="col-md-4 mb-5">
                                <label for="edit_active" class="form-label mt-2">Active</label>
                                <label class="form-swich">
                                    <input type="checkbox" id="edit_active" name="is_active" class="form-switch-input">
                                    <span class="form-switch-indicator"></span>
                                    <span class="form-switch-description"></span>
                                </label>
                            </div>
                            <div class="col-md-4 mb-5 text-start">
                                <label for="edit_approved" class="form-label mt-2">Approved</label>
                                <label class="form-swich">
                                    <input type="checkbox" id="edit_approved" name="approved" class="form-switch-input">
                                    <span class="form-switch-indicator"></span>
                                    <span class="form-switch-description"></span>
                                </label>
                            </div>
                        </div>
                        <div class="">
                            <button id="edit_survey_btn" type="submit" class="btn btn-primary d-block mx-auto w-25">
                                Update
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div> --}}
@endsection
@section('admin-js')
    <!-- WYSIWYG Editor js -->
    <script src="{{ env('SECURE_ASSETS') . '/plugins/wysiwyag/jquery.richtext.js' }}"></script>
    {{-- <script src="{{env('SECURE_ASSETS').'/js/formeditor.js'}}"></script> --}}
    <script src="{{ env('SECURE_ASSETS') . '/js/formeditor-1.js' }}"></script>
    {{-- Copy the Url --}}
    <script>
        function copy_the_url(value) {
            navigator.clipboard.writeText(value)
                .then(() => {
                    notif({
                        type: "success",
                        msg: 'Link Copied!',
                        position: "right",
                        opacity: 0.8,
                        autohide: true
                    });
                })
                .catch(err => {
                    notif({
                        type: "error",
                        msg: 'Error with coping.',
                        position: "right",
                        opacity: 0.8,
                        autohide: true
                    });
                });
        }
    </script>
    {{-- draw all data tables --}}
    <script>
        $(document).ready(function(){
            $('.usersList').dataTable( {
                "drawCallback": function( settings ) {
                }
            })
        })
    </script>
    {{-- create new survey --}}
    <script>
        $(document).ready(function() {

            // if mandatory selected
            // create new survey
            $("#mandatory").change(function() {
                if ($(this).is(':checked')) {
                    $('#skip_count_container').removeClass('d-none')
                    $('#skip_end_date').attr('required', true)
                } else {
                    $('#skip_count_container').addClass('d-none')
                    $('#skip_end_date').attr('required', false)
                }
            });

            $("#access").change(function() {
                if ($(this).val() == 0 || $(this).val() == 2) {
                    $('#mandatory_container').removeClass('d-none')
                } else {
                    $('#mandatory_container').addClass('d-none')
                }
            });


            $("#end_date").change(function() {
                var start_date = $('#start_date').val();
                if (start_date > $(this).val()) {
                    $('#end_date_error').removeClass('d-none')
                } else {
                    $('#end_date_error').addClass('d-none')
                }
            });

            // jQuery('body').on('submit', '#create_new_survey_form', function(e) {
            //     e.preventDefault()
            //     var name = $('#name').val();
            //     var start_date = $('#start_date').val();
            //     var end_date = $('#end_date').val();
            //     var type = $('#type').val();
            //     var edsid = $('#edsid').val();
            //     var description = $('#description').val();
            //     var skip_end_date = $('#skip_end_date').val();
            //     var access = $('#access').val();
            //     var active = $('#active').is(':checked') ? 1 : 0;
            //     var mandatory = $('#mandatory').is(':checked') ? 1 : 0;
            //     var approved = $('#approved').is(':checked') ? 1 : 0;

            //     if (start_date > end_date) {
            //         $('#create_new_survey_btn').attr('disabled', false)
            //         $('#end_date_error').removeClass('d-none')
            //         return false
            //     }
            //     data = {
            //         name: name,
            //         start_date: start_date,
            //         end_date: end_date,
            //         type: type,
            //         skip_end_date: skip_end_date,
            //         access: access,
            //         is_active: active,
            //         mandatory: mandatory,
            //         approved: approved,
            //         description: description,
            //         platform: 1,
            //         created_by: {{ auth()->id() }}
            //     }
            //     $.ajaxSetup({
            //         headers: {
            //             'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            //         }
            //     });
            //     $.ajax({
            //         url: "{{ route('admin.survey.store') }}",
            //         data: data,
            //         type: 'POST',
            //         beforeSend: function() {
            //             $('#create_new_survey_btn').attr('disabled', true)
            //             $('#loading_section').removeClass('d-none')
            //             $('#create_new_survey_btn').html(
            //                 `
            //             Creating
            //             <div class="progress progress-md mb-3">
            //                 <div class="progress-bar progress-bar-indeterminate progress-bar-striped " style="background:#8c2828"></div>
            //             </div>
            //             `
            //             )
            //         },
            //         success: function(response) {
            //             if (response.status === 'validation-error') {
            //                 notif({
            //                     type: "error",
            //                     msg: response.message,
            //                     position: "center",
            //                     opacity: 0.8,
            //                     autohide: true
            //                 });
            //                 $('#create_new_survey_btn').attr('disabled', false)
            //                 $('#loading_section').addClass('d-none')
            //                 $('#create_new_survey_btn').html(
            //                     `
            //                 Submit
            //                 `
            //                 )
            //             } else if (response.status === 'error') {
            //                 notif({
            //                     type: "error",
            //                     msg: 'Something went wrong',
            //                     position: "center",
            //                     opacity: 0.8,
            //                     autohide: true
            //                 });
            //                 $('#create_new_survey_btn').attr('disabled', false)
            //                 $('#loading_section').addClass('d-none')
            //                 $('#create_new_survey_btn').html(
            //                     `
            //                 Submit
            //                 `
            //                 )
            //             } else {
            //                 notif({
            //                     type: "success",
            //                     msg: 'Survey created successfully',
            //                     position: "center",
            //                     opacity: 0.8,
            //                     autohide: true
            //                 });
            //                 setTimeout(function() {
            //                     location.reload();
            //                 }, 1000);
            //             }
            //         },
            //         error: function(error) {
            //             notif({
            //                 type: "error",
            //                 msg: 'Something went wrong',
            //                 position: "center",
            //                 opacity: 0.8,
            //                 autohide: true
            //             });
            //             setTimeout(function() {
            //                 location.reload();
            //             }, 1000);
            //         }
            //     });

            // });
        })
    </script>

    {{-- update survey --}}
    <script>
        $("#edit_mandatory").change(function() {
            if ($(this).is(':checked')) {
                $('#edit_skip_end_date_container').removeClass('d-none')
                $('#edit_skip_end_date').attr('required', true)
            } else {
                $('#edit_skip_end_date_container').addClass('d-none')
                $('#edit_skip_end_date').attr('required', false)
            }
        });

        $("#edit_access").change(function() {
            if ($(this).val() == 0 || $(this).val() == 2) {
                $('#edit_mandatory_container').removeClass('d-none')
                $('#edit_skip_end_date').attr('required', true)
            } else {
                $('#edit_mandatory_container').addClass('d-none')
                $('#edit_skip_end_date').attr('required', false)
            }
        });

        $("#edit_end_date").change(function() {
            var start_date = $('#edit_start_date').val();
            if (start_date > $(this).val()) {
                $('#edit_end_date_error').removeClass('d-none')
            } else {
                $('#edit_end_date_error').addClass('d-none')
            }
        });

        function dateFormat(date) {
            var formatted_date = new Date(date)
            var offset = formatted_date.getTimezoneOffset()
            formatted_date = new Date(formatted_date.getTime() - (offset * 60 * 1000))
            return formatted_date.toISOString().slice(0, 10)
        }

        jQuery('body').on('click', '.edit', function() {
            var survey_id = $(this).attr('value');
            var editUrl = "{{ route('api.admin.survey.edit', ':survey_id') }}"
            var updateUrl = "{{ route('api.admin.survey.update', ':survey_id') }}";
            editUrl = editUrl.replace(':survey_id', survey_id)
            updateUrl = updateUrl.replace(':survey_id', survey_id)
            // console.log(updateUrl);
            // console.log(editUrl);

            $.get(editUrl, function(response) {
                // console.log(response);
                var survey_data = JSON.parse(response[0]);
                console.log(survey_data);
                var is_open = response[1];

                $('#edit_name').val(survey_data.name);
                $('#edit_description').val(survey_data.description);
                $('#edit_start_date').val(dateFormat(survey_data.start_date)).change();
                $('#edit_end_date').val(dateFormat(survey_data.end_date)).change();
                $('#edit_skip_end_date').val(survey_data.skip_end_date);
                $('#edit_access').val(survey_data.access).change();

                survey_data.is_active == 1 ? $('#edit_active').attr("checked", true) : $('#edit_active')
                    .attr("checked", false);
                survey_data.mandatory == 1 ? $('#edit_mandatory').attr("checked", true) : $(
                    '#edit_mandatory').attr("checked", false);
                survey_data.approved == 1 ? $('#edit_approved').attr("checked", true) : $('#edit_approved')
                    .attr("checked", false);

                jQuery('.richText-editor').html(survey_data.description);

                // console.log(response[1]);
                // response[1].length == 0 ? $('#edit_skip_end_date').attr("disabled", false) : $(
                //     '#edit_skip_end_date').attr("disabled", true);

                $('#edit_survey_form').attr('action', updateUrl);

            })
        });
    </script>
@endsection