@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 generic 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 id="create_new_survey_form" action="">
                                <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="">Name</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="3">Generic selection</option>
                                        </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>
                                {{-- <input type="hidden" value="0" name="approved"> --}}
                                {{-- <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">
                                        Submit
                                    </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">Opened
                                                        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 }}"
                                                                            target="_blank"
                                                                            class="btn btn-success btn-sm waves-effect waves-light">
                                                                            <span class="mdi mdi-eye-outline"></span> View
                                                                        </a>

                                                                        <a  href="{{ route('admin.gensurvey.preview', $survey->admin_hash ) }}"
                                                                            {{-- target="_blank" --}}
                                                                            class="btn btn-success btn-sm waves-effect waves-light">
                                                                            <span class="mdi mdi-eye-outline"></span> Preview
                                                                        </a>

                                                                        @if($survey->is_active == 1)
                                                                            <a
                                                                                href="{{ route('admin.question.gensurvey.edit', [$survey->admin_hash,$survey->id]) }}"
                                                                                target="_blank"
                                                                                class="btn btn-outline-light btn-sm waves-effect waves-light">
                                                                                <i class="fa fa-edit fs-16"></i> Edit Questions
                                                                            </a>

                                                                        @else
                                                                            <a
                                                                                href="{{ route('admin.question.gensurvey.create', [$survey->admin_hash,$survey->id]) }}"
                                                                                target="_blank"
                                                                                class="btn btn-outline-light btn-sm waves-effect waves-light">
                                                                                <i class="fa fa-edit fs-16"></i> Create Questions
                                                                            </a>

                                                                        @endif


                                                                </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="2" selected>Geniric 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_count_container">
                                    <label for="edit_skip_count" class="form-label mt-2">Skip Count</label>
                                    <input id="edit_skip_count" type="number" min="0" step="1"
                                        class="form-control" name="skip_count" value=""
                                        autocomplete="edit_skip_count">
                                </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 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.gensurvey.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_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_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_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)

            $.get(editUrl, function(response) {
                // console.log(response);
                var survey_data = JSON.parse(response[0]);
                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();
                var date = new Date(survey_data.skip_end_date);
                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);

                $('#edit_skip_end_date').val(date.toISOString().split('T')[0]);


                if(survey_data.skip_end_date != null){
                    $('#edit_skip_end_date_container').removeClass('d-none');
                    $('#edit_skip_end_date').attr("disabled", false);
                }else{
                    $('#edit_skip_end_date_container').addClass('d-none');
                    $('#edit_skip_end_date').attr("disabled", true);
                }

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

            })
        });
    </script>
@endsection