@{
    ViewBag.Title = "Task";
    Layout = "~/Views/Shared/_Layout.cshtml";

}


@*<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/forms/selects/select2.min.css">*@

<script type="text/javascript" src="../Projectscript/TaskMaster.js"></script>
<script type="text/javascript" src="../Projectscript/Common.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>


            @*<div class="row">
                <div class="col-sm-12">
                    <div class="content-header">Task Board</div>
                    <p class="content-sub-header"></p>
                </div>
            </div>*@
            <!-- Taskboard Starts -->
            <section id="taskboard">

                

               
                <div class="myData" data-x="M131" />
<section class="taskboard-app-form bg-blue-grey bg-lighten-5">
    <div id="Entry">
       
        <div class="card">
            <div class="card-block pt-3">
                <h5 class="text-bold-500">Create new Task</h5>
                <div style="height:20px;"></div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group row">
                            <label class="col-md-3 label-control">Task ID<span class="danger">*</span></label>
                            <div class="col-md-8">
                                <input type="text" id="TaskId" onkeyup="changetoupper(this.id)" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group row">
                            <label class="col-md-3 label-control">To<span class="danger">*</span></label>
                            <div class="col-md-8">
                                <input type="hidden" id="UserId" class="form-control" />
                                <input type="text" id="UserName" class="form-control" />
                            </div>
                        </div>
                    </div>
                   

                    <button type="button" style="width:100px" class="btn btn-raised btn-primary" id="btnsubmit">
                        Create <i class="fa fa-check-square-o"></i>
                    </button>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group row">
                            <label class="col-md-3 label-control">Date/Time<span class="danger">*</span></label>
                            <div class="col-md-4">
                                <input type="text" id="Date" class="form-control" />
                            </div>

                            <div class="col-md-5">
                                <div class="col-md-10">
                                    <input type="Time" id="Time" class="form-control" name="time">
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group row">
                            <label class="col-md-3 label-control">Message<span class="danger">*</span></label>
                            <div class="col-md-8">
                                <textarea id="ReminderMessage" style="width:100%; height:150%" class="form-control" name="ReminderMessage"></textarea>
                            </div>
                        </div>
                    </div>
                    <div>

                        <button type="button" style="width:100px" id="btnlist" onclick="GetRows(0)" class="btn btn-primary btn-min-width mr-1 mb-1">List <i class="ft-align-justify"></i></button>
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group row" style="margin-top:-20px;">

                            <label class="col-md-3 label-control">Status<span class="danger">*</span></label>
                            <div class="col-md-8">
                                <select class="form-control" id="TaskStatus">
                                    <option value="0">Select</option>
                                    <option>Open</option>
                                    <option>Progress</option>
                                    <option>Complete</option>
                                    <option>Failure</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="text-right" style="margin-left:735px;margin-top:-25px">
                        <button type="button" style="width:100px" id="btnnew" onclick="formrefresh()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                      @*  <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>*@
                    </div>
                </div>


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

 </section>


    <div style="display:none;" id="listing">
        <section>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <table width="100%">
                                <tr>
                                    <td><h4 class="card-title">Task List</h4></td>
                                    <td align="right">
                                        <div class="heading-elements">
                                            <div class="btn-group">
                                                <button type="button" onclick="closetable(1)" class="btn btn-outline-primary"><i class="ft-edit"></i> Add New</button>
                                                <button type="button" class="btn btn-outline-primary"><i class="ft-edit"></i> Export</button>
                                                <button type="button" class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown"
                                                        aria-haspopup="true" aria-expanded="false">
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item" href="#">Excel</a>
                                                    <a class="dropdown-item" href="#">PDF</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a class="dropdown-item" href="#">Print</a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>


                        </div>
                        <div class="card-content collapse show">
                            <div class="card-body card-dashboard">
                                <table id="tbltask" class="table table-striped table-bordered base-style dataTable"></table>
                                <br />

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

    <script>



        $("#UserName").autocomplete({
            source: function (request, response) {
                var data = {};
                data.UserName = $("#UserName").val();
                $.ajax({
                    url: '../Master/UserSearch',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {
                        console.log(data);
                        response($.map(data, function (item) {
                            return ({
                                ColCount: '1',
                                label: item.UserName,
                                label1: item.UserName,
                                label2: item.UserId,
                                UserId: item.UserId,
                            })
                        }));
                    }

                })

            },
            autoFocus: true,
            select: function (event, ui) {
                $('#UserId').val(ui.item.UserId);
                $('#UserName').val(ui.item.UserName);

            },

        });

        $(function () {



            $('#Date').daterangepicker({
                minDate: minDate,
                maxDate: new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()),
                singleDatePicker: true,
                showDropdowns: true,
                locale: {
                    format: 'DD/MM/YYYY'
                }
            });

        });


    </script>


    <div style="display:none"><input type="text" value="0" id="ReminderId" /></div>