@extends('layout.adminapp')
@section('page-css')

@endsection
@section('page-content')

<section class="content mb-5">

    <div class="content-inner content-docs">
        <div class="row">
            <div class="col-12">
                <div class="card mb-5">
                    <div class="card-header">
                        <h6>Reminder Message to All Non-Participants</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-4 mx-auto">
                                @include('layout.alert')
                            </div>
                        </div>


                        <form class="" id="phoneresend" action="{{ route('admin.reminder.post') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-lg-9 mx-auto">
                                    <div class="form-group">
                                        <label for="group">Group</label>
                                        <select class="form-control" id="group" name="group">
                                            <option value="coe">COE</option>
                                            <option value="coi">COI</option>
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="reminder">Message</label>
                                        <textarea name="reminder" class="form-control" rows="8" cols="80">{{ $rem !== null ? str_replace('\\n', '', $rem->reminder): '' }}</textarea>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg">
                                            <div class="form-group">
                                                <label for="freq">Frequency</label>
                                                <select class="form-control" name="freq" id="freqq">
                                                    <option selected disabled hidden>--Select an option--</option>
                                                    <option {{ $rem !== null && $rem->freq == 'None' ? 'selected' : '' }} value="None">Once</option>
                                                    <option {{ $rem !== null && $rem->freq == 'Daily' ? 'selected' : '' }} value="Daily">Daily</option>
                                                    <option {{ $rem !== null && $rem->freq == 'Weekly' ? 'selected' : '' }} value="Weekly">Weekly</option>
                                                    <option {{ $rem !== null && $rem->freq == 'Monthly' ? 'selected' : '' }} value="Monthly">Monthly</option>
                                                    <option {{ $rem !== null && $rem->freq == 'Yearly' ? 'selected' : '' }} value="Yearly">Yearly</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg">
                                            <div class="form-group">
                                                <div id="Ddaily" style="display: {{ $rem !== null && $rem->freq == 'Daily' ? 'block' : 'none' }}">
                                                    <label for="timeblastdaily">Time</label>
                                                    <input type="time" class="form-control" name="timeblastdaily">
                                                </div>

                                                <div id="Dweekly" style="display: {{ $rem !== null && $rem->freq == 'Weekly' ? 'block' : 'none' }}">
                                                    <label for="weeklydayblast">Day of Week</label>
                                                    <select class="form-control" name="weeklydayblast">
                                                        <option value="Monday">Monday</option>
                                                        <option value="Tuesday">Tuesday</option>
                                                        <option value="Wednesday">Wednesday</option>
                                                        <option value="Thursday">Thursday</option>
                                                        <option value="Friday">Friday</option>
                                                        <option value="Saturday">Saturday</option>
                                                        <option value="Sunday">Sunday</option>
                                                    </select>
                                                    <label for="timeblastweeklytime">Time</label>
                                                    <input type="time" class="form-control" name="timeblastweeklytime">
                                                </div>

                                                <div id="Dmonthly" style="display: {{ $rem !== null && $rem->freq == 'Monthly' ? 'block' : 'none' }}">
                                                    <label for="timeblastmonthly">Time</label>
                                                    <input type="datetime-local" class="form-control" name="timeblastmonthly">
                                                </div>

                                                <div id="Dyearly" style="display: {{ $rem !== null && $rem->freq == 'Yearly' ? 'block' : 'none' }}">
                                                    <label for="timeSblast">Date</label>
                                                    <input type="datetime-local" class="form-control" name="timeSblast">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-center mt-4">
                                <button type="submit" id="send_otp_btnphone" class="btn btn-success col-lg-4 btn-sm" name="button">Submit</button>
                            </div>
                        </form>


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

    @endsection

    @section('page-js')
    <script type="text/javascript">
        $('#send_otp_btnphone').click(function() {

            $(this).attr('disabled', true);
            $("#phoneresend").attr("action", "post/reminder");
            $('#phoneresend').submit();

        })

    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            var freqvalue = $('#freqq').val();
            if (freqvalue === "Daily") {
                $('#Ddaily').show();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').hide();
            } else if (freqvalue === "Weekly") {
                $('#Ddaily').hide();
                $('#Dweekly').show();
                $('#Dmonthly').hide();
                $('#Dyearly').hide();
            } else if (freqvalue === "Monthly") {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').show();
                $('#Dyearly').hide();
            } else if (freqvalue === "Yearly") {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').show();
            } else {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').none();
            }
        });



        $('#freqq').on('change', function() {
            var freqvalue = $('#freqq').val();
            console.log(freqvalue);
            if (freqvalue === "Daily") {
                $('#Ddaily').show();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').hide();
            } else if (freqvalue === "Weekly") {
                $('#Ddaily').hide();
                $('#Dweekly').show();
                $('#Dmonthly').hide();
                $('#Dyearly').hide();
            } else if (freqvalue === "Monthly") {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').show();
                $('#Dyearly').hide();
            } else if (freqvalue === "Yearly") {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').show();
            } else {
                $('#Ddaily').hide();
                $('#Dweekly').hide();
                $('#Dmonthly').hide();
                $('#Dyearly').none();
            }
        });

    </script>
    @endsection