@extends('layouts.layout')

@section('title', 'Create Alert')
<!-- @section('content') -->
@section('content')
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="{{ asset('css/bootstrap-datetimepicker.min.css') }}">
<div class="content-inner">
    <div class="dashboard-inner">
        <div class="dashboard-header">
            <h3>Send New Alerts</h3>
            <div class="d-flex justify-content-between">
                <a href="{{ url('/alerts') }}" class="btn my-0 mr-3">Back</a>
            </div>
        </div>
        <form action="{{ url('alerts/add-alerts-data') }}" onsubmit="return checkSubmitData()" method="POST" id="add_alert">
            @csrf
            <div class="custom-form-inner">
                <div class="custom-form-column fluid-column">
                    <div class="form-wrap form-wrap-custom">
                        <input type="text" placeholder=" " id="name" name="name" class="form-control"
                            @if ($alerts !='null' ) value="{{ $alerts->name }}" @endif>
                        <label for="name">Alert Name*</label>
                    </div>

                </div>
                <div class="custom-form-column">
                    <div class="form-wrap">
                        <label for="type">Type*</label>
                        <select name="type" id="type" name="type" class="form-select"
                            onchange="checkvalidation(this.value)">
                            <option value="">Select Type</option>
                            <option value="Reschedule Alert" @if ($alerts !='null' && $alerts->type == 'Reschedule Alert') selected @endif>
                                Reschedule Alert</option>
                            <option value="Cancellation Alert" @if ($alerts !='null' && $alerts->type == 'Cancellation Alert') selected @endif>
                                Cancellation Alert</option>
                            <option value="General Alert" @if ($alerts !='null' && $alerts->type == 'General Alert') selected @endif>General
                                Alert</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="custom-hr"></div>
            <div class="custom-form-inner">
                <div class="custom-form-column">
                    <div class="form-wrap">
                        <label for="franchise" id="franchise_lable">Select Franchise*</label>
                        <select name="franchise_id" id="franchise_id" class="form-select"
                            onchange="getvenue(this.value)" @if ($user_role_id !=1) disabled @endif>
                            @if ($user_role_id == 1)
                            <option value="">Select Franchise</option>
                            @foreach ($franchises as $franchise)
                            <option value="{{ $franchise->id }}"
                                @if ($alerts !='null' && $alerts->franchise_id == $franchise->id) selected @endif>{{ $franchise->name }}
                            </option>
                            @endforeach
                            @else
                            <option value="">Select Franchise</option>
                            @foreach ($franchises as $franchise)
                            <option value="{{ $franchise->id }}"
                                @if ($franchiseuser->franchise_id == $franchise->id) selected @endif>{{ $franchise->name }}
                            </option>
                            @endforeach
                            @endif
                        </select>
                    </div>

                    <div class="form-wrap">
                        <label for="classname" id="classnamelable">Select Class*</label>
                        <select name="class_name_id" id="classname" class="form-select">

                            <option value="">Select Class</option>
                            @if (!empty($classname))
                            @foreach ($classname as $classnames)
                            <option value="{{ $classnames->id }}"
                                @if (!empty($alerts->class_name_id) && $alerts->class_name_id == $classnames->id) selected @endif>{!! $classnames->type !!}
                                {!! !empty($classnames->term) ? $classnames->term['term_name'] : '' !!} {!! !empty($classnames->theme) ? $classnames->theme['class_theme_name'] : '' !!} {!! !empty($classnames->classage)
                                ? $classnames->classage['class_age_from'] . ' - ' . $classnames->classage['class_age_to']
                                : '' !!}
                            </option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="custom-form-column">
                    <div class="form-wrap">
                        <label for="venuedropdown" id="venuedropdownlable">Select Venue*</label>
                        <select name="venue_id" id="venuedropdown" class="form-select" onchange="getclass(this.value)">
                            @if (Auth::user()->role_id != 1)
                            <option value="">Select Venue</option>
                            @if ($venue)
                            @foreach ($venue as $venues)
                            <option value="{{ $venues->id }}">{{ $venues->name }}</option>
                            @endforeach
                            @endif
                            @else
                            <option value="">Select Venue</option>
                            @if (!empty($alerts) && $alerts != 'null' && !empty($alerts->venue->name))
                            <option value="{{ $alerts->venue_id }}" selected>{{ $alerts->venue->name }}
                            </option>
                            @endif
                            @endif
                        </select>
                    </div>
                </div>
            </div>
            <div class="custom-hr"></div>
            <div class="row">
                <div class="col-md-4 col-lg-3">
                    <div class="form-wrap">

                        <input class="styled-checkbox copy_text" type="checkbox" value="1" id="website_type"
                            name="website_type"
                            @if (Auth::user()->role_id != 1 &&
                        isset($websitepermission) &&
                        !empty($websitepermission) &&
                        $websitepermission->permission != 1) disabled @elseif(Auth::user()->role_id != 1 && !isset($websitepermission) && empty($websitepermission)) disabled @endif
                        @if ($alerts != 'null' && $alerts->website_type == '1') checked @endif>
                        <label class="styled-label" for="website_type">Website Notification</label>
                    </div>

                </div>
                <div class="col-md-8 col-lg-9">
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap form-wrap-custom ">
                                <input type="text" placeholder=" " id="website_alert_title"
                                    name="website_alert_title" class="form-control"
                                    @if ($alerts !='null' && $alerts->website_type == '1') value="{{ $alerts->website_alert_title }}" @else disabled @endif>
                                <label for="website_alert_title" id="website_alert_lable">Title</label>
                            </div>
                            <div class="form-wrap form-wrap-custom">
                                <textarea id="website_alert_text" cols="30" rows="10" name="website_alert_text" class="form-control"
                                    placeholder="" @if ($alerts !='null' && $alerts->website_type != '1') disabled @elseif($alerts == 'null') disabled @endif>
@if ($alerts != 'null') {{ $alerts->website_alert_text }} @endif
</textarea>
                                <label for="website_alert_text" id="website_alert_text_lable">Text</label>
                            </div>
                        </div>
                        <div class="custom-form-column">
                            <div
                                class="form-wrap datepicker date input-group style-input
                                @if (!empty($alerts->website_alert_startdate) && $alerts->website_alert_startdate != null) focus-active @endif">
                                <label for="website_alert_startdate" class="style-label"
                                    id="website_alert_startdate_lable">Start Date</label>
                                <input type="text" id="website_alert_startdate" name="website_alert_startdate"
                                    class="form-control datepicker-custom"
                                    onchange="select_website_alert_startdate(this.value)"
                                    @if ($alerts !='null' && $alerts->website_type == '1') value="@if ($alerts->website_alert_startdate != null){{ date('d/m/Y', strtotime($alerts->website_alert_startdate)) }} @endif"
                                @else disabled @endif
                                @if ($alerts != 'null' && $alerts->website_type != '1') disabled @elseif($alerts == 'null') disabled @endif>
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>

                        </div>
                        <div class="custom-form-column position-relative">
                            <div class="form-wrap form-wrap-custom class-timepicker custom-timepicker">
                                <input type="text" id="website_alert_starttime" name="website_alert_starttime"
                                    placeholder="" class="form-control"
                                    @if ($alerts !='null' && $alerts->website_type == '1') value="{{ $alerts->website_alert_starttime }}" @else disabled @endif>
                                <label for="website_alert_starttime" id="website_alert_starttime_lable">Start
                                    Time</label>
                                <div class="input-group-append">
                                    <i class="fas fa-clock"></i>
                                </div>

                            </div>
                        </div>

                        <div class="custom-form-column">
                            <div
                                class="form-wrap datepicker date input-group style-input @if (!empty($alerts->website_alert_enddate) && $alerts->website_alert_enddate != null) focus-active @endif">
                                <label for="website_alert_enddate" class="style-label"
                                    id="website_alert_enddate_lable">End Date</label>

                                <input type="text" id="website_alert_enddate"
                                    class="form-control datepicker-custom" name="website_alert_enddate"
                                    @if ($alerts !='null' && $alerts->website_type == '1') value="@if ($alerts->website_alert_enddate != null){{ date('d/m/Y', strtotime($alerts->website_alert_enddate)) }} @endif"
                                @else disabled @endif
                                onchange="select_website_alert_enddate(this.value)" >
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>

                        </div>
                        <div class="custom-form-column position-relative">
                            <div class="form-wrap form-wrap-custom class-timepicker custom-timepicker">
                                <input type="text" id="website_alert_endtime" name="website_alert_endtime"
                                    placeholder="" class="form-control"
                                    @if ($alerts !='null' && $alerts->website_type == '1') value="{{ $alerts->website_alert_endtime }}" @else disabled @endif>
                                <label for="website_alert_endtime" id="website_alert_endtime_lable">End Time</label>
                                <div class="input-group-append">
                                    <i class="fas fa-clock"></i>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="custom-hr"></div>
            <div class="row">
                <div class="col-md-4 col-lg-3">
                    <div class="form-wrap">

                        <input class="styled-checkbox copy_text" type="checkbox" value="1" id="sms_type"
                            name="sms_type" @if ($alerts !='null' && $alerts->sms_type == '1') checked @endif
                        @if (Auth::user()->role_id != 1 && isset($smspermission) && !empty($smspermission) && $smspermission->permission != 1) disabled @elseif(Auth::user()->role_id != 1 && !isset($smspermission) && empty($smspermission)) disabled @endif>
                        <label class="styled-label" for="sms_type">SMS Text Message</label>
                    </div>
                </div>
                <div class="col-md-8 col-lg-9">
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap form-wrap-custom">
                                <textarea name="sms_alert_text" id="sms_alert_text" cols="30" rows="10" class="form-control"
                                    placeholder="" @if ($alerts !='null' && $alerts->sms_type != '1') disabled @elseif($alerts == 'null') disabled @endif>
@if ($alerts != 'null'){{ $alerts->sms_alert_text }}@endif
</textarea>
                                <label for="sms_alert_text" id="sms_alert_text_lable">Text</label>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="custom-hr"></div>
            <div class="row">
                <div class="col-md-4 col-lg-3">
                    <div class="form-wrap">

                        <input class="styled-checkbox copy_text" type="checkbox" value="1" id="email_type"
                            name="email_type" @if ($alerts !='null' && $alerts->email_type == '1') checked @endif
                        @if (Auth::user()->role_id != 1 &&
                        isset($emailpermission) &&
                        !empty($emailpermission) &&
                        $emailpermission->permission != 1) disabled @elseif(Auth::user()->role_id != 1 && !isset($emailpermission) && empty($emailpermission)) disabled @endif>
                        <label class="styled-label" for="email_type">Email Body</label>
                    </div>

                </div>
                <div class="col-md-8 col-lg-9">
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap form-wrap-custom ">
                                <input type="text" placeholder=" " disabled id="email_alert_subject" name="email_alert_subject" class="form-control">
                                <label for="email_alert_subject" id="email_alert_subject_lable">Subject</label>
                            </div>

                            <div class="form-wrap form-wrap-custom">
                                <textarea name="email_alert_text" id="email_alert_text"  @if ($alerts=='null' ) disabled @elseif($alerts !='null' && $alerts->email_type != '1') disabled @endif>@if ($alerts != 'null'){{ $alerts->email_alert_text }}@endif</textarea>
                                <span id="email_alert_text_error" class="error"><span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="custom-hr"></div>
            <div class="row">
                <div class="col-md-4 col-lg-3">
                    <div class="form-wrap">

                        <input class="styled-checkbox copy_text" type="checkbox" value="1"
                            id="user_account_type" name="user_account_type"
                            @if ($alerts !='null' && $alerts->user_account_type == '1') checked @endif
                        @if (Auth::user()->role_id != 1 &&
                        isset($accountpermission) &&
                        !empty($accountpermission) &&
                        $accountpermission->permission != 1) disabled @elseif(Auth::user()->role_id != 1 && !isset($accountpermission) && empty($accountpermission)) disabled @endif>
                        <label class="styled-label" for="user_account_type">User Account</label>
                    </div>

                </div>
                <div class="col-md-8 col-lg-9">
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap form-wrap-custom">
                                <input type="text" placeholder=" " id="user_account_alert_title"
                                    name="user_account_alert_title" class="form-control"
                                    @if ($alerts !='null' && $alerts->user_account_type == '1') value="{{ $alerts->user_account_alert_title }}" @else disabled @endif>
                                <label for="user_account_alert_title"
                                    id="user_account_alert_title_lable">Title</label>
                            </div>
                            <div class="form-wrap form-wrap-custom">
                                <textarea name="user_account_alert_text" id="user_account_alert_text" cols="30" rows="10"
                                    class="form-control" placeholder=""
                                    @if ($alerts=='null' ) disabled @elseif($alerts !='null' && $alerts->user_account_type != '1') disabled @endif>
@if ($alerts != 'null'){{ $alerts->user_account_alert_text }}@endif
</textarea>
                                <label for="user_account_alert_text" id="user_account_alert_text_lable">Text</label>
                            </div>
                        </div>
                        <div class="custom-form-column">
                            <div
                                class="form-wrap datepicker date input-group style-input @if (!empty($alerts->user_account_alert_startdate) && $alerts->user_account_alert_startdate != null) focus-active @endif">
                                <label for="user_account_alert_startdate" class="style-label"
                                    id="user_account_alert_startdate_lable">Start Date</label>
                                <input type="text" id="user_account_alert_startdate"
                                    class="form-control datepicker-custom" name="user_account_alert_startdate"
                                    @if ($alerts !='null' && $alerts->user_account_type == '1') value="@if ($alerts->user_account_alert_startdate != null){{ date('d/m/Y', strtotime($alerts->user_account_alert_startdate)) }} @endif"
                                @else disabled @endif
                                onchange="select_user_account_alert_startdate(this.value)">
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>

                        </div>
                        <div class="custom-form-column position-relative">
                            <div class="form-wrap form-wrap-custom class-timepicker custom-timepicker ">
                                <input type="text" id="user_account_alert_starttime"
                                    name="user_account_alert_starttime" placeholder="" class="form-control"
                                    @if ($alerts !='null' && $alerts->user_account_type == '1') value="{{ $alerts->user_account_alert_starttime }}" @else disabled @endif>
                                <label for="user_account_alert_starttime"
                                    id="user_account_alert_starttime_lable">Start Time</label>
                                <div class="input-group-append">
                                    <i class="fas fa-clock"></i>
                                </div>
                            </div>
                        </div>
                        <div class="custom-form-column">
                            <div
                                class="form-wrap datepicker date input-group style-input @if (!empty($alerts->user_account_alert_enddate) && $alerts->user_account_alert_enddate != null) focus-active @endif">
                                <label for="user_account_alert_enddate" class="style-label"
                                    id="user_account_alert_enddate_lable"> End Date</label>
                                <input type="text" id="user_account_alert_enddate"
                                    class="form-control datepicker-custom" name="user_account_alert_enddate"
                                    @if ($alerts !='null' && $alerts->user_account_type == '1') value="@if ($alerts->user_account_alert_enddate != null){{ date('d/m/Y', strtotime($alerts->user_account_alert_enddate)) }} @endif"
                                @else disabled @endif
                                onchange="select_user_account_alert_enddate(this.value)">
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>

                        </div>
                        <div class="custom-form-column position-relative">
                            <div class="form-wrap form-wrap-custom class-timepicker custom-timepicker">
                                <input type="text" id="user_account_alert_endtime"
                                    name="user_account_alert_endtime" placeholder="" class="form-control"
                                    @if ($alerts !='null' && $alerts->user_account_type == '1') value="{{ $alerts->user_account_alert_starttime }}" @else disabled @endif>
                                <label for="user_account_alert_endtime" id="user_account_alert_endtime_lable">End
                                    Time</label>
                                <div class="input-group-append">
                                    <i class="fas fa-clock"></i>
                                </div>
                            </div>
                        </div>
                        <span class="checkbox-error error-help-block" style="display: none;color: red;">
                            Please Select any one option.
                        </span>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn">Save and send alert</button>
                    </div>
                    <div class="fixedBtnOuter">
                        <div class="container">
                            <div class="d-flex justify-content-end ">
                                <button type="submit" class="btn">Save and send alert</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">



    $("form").submit(function() {
        if ($('#website_type').prop("checked") == true) {
            $('.checkbox-error').hide();
            $('.checkbox-error').text('');
            return true;
        } else {
            if ($('#sms_type').prop("checked") == true) {
                $('.checkbox-error').hide();
                $('.checkbox-error').text('');
                return true;
            } else {
                if ($('#email_type').prop("checked") == true) {
                    $('.checkbox-error').hide();
                    $('.checkbox-error').text('');
                    return true;
                } else {
                    if ($('#user_account_type').prop("checked") == true) {
                        $('.checkbox-error').hide();
                        $('.checkbox-error').text('');
                        return true;
                    } else {
                        $('.checkbox-error').show();
                        $('.checkbox-error').text('Please select any one option.');
                        return false;
                    }
                }

            }
        }
    });
    $('.copy_text').click(function() {

        $('.checkbox-error').hide();
        $('.checkbox-error').text('');

    });

    function checkvalidation(value) {
        if (value != 'General Alert') {
            $('#franchise_lable').text('Select Franchise*');
            $('#classnamelable').text('Select Class*');
            $('#venuedropdownlable').text('Select Venue*');

        } else {
            $('#franchise_lable').text('Select Franchise');
            $('#classnamelable').text('Select Class');
            $('#venuedropdownlable').text('Select Venue');
        }
    }

    function select_website_alert_startdate(value) {

        $('#website_alert_startdate').focus();
        $('#website_alert_startdate-error').remove();
    }

    function select_website_alert_enddate(value) {

        $('#website_alert_enddate').focus();
        $('#website_alert_enddate-error').remove();
    }

    function select_user_account_alert_startdate(value) {

        $('#user_account_alert_startdate').focus();
        $('#user_account_alert_startdate-error').remove();
    }

    function select_user_account_alert_enddate(value) {

        $('#user_account_alert_enddate').focus();
        $('#user_account_alert_enddate-error').remove();
    }


    $(document).ready(function() {
        // Set the particular date
        var website_alert_startdate =
            "{{ !empty($alerts->website_alert_startdate) ? date('d/m/Y', strtotime($alerts->website_alert_startdate)) : '' }}"; // Format: "yyyy-mm-dd"

        // Set the value of the date picker input field
        $("#website_alert_startdate").val(website_alert_startdate); // Set the particular date

        var website_alert_enddate =
            "{{ !empty($alerts->website_alert_enddate) ? date('d/m/Y', strtotime($alerts->website_alert_enddate)) : '' }}"; // Format: "yyyy-mm-dd"

        // Set the value of the date picker input field
        $("#website_alert_enddate").val(website_alert_enddate);

        var user_account_alert_startdate =
            "{{ !empty($alerts->user_account_alert_startdate) ? date('d/m/Y', strtotime($alerts->user_account_alert_startdate)) : '' }}"; // Format: "yyyy-mm-dd"

        // Set the value of the date picker input field
        $("#user_account_alert_startdate").val(user_account_alert_startdate);

        var user_account_alert_enddate =
            "{{ !empty($alerts->user_account_alert_enddate) ? date('d/m/Y', strtotime($alerts->user_account_alert_enddate)) : '' }}"; // Format: "yyyy-mm-dd"

        // Set the value of the date picker input field
        $("#user_account_alert_enddate").val(user_account_alert_enddate);
    });
</script>
{!! JsValidator::formRequest('App\Http\Requests\AlertManagementRequest', '#add_alert') !!}
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.min.js">
</script>
<script src="{{ url('admin/js/bootstrap-datetimepicker.min.js') }}"></script>
<script>
    $(".class-timepicker").datetimepicker({
        allowInputToggle: true,
        showClose: true,
        showClear: true,
        showTodayButton: false,
        // format: "HH:mm:ss",
        format: "HH:mm",
    });

    function getvenue(e) {
        var items = [];
        var franchise_id = e;
        if (franchise_id != '') {
            $('#venuedropdown').empty();
            $("#venuedropdown").append(`<option value=''> Select Venue</option>`)
            $('#classname').empty();
            $("#classname").append(`<option value=''> Select Class</option>`)

            $.ajax({
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    fid: franchise_id
                },
                url: "/class/get-venue", // if the route is defined in routes/api.php, you need to prefix it with api/
                success: function(response) {

                    if (response.venue.length > 0) {
                        if (response.venue.length == 1) {
                            var optioselect = 'selected';
                        } else {
                            var optioselect = '';
                        }
                        response.venue.forEach(el => {
                            $("#venuedropdown").append(
                                `<option value='${el.id}' >${el.name}</option>`)
                        })
                    } else {
                        $("#venuedropdown").append(`<option value=''>No Venue available</option>`)
                    }

                },
            });
        }
    }

    function getclass(e) {
        var franchise_id = $('#franchise_id').val();
        var venue_id = e;
        if (venue_id != '') {
            $('#classname').empty();
            $("#classname").append(`<option value=''> Select Class</option>`)


            $.ajax({
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    fid: franchise_id,
                    vid: venue_id
                },
                url: "/alerts/get-classes", // if the route is defined in routes/api.php, you need to prefix it with api/
                success: function(response) {

                    if (response.length > 0) {
                        response.forEach(el => {
                            if (el.theme != null && el.theme.length > 0) {
                                var class_theme_name = el.theme.class_theme_name;
                            } else {
                                var class_theme_name = '';
                            }

                            $("#classname").append(

                                `<option value='${el.id}'>
        ${el.type}
        ${el.term ? el.term.term_name : ''}
        ${class_theme_name}
        (${el.start_time.slice(0,5)} - ${el.end_time.slice(0,5)})
        (${el.classage.class_age_from} - ${el.classage.class_age_to} Years)
    </option>`


                            )
                        })
                    } else {
                        $("#classname").append(`<option value=''>No Class available</option>`)
                    }

                },
            });
        }
    }
    $('#website_type').click(function() {
        var website_type = $(this).val();

        if ($("#website_type").prop('checked') == true) {
            $("#website_alert_title").removeAttr("value");
            $("#website_alert_text").val("");
            $("#website_alert_startdate").removeAttr("value");
            $("#website_alert_starttime").removeAttr("value");
            $("#website_alert_enddate").removeAttr("value");
            $("#website_alert_endtime").removeAttr("value");
            $("#website_alert_lable").text('Title*');
            $("#website_alert_text_lable").text('Text*');
            /*    $("#website_alert_startdate_lable").text('Start Date*');
               $("#website_alert_starttime_lable").text('Start Time*');
               $("#website_alert_enddate_lable").text('End Date*');
               $("#website_alert_endtime_lable").text('End Time*'); */
            $("#website_alert_title").prop("disabled", false);
            $("#website_alert_text").prop("disabled", false);
            $("#website_alert_startdate").prop("disabled", false);
            $("#website_alert_starttime").prop("disabled", false);
            $("#website_alert_enddate").prop("disabled", false);
            $("#website_alert_endtime").prop("disabled", false);
        } else {
            $("#website_alert_title").removeAttr("value");
            $("#website_alert_text").val("");
            $("#website_alert_startdate").removeAttr("value");
            $("#website_alert_startdate").val("");
            $("#website_alert_starttime").removeAttr("value");
            $("#website_alert_starttime").val("");
            $("#website_alert_enddate").removeAttr("value");
            $("#website_alert_enddate").val("");
            $("#website_alert_endtime").removeAttr("value");
            $("#website_alert_endtime").val("");
            $("#website_alert_lable").text('Title');
            $("#website_alert_text_lable").text('Text');
            $("#website_alert_startdate_lable").text('Start Date');
            $("#website_alert_starttime_lable").text('Start Time');
            $("#website_alert_enddate_lable").text('End Date');
            $("#website_alert_endtime_lable").text('End Time');
            $("#website_alert_title").prop("disabled", true);
            $("#website_alert_text").prop("disabled", true);
            $("#website_alert_startdate").prop("disabled", true);
            $("#website_alert_starttime").prop("disabled", true);
            $("#website_alert_enddate").prop("disabled", true);
            $("#website_alert_endtime").prop("disabled", true);
        }

    });

    $('#sms_type').click(function() {
        if ($("#sms_type").prop('checked') == true) {
            $("#sms_alert_text").val("");
            $("#sms_alert_text_lable").text('Text*');
            $("#sms_alert_text").prop("disabled", false);
        } else {
            $("#sms_alert_text").val("");
            $("#sms_alert_text_lable").text('Text');
            $("#sms_alert_text").prop("disabled", true);
        }
    });

    function getEditorStatus (editorId) {
        return tinymce.get(editorId).mode.get();
    }

    function toggleEditorStatus (editorId, currentStatus) {
        if (currentStatus === "design") {
            tinymce.get(editorId).setContent("");
            tinymce.get(editorId).mode.set("readonly");
        } else {
            tinymce.get(editorId).mode.set("design");
        }
    }

    function enableDisable (targetEditor, targetElement) {
        const status = getEditorStatus(targetEditor);
        toggleEditorStatus(targetEditor, status);
    }

    function checkSubmitData() {
        if ($("#email_type").prop('checked') == true) {
            var editorContent = tinyMCE.get('email_alert_text').getContent();
            if (editorContent == '') {
                $("#email_alert_text_error").html('The email alert text field is required..').css('color', 'red');
                return false;
                $('html, body').scrollTop($("#descid").offset().top);
            } else {
                return true;
            }
        } else {
            return true;
        }
    }


    $('#email_type').click(function() {
        $("#email_alert_text_error").html('');
        if ($("#email_type").prop('checked') == true) {
            $("#email_alert_subject").prop("disabled", false);
            $("#email_alert_subject_lable").text('Subject*');
            $("#email_alert_subject").val("");
            $("#email_alert_text").val("");
            $("#email_alert_text_lable").text('Text*');
            $("#email_alert_text").prop("disabled", false);
            enableDisable('email_alert_text');
        } else {
            $("#email_alert_subject").prop("disabled", true);
            $("#email_alert_subject_lable").text('Subject');
            $("#email_alert_subject").val("");
            $("#email_alert_text").val("");
            $("#email_alert_text_lable").text('Text');
            $("#email_alert_text").prop("disabled", true);
            enableDisable('email_alert_text');
        }
    });



    $('#user_account_type').click(function() {
        if ($("#user_account_type").prop('checked') == true) {
            $("#user_account_alert_title").val("");
            $("#user_account_alert_text").val("");
            $("#user_account_alert_startdate").val("");
            $("#user_account_alert_starttime").val("");
            $("#user_account_alert_enddate").val("");
            $("#user_account_alert_endtime").val("");
            $("#user_account_alert_title_lable").text('Title*');
            $("#user_account_alert_text_lable").text('Text*');


            $("#user_account_alert_title").prop("disabled", false);
            $("#user_account_alert_text").prop("disabled", false);
            $("#user_account_alert_startdate").prop("disabled", false);
            $("#user_account_alert_starttime").prop("disabled", false);
            $("#user_account_alert_enddate").prop("disabled", false);
            $("#user_account_alert_endtime").prop("disabled", false);
        } else {
            $("#user_account_alert_title").val("");
            $("#user_account_alert_text").val("");
            $("#user_account_alert_startdate").val("");
            $("#user_account_alert_starttime").val("");
            $("#user_account_alert_enddate").val("");
            $("#user_account_alert_endtime").val("");
            $("#user_account_alert_title_lable").text('Title');
            $("#user_account_alert_text_lable").text('Text');
            $("#user_account_alert_title").prop("disabled", true);
            $("#user_account_alert_text").prop("disabled", true);
            $("#user_account_alert_startdate").prop("disabled", true);
            $("#user_account_alert_starttime").prop("disabled", true);
            $("#user_account_alert_enddate").prop("disabled", true);
            $("#user_account_alert_endtime").prop("disabled", true);
        }
    });
</script>
@endsection