@extends('admin.layout.master')

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Scheduled Task Add</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item">Scheduled Tasks</li>
                    <li class="breadcrumb-item active">Add</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
          @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                    </p>
                @endif
            @endforeach
        <div class="row">
            <!-- left column -->
            <div class="col-md-4">
                <!-- general form elements -->
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Add Scheduled Task</h3>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form id="scheduledtaskAddForm" action="{{ route('admin.scheduled-task-save') }}"
                        method="post">
                        @csrf
                        <div class="card-body">

                            <div class="form-group">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" name="name" id="name" placeholder="Enter name">
                            </div>
                            
                            <div class="form-group">
                                <label for="name">Body of the email</label>
                                <textarea name="email_body" class="form-control" id="email_body" cols="20" rows="10" placeholder="Enter body of the email"></textarea>
                            </div>

                            <div class="form-group">
                                <label for="query_bank_category">Querybank Category</label>
                                <select name="query_bank_category" class="form-control query_bank_category" id="query_bank_category">
                                    <option value="">Select Category</option>
                                    @foreach ($querybank_category as $qc)
                                        <option value="{{ $qc->id }}">{{ $qc->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="query_bank_id">Query Bank</label>
                                <select name="query_bank_id[]" id="query_bank_id" class="form-control" multiple>

                                </select>
                            </div>
                            <div class="form-group">
                                <label for="type">Type</label>

                                <select name="type" id="type" class="form-control">
                                    <option value="">Select Type</option>
                                    <option value="1" selected>Minute</option>
                                    <option value="2">Hour</option>
                                    <option value="3">Day</option>
                                   <option value="4">Advanced</option>
                                </select>
                            </div>
                            <div class="form-group daily_week_div">
                                <label for="start_time">Start Time</label>
                                <select name="start_time" class="form-control" id="start_time">
                                    @foreach (range(0, 23) as $hour)
                                        @foreach (['00', '30'] as $minute)
                                            <option value="{{ sprintf('%02d:%s', $hour, $minute) }}">
                                                {{ sprintf('%02d:%s', $hour, $minute) }}
                                            </option>
                                        @endforeach
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group daily_week_div">
                                <label for="end_time">End Time</label>
                                <select name="end_time" class="form-control" id="end_time">
                                    @foreach (range(0, 23) as $hour)
                                        @foreach (['00', '30'] as $minute)
                                            <option value="{{ sprintf('%02d:%s', $hour, $minute) }}">
                                                {{ sprintf('%02d:%s', $hour, $minute) }}
                                            </option>
                                        @endforeach
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group daily_week_div">
                                <label for="interval">Interval</label>
                               <input type="number" value="1" min="1" name="interval" id="interval" class="form-control">
                            </div>
                            <div class="form-group daily_week_div">
                                <label for="week_days">Weekly</label>
                                <select name="week_days[]" id="week_days" class="form-control" multiple>
                                    @foreach(['0' => 'Sunday', '1' => 'Monday', '2' => 'Tuesday', '3' => 'Wednesday', '4' => 'Thursday', '5' => 'Friday', '6' => 'Saturday'] as $value => $day)
                                        <option value="{{ $value }}"> {{ $day }} </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_minutes">Minutes (0-59)</label>
                                <input type="text" class="form-control" name="adv_minutes" id="adv_minutes" placeholder="Enter Minutes (0-59)">
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_hours">Hours (0-23)</label>
                                <input type="text" class="form-control" name="adv_hours" id="adv_hours" placeholder="Enter Hours (0-23)">
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_days_of_week">Days of Week (1-7)</label>
                                <input type="text" class="form-control" name="adv_days_of_week" id="adv_days_of_week" placeholder="Enter Days of Week (1-7)">
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_days_of_month">Days of Month (1-31)</label>
                                <input type="text" class="form-control" name="adv_days_of_month" id="adv_days_of_month" placeholder="Enter Days of Month (1-31)">
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_months">Months (1-12)</label>
                                <input type="text" class="form-control" name="adv_months" id="adv_months" placeholder="Enter Months (1-12)">
                            </div>
                            <div class="form-group advance_div">
                                <label for="adv_years">Years</label>
                                <input type="text" class="form-control" name="adv_years" id="adv_years" placeholder="Enter Years">
                            </div>
                            <div class="form-group">
                                <label for="emails">Emails</label>
                                <select class="form-control" name="emails[]" id="emails" multiple="multiple"></select>
                                <small class="form-text text-muted">Type email and press Enter to add multiple emails.</small>
                            </div>


                             <div class="custom-control custom-switch">

                                <input type="checkbox" name="only_send_email" class="custom-control-input" id="only_send_email" value="1">
                                <label class="custom-control-label" for="only_send_email"> Only Send Email if There are Results</label>
                            </div>
                             <div class="custom-control custom-switch">
                                <input type="checkbox" name="is_send_download_link" class="custom-control-input" id="is_send_download_link" value="1">
                                <label class="custom-control-label" for="is_send_download_link"> Send download link</label>
                            </div>
                            <div class="custom-control custom-switch">

                                <input type="checkbox" name="status" class="custom-control-input" id="status" value="1">
                                <label class="custom-control-label" for="status"> Status</label>
                            </div>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <a href="{{ route('admin.scheduled-tasks') }}" class="btn btn-info">Back</a>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>
 <script>
$(document).ready(function() {
    $('#emails').select2({
        tags: true,
        tokenSeparators: [',', ' '],
        placeholder: "Enter emails",
        theme: 'bootstrap4'
    });
});
</script>
<script>
    $('.daily_week_div').show();
    $('.advance_div').hide();
    $('#type').change(function(){
        var selval = $(this).val();
        if(selval == 4){
            $('.daily_week_div').hide();
            $('.advance_div').show();
        }else{
            $('.daily_week_div').show();
            $('.advance_div').hide();
        }
    });

    $(function () {
        $('#query_bank_id').select2({
            placeholder: "Select Query",
            theme: 'bootstrap4',
        });
        $('#week_days').select2({
            placeholder: "Select Week Days",
            theme: 'bootstrap4',
        });
        $('#query_bank_category').select2({
            theme: 'bootstrap4'
        });
        $('#scheduledtaskAddForm').validate({
            ignore: "",
            rules: {
                name: {
                    required: true
                },
                emails: {
                    required: true
                },
                query_bank_category: {
                    required: true
                },
                query_bank_id: {
                    required: true
                },
                type: {
                    required: true
                },
                interval: {
                    required: function () {
                        return ($('#type').val() == "1" || $('#type').val() == "2" || $('#type').val() == "3"); // Make interval required if type is 1
                    }
                },
                adv_minutes: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                },
                adv_hours: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                },
                adv_days_of_week: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                },
                adv_days_of_month: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                },
                adv_months: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                },
                adv_years: {
                    required: function () {
                        return $('#type').val() == "4"; // Make interval required if type is 1
                    }
                }
            },
            messages: {
                name: {
                    required: "Please enter name"
                },
                emails: {
                     required: "Please enter emails"
                },
                query_bank_category: {
                    required: "Please select query category"
                },
                query_bank_id: {
                    required: "Please select query"
                },
                type: {
                    required: "Please select type"
                },
                interval: {
                    required: "Please enter interval"
                },
                adv_minutes: {
                    required: "Please enter minutes"
                },
                adv_hours: {
                    required: "Please enter hours"
                },
                adv_days_of_week: {
                    required: "Please enter days of week"
                },
                adv_days_of_month: {
                    required: "Please enter days of month"
                },
                adv_months: {
                    required: "Please enter months"
                },
                adv_years: {
                    required: "Please enter years"
                }
            },
            errorElement: 'span',
            errorPlacement: function (error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

    });

    $('#query_bank_category').change(function(){
        $(this).valid();
        var category = $(this).val();
        $('#query_bank_id').prop('disabled', true);
       // $('#query_bank_id').html('<option value="" disabled  selected>Select Query</option>');
        $.ajax({
            type: 'POST',
            url: "{{ route('admin.importexport-category-wise-query') }}",
            data: {"_token": "{{ csrf_token() }}",category:category},
            dataType: "json",
            success: function(resultData) {
                $('#query_bank_id').prop('disabled', false);
                $('#file_format').prop('disabled', false);
                $.each(resultData, function(key, value) {
                    $('#query_bank_id')
                        .append($("<option></option>")
                                   .attr("value", value.qb_id)
                                   .text(value.qb_title));
               });
               $('#query_bank_id').select2({
                theme: 'bootstrap4'
            });
            }
       });
    });
</script>

@endsection