@extends('admin.layout.app')

@section('title', 'Task Management')

@section('content')
<div class="page-content-wrapper">
    <!-- TOPBAR -->
    <div class="top_bar page-content">
        <!-- LOADER -->
        <div class="loader">
            <div class="top_status_bar load">
                <div class="progress_bar bar" style="left: 0px;">
                </div>
            </div>
        </div>
        <!-- END LOADER -->
        <!-- BREADCRUMBS -->
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="#" class="breadcrumb_link" onclick="return false">Task Management</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->

    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="portlet">
                    <div class="portlet-title">
                        <div class="caption">
                            <h2>Task Management
                                <!-- <span class="subtitle">All existing leads on SaleSoft CRM are listed here, you can click on a lead for a more detailed view.</span> -->
                            </h2>
                        </div>
                        <div class="actions success_actions" style="">
                            <ul class="nav navbar-nav netsec_menucontent">
                                <button class="theme_btn_round btn">
                                    <a data-href="{{ route('admin.tasks.create') }}" data-toggle="modal" data-target="#new_task" class="new_task add_new">Add Task</a>
                                </button>
                            </ul>
                        </div>
                    </div>

                    <div class="portlet-body flip-scroll">
                        <!--------------------FILTER---------------------->
                        <div class="row form-group">
                            <div class="col-md-2">
                                <select class="form-control select2 filter validate select2-hidden-accessible" name="column_drop" id="column_drop" tabindex="-1" aria-hidden="true">
                                    <option value=""></option>
                                    <option value="title">Name</option>
                                    <option value="project_id">Project</option>
                                    <option value="due_on">Date</option>
                                    <option value="priority">Priority</option>
                                    <option value="type">Type</option>
                                    <option value="stage_id">Stage</option>
                                    <option value="social_media_id">Social Media</option>
                                    <option value="created_by">Initiator</option>
                                    <option value="task_owner">Assigned To</option>
                                </select>
                            </div>
                            <div class="col-md-2 value-drop">
                                <select name="value_drop" id="value_drop" disabled="" class="form-control select2 option_filters select2-hidden-accessible" tabindex="-1" aria-hidden="true">
                                    <option value=""></option>
                                </select>
                            </div>
                            <div class="col-md-4 pr_0">
                                <button class="theme_btn_round btn filter_all" id="filter" type="button" name="load" value="Filter" style="">Filter</button>
                                <button class="theme_btn_round btn reset_filter" type="button" name="" value="Clear All" style="margin-left: 0;">Clear All</button>
                                <form id="export_excel" method="post"  style="display: inline-block;">
                                    <input type="hidden" name="_token" value="">
                                    <button class="theme_btn_round btn export_excel">Export</button>
                                </form>
                            </div>
                            <div class="column_filters" style="display: block;">   
                            </div>
                            
                            <div class="leads_action_grey actions_selected">
                                <div class="actions_dropdown_grey">
                                    <span>Lead options</span>
                                    <ul class="actions_list_grey">
                                        <li class="option 1">Option 1</li>
                                       
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--------------------FILTER---------------------->

                        <!--------------------Search---------------------->
                        <div class="tb_search">
                            <input type="text" id="search_input_all"  placeholder="Search.." class="form-control">
                        </div>
                        <table id="table-task" class="table filterable table-striped table-bordered table-hover custom_table">
                            <thead class="flip-content thead">
                                <tr> 
                                    <th class="th_1 title ">Task Name</th>
                                    <th class="th_2 due_on">Task Due On</th>
                                    <th class="th_3 project_id">Project Name</th>
                                    <th class="th_4 priority">Priority</th>
                                    <th class="th_5 stage">Stage</th>
                                    <th class="th_6 type">Type</th>
                                    <th class="th_7 social_media ">Social Media</th>
                                    <th class="th_8 created_by">Initiator</th>
                                    <th class="th_9 task_owner ">Assigned To</th>
                                    <th style="width: 50px; position: relative;">
                                        <img class="dots_menu_grey" src="{{ asset('images/dots_menu_grey.png') }}">
                                        <div class="dropdown_row table_option_checkboxes">
                                            <span class="dropdown_row_option head">Select Columns</span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="0"  id="title">
                                                        <label for="title"></label>
                                                    </div>
                                                </section>
                                                <span>Task Name</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="1"  id="due_on">
                                                        <label for="due_on"></label>
                                                    </div>
                                                </section>
                                                <span>Task Due On</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""  style="height: auto !important;" name="table_option[]"  class="tb_options" value="2" id="project_id">
                                                        <label for="project_id"></label>
                                                    </div>
                                                </section>
                                                <span>Project Name</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="3" id="priority">
                                                        <label for="priority"></label>
                                                    </div>
                                                </section>
                                                <span>Priority</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""  style="height: auto !important;" name="table_option[]" class="tb_options" value="4" id="stage">
                                                        <label for="stage"></label>
                                                    </div>
                                                </section>
                                                <span>Stage</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="5" id="type">
                                                        <label for="type"></label>
                                                    </div>
                                                </section>
                                                <span>Type</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="6" id="social_media">
                                                        <label for="social_media"></label>
                                                    </div>
                                                </section>
                                                <span>Social Media</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="7" id="created_by">
                                                        <label for="created_by"></label>
                                                    </div>
                                                </section>
                                                <span>Initiator</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="8" id="task_owner">
                                                        <label for="task_owner"></label>
                                                    </div>
                                                </section>
                                                <span>Assigned To</span>
                                            </span>
                                            <div class="tbl_actions">
                                                <button class="tbl_btn cancel_tbl_option">
                                                    Cancel
                                                </button>
                                                <button class="tbl_btn apply_tbl_option">
                                                    Apply
                                                </button>
                                            </div>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="tbody">
                                <!--=====================-->
                                <!--=====================-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal scrollable fade bs-modal right modal-fullscreen r_u_sure in" id="new_task" role="dialog" aria-hidden="false" style="">
    <div class="sweet-overlay" tabindex="-1">
    </div>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">


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

@include('admin.modules.general.file_upload')
@stop

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/summernote/summernote.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
<style>
    a.theme_btn_round:focus,
    a.theme_btn_round:active,
    .theme_btn_round:hover {
        color: #fff !important;
        background: #74d1da;
        border-color: #74d1da;
    }

    .bootstrap-timepicker-widget.open {
        z-index: 99999;
    }

    table.dataTable thead .sorting_asc:after {
        display: none;
    }

    .user_management_wrap {
        margin-top: 50px;
    }

    .user_management_wrap .tb_search {
        margin-top: -43px;
    }

    .modal-footer {
        position: absolute;
    }

    .dropdown_row_option:last-child {
        color: #337ab7;
    }

    .dropdown_row_option:last-child:hover{
        color: #3e4b58;
        opacity: 1.5 !important;
    }

    .table_option_checkboxes {
        z-index: 9;
    }
</style>
@stop

@section('js')
@include('admin.modules.task.js.index')
@stop