@extends('layouts.master')
@section('page-css')

@endsection

@section('main-content')
   <div class="breadcrumb">
                <h1>مدیر وظیفه</h1>
                <ul>
                    <li><a href="">برنامه ها</a></li>
                    <li>مدیر وظیفه</li>
                </ul>

            </div>



            <div class="separator-breadcrumb border-top"></div>
            <div id="task-manager">
                <!-- top-content-bar -->
                <div class="row">
                    <div class="col-xl-10">
                        <div class="navbar navbar-expand-lg navbar-light navbar-component rounded">
                            <div class="text-center d-lg-none w-100">
                                <button type="button" class="task-manager-button navbar-toggler text-white" data-toggle="collapse" data-target="#navbar-filter">
                                            <i class="i-Filter-2"></i>

                                        </button>
                            </div>

                            <div class="navbar-collapse collapse" id="navbar-filter">
                                <div class="filter-mobile">
                                    <span class="navbar-text font-weight-semibold ">
                                                فیلتر:
                                            </span>
                                </div>

                                <ul class="navbar-nav flex-wrap">
                                    <li class="nav-item dropdown">
                                        <a href="#" class="navbar-nav-link " data-toggle="dropdown" aria-expanded="false">
                                            <i class="i-Time-Window "></i> براساس تاریخ
                                        </a>

                                        <div class="dropdown-menu">
                                            <a href="#" class="dropdown-item">نمایش همه</a>
                                            <div class="dropdown-divider"></div>
                                            <a href="#" class="dropdown-item">امروز</a>
                                            <a href="#" class="dropdown-item">دیروز</a>
                                            <a href="#" class="dropdown-item">این هفته</a>
                                            <a href="#" class="dropdown-item">این ماه</a>
                                            <a href="#" class="dropdown-item">امسال</a>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a href="#" class="navbar-nav-link  " data-toggle="dropdown" aria-expanded="false">
                                            <i class="i-Bar-Chart-2 "></i> طبق وضعیت
                                        </a>

                                        <div class="dropdown-menu">
                                            <a href="#" class="dropdown-item">نمایش همه</a>
                                            <div class="dropdown-divider"></div>
                                            <a href="#" class="dropdown-item">باز کن</a>
                                            <a href="#" class="dropdown-item">در انتظار</a>
                                            <a href="#" class="dropdown-item">حل شد</a>
                                            <a href="#" class="dropdown-item">بسته شد</a>
                                            <a href="#" class="dropdown-item">کپی کردن</a>
                                            <a href="#" class="dropdown-item">بی اعتبار</a>
                                            <a href="#" class="dropdown-item">Wontfix</a>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a href="#" class="navbar-nav-link" data-toggle="dropdown" aria-expanded="false">
                                            <i class="i-Arrow-Turn-Right "></i> طبق اولویت
                                        </a>

                                        <div class="dropdown-menu">
                                            <a href="#" class="dropdown-item">نمایش همه</a>
                                            <div class="dropdown-divider"></div>
                                            <a href="#" class="dropdown-item">زیاد ترین</a>
                                            <a href="#" class="dropdown-item">زیاد</a>
                                            <a href="#" class="dropdown-item">متوسط</a>
                                            <a href="#" class="dropdown-item">کم</a>
                                        </div>
                                    </li>
                                </ul>

                                <!-- <span class="navbar-text font-weight-semibold mr-2 ml-md-auto">
                                            View mode:
                                        </span>

                                        <div class="form-check form-check-switchery form-check-switchery-double mb-3 mb-lg-0">
                                            <label class="form-check-label">
                                                List
                                                <input type="checkbox" class="form-input-switchery" checked="" data-fouc="" data-switchery="true" style="display: none;"><span class="switchery switchery-default" style="background-color: rgb(100, 189, 99); border-color: rgb(100, 189, 99); box-shadow: rgb(100, 189, 99) 0px 0px 0px 10px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;"><small style="left: 18px; transition: background-color 0.4s ease 0s, left 0.2s ease 0s; background-color: rgb(255, 255, 255);"></small></span>
                                                Grid
                                            </label>
                                        </div> -->
                            </div>
                        </div>



                    </div>
                </div>
                <!-- end-of-top-content-bar -->
                <!-- content-start -->


                <div class="row">
                    <div class="col-xl-9">
                        <div class="row">
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. آیکون های جدید برای یک برنامه iOS تنظیم شده است</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span> اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span> اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> اولویت کم</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 ساعت</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">باز کن</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i>ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i>ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i> ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> برداشتن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span> اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span> اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">باز کن</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i> ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i> ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i> ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> برداشتن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>



                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span>اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span>اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> اولویت کم</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 ساعت</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">باز کن</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i> ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i>ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i> ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> برداشتن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>



                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span>اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span>اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> اولویت کم</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 ساعت</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i> ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i> ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i> ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> برداشتن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span>اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span> اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> اولویت کم</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 ساعت</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">باز کن</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i> ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i> ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i> ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> برداشتن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">مسدود کننده</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span class="badge badge-mark mr-2 border-danger"></span> مسدود کننده</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-warning-400"></span> اولویت بالا</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-success"></span> اولویت عادی</a>
                                                        <a href="#" class="dropdown-item"><span class="badge badge-mark mr-2 border-grey-300"></span> اولویت کم</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 ساعت</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">در انتظار</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">باز کن</a>
                                                    <a href="#" class="dropdown-item active">در انتظار</a>
                                                    <a href="#" class="dropdown-item">حل شد</a>
                                                    <a href="#" class="dropdown-item">بسته شد</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">کپی کردن</a>
                                                    <a href="#" class="dropdown-item">بی اعتبار</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i> ورود به سیستم</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i> ضمیمه تصویر</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i> مجدداً تنظیم کنید</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i>ویرایش کار</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i> حذف کردن</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                          class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January,
                                                          2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                  class="badge badge-mark mr-2 border-danger"></span>
                                                              Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                  class="badge badge-mark mr-2 border-warning-400"></span>
                                                              High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                  class="badge badge-mark mr-2 border-success"></span>
                                                              Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                  class="badge badge-mark mr-2 border-grey-300"></span>
                                                              Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                          class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i>
                                                          Check in</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-attachment"></i>
                                                          Attach screenshot</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-rotate-ccw2"></i>
                                                          Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i>
                                                          Edit task</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i>
                                                          Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                            class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20 January,
                                                            2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                    class="badge badge-mark mr-2 border-danger"></span>
                                                                Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                    class="badge badge-mark mr-2 border-warning-400"></span>
                                                                High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                    class="badge badge-mark mr-2 border-success"></span>
                                                                Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                    class="badge badge-mark mr-2 border-grey-300"></span>
                                                                Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                            class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i class="icon-alarm-add"></i>
                                                            Check in</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                class="icon-attachment"></i> Attach screenshot</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                class="icon-rotate-ccw2"></i> Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i>
                                                            Edit task</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i>
                                                            Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                              class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20
                                                              January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                      class="badge badge-mark mr-2 border-danger"></span>
                                                                  Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                      class="badge badge-mark mr-2 border-warning-400"></span>
                                                                  High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                      class="badge badge-mark mr-2 border-success"></span>
                                                                  Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                      class="badge badge-mark mr-2 border-grey-300"></span>
                                                                  Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On
                                                          hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                              class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i
                                                                  class="icon-alarm-add"></i> Check in</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                  class="icon-attachment"></i> Attach screenshot</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                  class="icon-rotate-ccw2"></i> Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i class="icon-pencil7"></i>
                                                              Edit task</a>
                                                    <a href="#" class="dropdown-item"><i class="icon-cross2"></i>
                                                              Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                                class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20
                                                                January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                        class="badge badge-mark mr-2 border-danger"></span>
                                                                    Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                        class="badge badge-mark mr-2 border-warning-400"></span>
                                                                    High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                        class="badge badge-mark mr-2 border-success"></span>
                                                                    Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                        class="badge badge-mark mr-2 border-grey-300"></span>
                                                                    Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On
                                                            hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                                class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i
                                                                    class="icon-alarm-add"></i> Check in</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                    class="icon-attachment"></i> Attach screenshot</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                    class="icon-rotate-ccw2"></i> Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i
                                                                    class="icon-pencil7"></i> Edit task</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                    class="icon-cross2"></i> Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                                  class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20
                                                                  January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                          class="badge badge-mark mr-2 border-danger"></span>
                                                                      Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                          class="badge badge-mark mr-2 border-warning-400"></span>
                                                                      High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                          class="badge badge-mark mr-2 border-success"></span>
                                                                      Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                          class="badge badge-mark mr-2 border-grey-300"></span>
                                                                      Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On
                                                              hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                                  class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i
                                                                      class="icon-alarm-add"></i> Check in</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                      class="icon-attachment"></i> Attach screenshot</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                      class="icon-rotate-ccw2"></i> Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i
                                                                      class="icon-pencil7"></i> Edit task</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                      class="icon-cross2"></i> Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">

                                <div class="card mt-4 mb-4">
                                    <div class="card-body">
                                        <div class="d-sm-flex align-item-sm-center flex-sm-nowrap">
                                            <div>
                                                <h6><a href="">#23. New icons set for an iOS app</a></h6>
                                                <p class="ul-task-manager__paragraph mb-3">A collection of textile samples lay spread out on the table..</p>

                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" height="36" alt="corrupted 2">
                                                </a>
                                                <a href="#">
                                                    <i class="ul-task-manager__fonts i-Add"></i>
                                                </a>
                                                <a href="" class="btn btn-icon bg-transparent border-slate-300 text-slate rounded-round border-dashed"><i
                                                                    class="icon-plus22"></i></a>
                                            </div>

                                            <ul class="list list-unstyled mb-0 mt-3 mt-sm-0 ml-auto">
                                                <li><span class="ul-task-manager__font-date text-muted">20
                                                                    January, 2015</span></li>
                                                <li class="dropdown">
                                                    Priority: &nbsp;
                                                    <a href="#" class="badge badge-danger align-top dropdown-toggle" data-toggle="dropdown">Blocker</a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <a href="#" class="dropdown-item active"><span
                                                                            class="badge badge-mark mr-2 border-danger"></span>
                                                                        Blocker</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                            class="badge badge-mark mr-2 border-warning-400"></span>
                                                                        High priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                            class="badge badge-mark mr-2 border-success"></span>
                                                                        Normal priority</a>
                                                        <a href="#" class="dropdown-item"><span
                                                                            class="badge badge-mark mr-2 border-grey-300"></span>
                                                                        Low priority</a>
                                                    </div>
                                                </li>
                                                <li><a href="#">Eternity app</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                                        <span>Due: <span class="font-weight-semibold">18 hours</span></span>

                                        <ul class="list-inline mb-0 mt-2 mt-sm-0">
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default " data-toggle="dropdown">On
                                                                hold</a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item">Open</a>
                                                    <a href="#" class="dropdown-item active">On hold</a>
                                                    <a href="#" class="dropdown-item">Resolved</a>
                                                    <a href="#" class="dropdown-item">Closed</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item">Dublicate</a>
                                                    <a href="#" class="dropdown-item">Invalid</a>
                                                    <a href="#" class="dropdown-item">Wontfix</a>
                                                </div>
                                            </li>
                                            <li class="list-inline-item dropdown">
                                                <a href="#" class="text-default" data-toggle="dropdown"><i
                                                                    class="i-Gear-2"></i></a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="#" class="dropdown-item"><i
                                                                        class="icon-alarm-add"></i> Check in</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                        class="icon-attachment"></i> Attach
                                                                    screenshot</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                        class="icon-rotate-ccw2"></i> Reassign</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="#" class="dropdown-item"><i
                                                                        class="icon-pencil7"></i> Edit task</a>
                                                    <a href="#" class="dropdown-item"><i
                                                                        class="icon-cross2"></i> Remove</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>



                        </div>
                        <!-- pagination -->
                        <div class="row justify-content-center mt-4">

                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                </ul>
                            </nav>

                        </div>
                        <!-- end of pagination -->
                    </div>








                    <!-- right-sidebar-content -->
                    <div class="col-xl-3 ">
                        <!-- search -->
                        <div class="card  mt-4 mb-3">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle()">Search Task</div>
                            <div class="card-body" id="custom-toggle">
                                <input type="text" placeholder="type  &  hit enter" class="form-control">
                            </div>
                        </div>
                        <!-- end of search -->
                        <!-- actions   -->
                        <div class="card  mb-3">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle2()">Actions</div>
                            <div class="card-body" id="custom-toggle2">
                                <h5 class="card-title">Light card title</h5>
                                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            </div>
                        </div>
                        <!-- end of actions -->

                        <!-- navigation -->
                        <div class="card  mb-3">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle3()">Navigation</div>
                            <div class="card-body" id="custom-toggle3">

                                <p class="card-text">Actions</p>

                                <div class="list-group">
                                    <a href="#" class="list-group-item list-group-item-action active">
                                        <span class="custom-font"><i class="i-Add-Window">  </i></span>Create Task
                                    </a>
                                    <a href="#" class="list-group-item list-group-item-action "><i class="i-Empty-Box"> </i> Create Project</a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-Edit"> </i> Edit Task List</a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-Add-User"> </i> Assign User</a>
                                    <a href="#" class="list-group-item list-group-item-action disabled"><i class="i-Network"> </i> Create Team </a>
                                </div>
                                <div class="mb-4"></div>
                                <!-- add task -->
                                <p class="card-text">Tasks</p>

                                <div class="list-group">
                                    <a href="#" class="list-group-item list-group-item-action">
                                        <span class="custom-font"><i class="i-Folders">  </i></span>All Tasks
                                    </a>
                                    <a href="#" class="list-group-item list-group-item-action "><i class="i-Add-File"> </i> Active Tasks</a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-File-Favorite"> </i> Closed Tasks</a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-Administrator"> </i> Assigned To Me  <span class="badge badge-primary badge-pill ml-4">14</span></a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-Conference"> </i> Assigned To My Team  <span class="badge badge-primary badge-pill ml-4">14</span></a>
                                    <a href="#" class="list-group-item list-group-item-action"><i class="i-Gears"> </i> Settings  </a>

                                </div>

                                <!-- end of Tasks -->
                            </div>
                        </div>
                        <!-- end of navigation -->

                        <!-- assigners -->
                        <div class="card  mb-3">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle4()">Assigners</div>
                            <div class="card-body" id="custom-toggle4">
                                <ul class="media-list">
                                    <li class="media mb-2">
                                        <a href="#" class="mr-4">
                                            <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" alt="asd" srcset="">
                                        </a>
                                        <div class="ul-task-manager__media">
                                            <a href="">James Alexander gull</a>
                                            <div class="font-size-sm text-muted">Santa Ana,CA</div>
                                        </div>
                                        <div class="ml-3 align-self-center">
                                            <span class="badge badge-mark"></span>
                                        </div>
                                    </li>

                                    <li class="media mb-2">
                                        <a href="#" class="mr-4">
                                            <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" alt="asd" srcset="">
                                        </a>
                                        <div class="ul-task-manager__media">
                                            <a href="">James Alexander</a>
                                            <div class="font-size-sm text-muted">Santa Ana,CA</div>
                                        </div>
                                        <div class="ml-3 align-self-center">
                                            <span class="badge badge-mark "></span>
                                        </div>
                                    </li>

                                    <li class="media mb-2">
                                        <a href="#" class="mr-4">
                                            <img src="{{asset('assets/images/faces/1.jpg')}}" class="rounded-circle" width="36" alt="asd" srcset="">
                                        </a>
                                        <div class="ul-task-manager__media">
                                            <a href="">James Alexander</a>
                                            <div class="font-size-sm text-muted">Santa Ana,CA</div>
                                        </div>
                                        <div class="ml-3 align-self-center">
                                            <span class="badge badge-mark"></span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end of assigners -->


                        <!-- Revisions -->
                        <div class="card  mb-3">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle5()">Revisions</div>
                            <div class="card-body" id="custom-toggle5">
                                <li class="media mb-3">
                                    <a href="#" class="revision-font">
                                        <i class="i-Arrow-Down-in-Circle"></i>
                                    </a>
                                    <div class="ul-task-manager__media">
                                        <p class="revisions-p">Add full font overrides for popovers and tooltips</p>
                                        <div class="font-size-sm text-muted">24 minutes ago</div>
                                    </div>

                                </li>

                                <li class="media mb-3">
                                    <a href="#" class="revision-font">
                                        <i class="i-Arrow-Down-in-Circle"></i>
                                    </a>
                                    <div class="ul-task-manager__media">
                                        <p class="revisions-p">Add full font overrides for popovers and tooltips</p>
                                        <div class="font-size-sm text-muted">24 minutes ago</div>
                                    </div>

                                </li>

                                <li class="media mb-3">
                                    <a href="#" class="revision-font">
                                        <i class="i-Arrow-Left-in-Circle"></i>
                                    </a>
                                    <div class="ul-task-manager__media">
                                        <p class="revisions-p">Chris Arney created a new Design branch</p>
                                        <div class="font-size-sm text-muted">2 hours ago</div>
                                    </div>
                                    <div class="ml-3 align-self-center">
                                        <span class="badge badge-mark"></span>
                                    </div>
                                </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end of revisions -->
                        <!-- completeness stats -->
                        <div class="card  mb-3 ">
                            <div class="card-header font-weight-bold dropdown-toggle" onClick="customToggle6()">Completeness Stats</div>
                            <div class="card-body" id="custom-toggle6">
                                <ul class="list-unstyled mb-0">
                                    <li class="mb-3">
                                        <div class="d-flex align-items-center mb-1">Blockers <span class="text-muted ml-auto">50%</span></div>
                                        <div class="progress" style="height: 0.125rem;">
                                            <div class="progress-bar bg-danger" style="width: 50%">
                                                <span class="sr-only">50% Complete</span>
                                            </div>
                                        </div>
                                    </li>

                                    <li class="mb-3">
                                        <div class="d-flex align-items-center mb-1">High priority <span class="text-muted ml-auto">70%</span></div>
                                        <div class="progress" style="height: 0.125rem;">
                                            <div class="progress-bar bg-warning-400" style="width: 70%">
                                                <span class="sr-only">70% Complete</span>
                                            </div>
                                        </div>
                                    </li>

                                    <li class="mb-3">
                                        <div class="d-flex align-items-center mb-1">Normal priority <span class="text-muted ml-auto">80%</span></div>
                                        <div class="progress" style="height: 0.125rem;">
                                            <div class="progress-bar bg-success-400" style="width: 80%">
                                                <span class="sr-only">80% Complete</span>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="d-flex align-items-center mb-1">Low priority <span class="text-muted ml-auto">60%</span></div>
                                        <div class="progress" style="height: 0.125rem;">
                                            <div class="progress-bar bg-grey-400" style="width: 60%">
                                                <span class="sr-only">60% Complete</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end of completeness -->
                    </div>
                    <!-- end of sidebar content -->

                    <!-- end-of-content -->

@endsection

@section('page-js')

<script src="{{asset('assets/js/es5/task-manager.min.js')}}"></script>



@endsection
