@extends('admin.layouts.app')

@section('title', 'Task')

@section('content')
@php
if(session()->has('dashboard_tab')){
$task_tab_session = session()->get("dashboard_tab");
}else {
$task_tab_session = 0;
}
@endphp
<!-- 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="">Task List</a></li>
        </ul>
        <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
    </div>
    <!-- END BREADCRUMBS -->
</div>
<!-- END TOPBAR -->
<!-- PAGE CONTENT -->
<div class="page-content">
    <div class="row">
        <div class="col-md-12">
            <!-- Begin: life time stats -->
            <div class="portlet">
                <div class="portlet-title">
                    <div class="caption">
                        <h2>Task List
                            <span class="subtitle"> All the tasks related to the users.</span>
                        </h2>
                    </div>
                    <div class="actions success_actions" style="">
                        <a data-toggle="modal" data-target="#new_task" data-href="{{ route('admin.tasks.create') }}"
                            class="add_new portal_add_btn">
                            <i class="fa fa-plus"></i>
                        </a>
                        <div class="actions_dropdown button-dropdown">
                            <span class="dropdown-toggle">Actions</span>
                            <ul class="actions_list dropdown-menu">
                                <li>
                                        <a data-toggle="modal" data-href="{{ route('admin.tasks.create') }}"
                                            data-target="#new_task">New Task</a>
                                    </li>
                                </ul>
                    </div>

                    </div>
                </div>

                <div class="portlet-body flip-scroll">
                    <div class="task_icon_wrap">
                        <ul class="list_icons">
                            <li>
                                <a href="{{ route('admin.tasks.index') }}" title="List View">
                                    <i class="list_view_ico"></i>
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('admin.taskpipeline.index') }}" title="Kanban View">
                                    <i class="kanban_view_ico"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabbable-line">
                        <ul class="nav nav-tabs task-tabs">
                        
                            <li class="messages {{($task_tab == 0)?'active': ''}}">
                                <a href="#tab_mytask" data-toggle="tab" data-id="tab_mytask" data-tab="0" aria-expanded="false"
                                    class="test">My Task</a>
                            </li>
                            <li class="tasks {{($task_tab == 1)?'active': ''}}">
                                <a href="#tab_alltask" data-toggle="tab" data-id="tab_alltask" data-tab="1" aria-expanded="false"
                                    class="test">All Task</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <!--MY TASK TAB START-->
                            <div class="tab-pane  {{($task_tab == 0)?'active': ''}}" id="tab_mytask">
                                <div class="task_listSearch">
                                    <!--------------------FILTER---------------------->
                                    <div class="row form-group">
                                        <div class="col-md-2">
                                            <select name="column_drop" id="column_drop"
                                                class="form-control select2 column_drop select2-hidden-accessible"
                                                tabindex="-1" aria-hidden="true">
                                                <option value=""></option>
                                                <option value="task_linked_with_uuid">Object Name</option>
                                                <option value="filter_task_title">Task Title</option>
                                                {{-- <option value="task_owner">Task Owner</option> --}}
                                                <option value="team">Team</option>
                                                <option value="task_related_to">Task Type</option>
                                                <option value="filter_task_status">Status</option>
                                                <option value="task_priority_status">Priority</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" type="button" name="load"
                                                value="Filter" style="" id="filter_all">Filter</button>
                                            <button class="theme_btn_round btn reset_filter" type="button" name=""
                                                value="Clear All">Clear All</button>

                                        </div>
                                        <div class="column_filters" id="column_filters_ind" style="display: block;">
                                            {{-- <span class="each_filter" data-index="display_name" data-filter="value_drop" data-selected_text="Mr Hazem Galal" data-selected_val="Mr Hazem Galal">
                                                Mr Hazem Galal 
                                                <i class="fa fa-trash remove_filter"></i>
                                            </span> --}}
                                        </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 task_searchBox">
                                        <input type="text" id="search_input_all" onkeyup="" placeholder="Search.." class="form-control">
                                        <ul class="filter_icons">
                                            <li>
                                                <a href="#" title="Export" class="export_excel_my"><i
                                                        class="filter_view_ico"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!--------------------Search---------------------->
                                </div>
                                <table id="task_table"
                                    class="table filterable table-striped table-bordered table-hover custom_table">
                                    <thead class="flip-content thead">
                                        <tr>
                                            <th></th>
                                            <th class="th_2 ">Object Name</th>
                                            <th class="th_3 ">Object Type</th>
                                            <th class="th_4 ">Task Title</th>
                                            <th class="th_5 ">Owner</th>
                                            <th class="th_6 ">Description</th>
                                            <th class="th_7 ">Priority</th>
                                            <th class="th_8 ">Due Date</th>

                                            <th class="th_10 ">Stage</th>
                                            <th class="th_11 ">Time Spent</th>
                                            <th class="text-right">
                                                <img class="dots_menu_grey"
                                                    src="{{asset('images/dots_menu_grey.png')}}">
                                                <div class="dropdown_row table_option_checkboxes text-left" style="">
                                                    <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="hide_columns[]" class="tb_options" value="1"
                                                                    id="ObjectName">
                                                                <label for="ObjectName"></label>
                                                            </div>
                                                        </section>
                                                        <span>Object 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="hide_columns[]" class="tb_options" value="2"
                                                                    id="Object Type">
                                                                <label for="Object Type"></label>
                                                            </div>
                                                        </section>
                                                        <span>Object 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="hide_columns[]" class="tb_options" value="3"
                                                                    id="Task Title">
                                                                <label for="Task Title"></label>
                                                            </div>
                                                        </section>
                                                        <span>Task Title</span>
                                                    </span>
                                                    <span class="dropdown_row_option">
                                                        <section title="" class="section_squaredThree">
                                                            <div class="squaredThree">
                                                                <input type="checkbox" checked
                                                                    style="height: auto !important;"
                                                                    name="hide_columns[]" class="tb_options" value="4"
                                                                    id="Owner">
                                                                <label for="Owner"></label>
                                                            </div>
                                                        </section>
                                                        <span>Owner</span>
                                                    </span>

                                                    <span class="dropdown_row_option">
                                                        <section title="" class="section_squaredThree">
                                                            <div class="squaredThree">
                                                                <input type="checkbox" checked
                                                                    style="height: auto !important;"
                                                                    name="hide_columns[]" class="tb_options" value="5"
                                                                    id="Description">
                                                                <label for="Description"></label>
                                                            </div>
                                                        </section>
                                                        <span>Description</span>
                                                    </span>

                                                    <span class="dropdown_row_option">
                                                        <section title="" class="section_squaredThree">
                                                            <div class="squaredThree">
                                                                <input type="checkbox" checked
                                                                    style="height: auto !important;"
                                                                    name="hide_columns[]" class="tb_options" value="6"
                                                                    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="hide_columns[]" class="tb_options" value="7"
                                                                    id="Due Date">
                                                                <label for="Due Date"></label>
                                                            </div>
                                                        </section>
                                                        <span>Due Date</span>
                                                    </span>

                                                    <span class="dropdown_row_option">
                                                        <section title="" class="section_squaredThree">
                                                            <div class="squaredThree">
                                                                <input type="checkbox" checked
                                                                    style="height: auto !important;"
                                                                    name="hide_columns[]" class="tb_options" value="8"
                                                                    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="hide_columns[]" class="tb_options" value="9"
                                                                    id="Time Spent">
                                                                <label for="Time Spent"></label>
                                                            </div>
                                                        </section>
                                                        <span>Time Spent</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>
                            <!--MY TASK TAB END-->
                            <!--ALL TASKS TAB START-->
                            <div class="tab-pane tasks {{($task_tab == 1)?'active': ''}}" id="tab_alltask">
                                <div class="task_listSearch">
                                    <!--------------------FILTER---------------------->
                                    <div class="row form-group">
                                        <div class="col-md-2">
                                            <select name="column_drop_all" id="column_drop_all"
                                                class="form-control select2 column_drop_all select2-hidden-accessible"
                                                tabindex="-1" aria-hidden="true">
                                                <option value=""></option>
                                                <option value="task_linked_with_uuid">Object Name</option>
                                                <option value="filter_task_title">Task Title</option>
                                                <option value="task_owner">Task Owner</option>
                                                <option value="team">Team</option>
                                                <option value="task_related_to">Task Type</option>
                                                <option value="filter_task_status">Status</option>
                                                <option value="task_priority_status">Priority</option>
                                            </select>

                                        </div>
                                        <div class="col-md-2 value-drop">
                                            <select name="value_drop_all" id="value_drop_all" 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_all" type="button" name="load"
                                                value="Filter" style="" id="filter_all_all">Filter</button>
                                            <button class="theme_btn_round btn reset_filter" type="button" name=""
                                                value="Clear All">Clear All</button>

                                        </div>

                                        <div class="column_filters" id="column_filters_all" 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 task_searchBox">
                                        <input type="text" id="search_input_all_all" onkeyup="" placeholder="Search.." class="form-control">
                                        <ul class="filter_icons">
                                            <li>
                                                <a href="#" title="Export" class="export_excel"><i class="filter_view_ico"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!--------------------Search---------------------->
                                    <table id="task1_table"
                                        class="table filterable table-striped table-bordered table-hover custom_table">
                                        <thead class="flip-content thead">
                                            <tr>
                                                <th></th>
                                                <th class="th_2 ">Object Name</th>
                                                <th class="th_3 ">Object Type</th>
                                                <th class="th_4 ">Task Title</th>
                                                <th class="th_5 ">Owner</th>
                                                <th class="th_6 ">Description</th>
                                                <th class="th_7 ">Priority</th>
                                                <th class="th_8 ">Due Date</th>

                                                <th class="th_10 ">Stage</th>
                                                <th class="th_11 ">Time Spent</th>

                                                <th class="text-right">
                                                    <img class="dots_menu_grey"
                                                        src="{{asset('images/dots_menu_grey.png')}}">
                                                    <div class="dropdown_row table_option_checkboxes text-left" style="">
                                                        <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="1" id="objectname">
                                                                    <label for="objectname"></label>
                                                                </div>
                                                            </section>
                                                            <span>Object 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="2" id="objecttype">
                                                                    <label for="objecttype"></label>
                                                                </div>
                                                            </section>
                                                            <span>Object 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="3" id="tasktitle">
                                                                    <label for="tasktitle"></label>
                                                                </div>
                                                            </section>
                                                            <span>Task Title</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="owner">
                                                                    <label for="owner"></label>
                                                                </div>
                                                            </section>
                                                            <span>Owner</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="description">
                                                                    <label for="description"></label>
                                                                </div>
                                                            </section>
                                                            <span>Description</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="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="7" id="Duedate">
                                                                    <label for="Duedate"></label>
                                                                </div>
                                                            </section>
                                                            <span>Due Date</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="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="9" id="TimeSpent">
                                                                    <label for="TimeSpent"></label>
                                                                </div>
                                                            </section>
                                                            <span>Time Spent</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>
                                <!--ALL TASKS TAB END-->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End: life time stats -->
            </div>
        </div>
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END CRM CONTENT BODY -->
<div class="modal fade bs-modal right modal-fullscreen r_u_sure" id="new_task" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

        </div>

        <!-- /.modal-Task -->
    </div>
    <!-- /.modal-dialog -->
</div>
<div id="composeemail" class="compose_email" style="display: none;">Escalate Task</div>
<!-- New Task Modal End-->
@include('admin.common-modals.newmessage');
@stop


@section('styles')


<link rel="stylesheet" href="http://cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.css" />
<link rel="stylesheet" href="{{ asset('intlTel/css/intlTelInput.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/global/summernote/summernote.css') }}" />
<style rel="stylesheet" type="text/css">
    .bootstrap-timepicker-widget.open {
        z-index: 99999;
    }

    .dropdown-menu {
        margin-top: 0 !important;
    }

    .no_pointer_events {
        pointer-events: none;
        /*cursor: not-allowed;*/
    }

    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .iti__hide {
        display: none;
    }

    pre {
        margin: 0 !important;
        display: inline-block;
    }

    .token.operator,
    .token.entity,
    .token.url,
    .language-css .token.string,
    .style .token.string,
    .token.variable {
        background: none;
    }

    .iti input,
    .iti button {
        height: 35px;
        margin: 0;
        padding: 6px 12px;
        border-radius: 2px;
        font-family: inherit;
        font-size: 100%;
        color: inherit;
    }

    input[disabled],
    button[disabled] {
        background-color: #eee;
    }

    ::-webkit-input-placeholder {
        color: #BBB;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #BBB;
        opacity: 1;
    }

    :-ms-input-placeholder {
        color: #BBB;
    }

    #result {
        margin-bottom: 100px;
    }

    .page-header-fixed .page-container {
        margin-top: 0;
    }

    .page-header-fixed .page-content-wrapper {
        margin-top: 60px;
    }


    /* body .page-container {height: 100%;} */
    body .page-container {
        background-color: #ffffff;
        min-height: 100%;
        height: auto !important;
        margin: 60px auto -33px;
    }

    body .page-container {
        min-height: 100%;
    }

    /* body .page-footer {
        background-color: #364150;
        height: 33px;
        position: relative;
    } */

    .page-sidebar-wrapper .page-sidebar {
        margin-top: 60px;
    }

    .tb_search {
        position: absolute;
        right: 0;
        width: 12%;
        float: right;
        margin-top: 0;
    }

    .task_icon_wrap {
        float: right;
    }

    .task_icon_wrap ul.list_icons,
    ul.filter_icons {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .task_icon_wrap li {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-left: 4px;
    }

    i.list_view_ico {
        background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center 0 / 24px auto;
    }

    i.kanban_view_ico {
        background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center -32px / 24px auto;
    }

    .task_icon_wrap li:hover i.kanban_view_ico {
        background-position: center -135px;
        border-color: #37c6d3;
    }

    .task_icon_wrap li:hover i.list_view_ico {
        background-position: center -171px;
        border-color: #37c6d3;
    }

    ul.filter_icons {
        float: right;
    }

    .task_icon_wrap ul.list_icons i,
    ul.filter_icons i {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        border: 1px solid #c4c6ca;
        border-radius: 5px;
        background-color: #ffffff;
    }

    .task_icon_wrap ul.list_icons li:hover i,
    .task_searchBox li:hover i {
        background-color: #37c6d3;
        opacity: inherit;
    }

    .task_icon_wrap ul.list_icons li:hover a:hover,
    .task_searchBox li:hover a:hover {
        opacity: inherit;
    }

    .tb_search.task_searchBox {
        width: 15%;
    }

    .task_searchBox input {
        width: 85%;
        float: left;
    }

    i.filter_view_ico {
        background: url("{{ asset('images/task_list_ico.png') }}") no-repeat scroll center -68px / 24px auto;
    }

    li:hover i.filter_view_ico {
        background-position: center -101px;
        border-color: #37c6d3;
    }

    .tabbable-line>.nav-tabs>li>a {
        font-weight: 600;
    }

    table.dataTable thead .sorting_asc:after {
        display: none;
    }
    #new_mail .note-editor.note-frame .note-statusbar {
        border: none !important;
    }

    #new_mail .note-editor.note-frame .note-editing-area .note-editable {
        min-height: 300px;
    }

    #new_mail .fs-upload.fs-light .fs-upload-target {
        padding: 12px 25px !important;
        border: 1px dashed #eee;
        font-size: 12px;
    }

    #new_mail .fs-upload-element {
        position: fixed;
        bottom: 8px;
        z-index: 5;
    }

    #new_mail .filelist {
        padding: 10px 0 0 !important;
    }

    #new_mail .filelist li {
        padding: 5px 5px 0px;
        background: #eee;
        border-radius: 3px;
    }

    #new_mail .progress,
    .extension_img {
        display: none !important;
    }

    #new_mail li .image_upload_wrap {
        width: 100%;
    }

    #new_mail button.send_email {
        max-width: 70px;
    }

</style>
@stop
@section('admin_js')


@include('admin.task.js.index')

@stop