Changeset c6b84df for resources/views


Ignore:
Timestamp:
10/21/21 23:45:59 (3 years ago)
Author:
beratkjufliju <kufliju@…>
Branches:
develop, master
Children:
4b7e2d3
Parents:
6b95845
Message:

added fileTypes controller, notifications, excel export, edited views

Location:
resources/views
Files:
4 added
5 deleted
5 edited

Legend:

Unmodified
Added
Removed
  • resources/views/dashboard/departments/index.blade.php

    r6b95845 rc6b84df  
    1616            <ol class="breadcrumb">
    1717                <li class="breadcrumb-item">
    18                     <a href="{{ url('dashboard/departments') }}">Departments</a>
     18                    <a href="{{ url('/') }}">Dashboard</a>
    1919                </li>
    2020                <li class="breadcrumb-item active" aria-current="page">Departments</li>
     
    2424            <a href="javascript:void(0)" data-toggle="modal" data-target="#createModal" class="btn btn-primary text-white">
    2525                Add department
     26            </a>
     27            <a href="{{ route("dashboard.departments.downloadAll") }}" class="btn btn-danger text-white">
     28                <i class="fa fa-download pr-1"></i> Download files
    2629            </a>
    2730        </div>
     
    4144                                <th>Name</th>
    4245                                <th>Code</th>
     46                                <th>Folders</th>
    4347                                <th>Created by</th>
    4448                                <th>Created at</th>
     
    5559                                    <td>{{ $department->name }}</td>
    5660                                    <td>{{ $department->code }}</td>
     61                                    <td>{{ $department->folder->count() }}</td>
    5762                                    <td>{{ $department->getCreatedByName() }}</td>
    5863                                    <td>{{ date('d.m.Y - H:i', strtotime($department->created_at)) }}</td>
     
    6368                                    @endif
    6469                                    <!-- Trigger -->
    65                                     <td>{{ $department->location }}
    66                                             <button class="btn btn-sm btn-primary text-white" data-clipboard-target="#copy_{{ $department->id }}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
     70                                    <td><button data-clipboard-text="{{$department->location}}" class="btn btn-sm btn-primary text-white" data-toggle="tooltip" data-placement="right" title="{{$department->location}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
    6771                                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
    6872                                                    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
    6973                                                </svg></button>
    70                                         <span type="hidden" id="copy_{{$department->id}}"></span>
    7174                                    </td>
    7275                                    <td>
    7376                                        <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$department->id}}" title="Edit">
    7477                                            <i class="ti-pencil"></i>
     78                                        </a>
     79                                        <a href="{{ route("dashboard.departments.downloadDepartment", ['id' => $department->id]) }}" class="text-danger ml-2"title="Delete">
     80                                            <i class="ti-download"></i>
    7581                                        </a>
    7682                                        <a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$department->id}}" title="Delete">
     
    9399                                                    @method('DELETE')
    94100                                                    <p>Are you sure you want to delete department {{$department->name}} with code: {{$department->code}}?</p>
    95                                                     <p>Number of documents associated: {{$department->document()->count()}}</p>
     101                                                    <p>Number of documents associated: <a href="{{ route("dashboard.folders.index", ['id' => $department->id]) }}" class="text-linkedin">{{$department->folder()->count()}}</a></p>
    96102                                                    <div class="modal-footer">
    97103                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     
    133139                                                        </div>
    134140                                                    </div>
    135                                                     <input type="submit" value="Save changes" class="btn btn-primary pull-right m-10">
     141                                                    <br/>
     142                                                    <div class="modal-footer">
     143                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     144                                                        </button>
     145                                                        <button type="submit" class="btn btn-primary">Save changes</button>
     146                                                    </div>
    136147                                                </form>
    137148                                            </div>
     
    168179                                                    </div>
    169180                                                </div>
    170                                                 <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
     181                                                <br/>
     182                                                <div class="modal-footer">
     183                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     184                                                    </button>
     185                                                    <button type="submit" class="btn btn-primary">Save changes</button>
     186                                                </div>
    171187                                            </form>
    172188                                        </div>
     
    187203
    188204@section('script')
     205
     206    @yield('script')
     207
    189208    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
    190209    <!-- Datatable -->
  • resources/views/dashboard/index.blade.php

    r6b95845 rc6b84df  
    11@extends('layouts.app')
    2 
    3 @section("title", "Dashboard")
    42
    53@section('head')
     
    75    <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css">
    86    <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css">
     7
     8    <!-- Daterangepicker -->
     9    <link rel="stylesheet" href="{{ url('vendors/datepicker/daterangepicker.css') }}" type="text/css">
     10
     11    <!-- DataTable -->
     12    <link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css">
    913@endsection
    1014
    11 
    1215@section('pageTitle', 'Dashboard')
    1316
    1417@section('content')
    1518
    16     <nav aria-label="breadcrumb">
    17         <ol class="breadcrumb">
    18             <li class="breadcrumb-item">
    19                 <a href="{{ url('/') }}">Home</a>
    20             </li>
    21             <li class="breadcrumb-item active" aria-current="page">Projects</li>
    22         </ol>
    23     </nav>
     19    <div class="page-header">
     20        <nav aria-label="breadcrumb">
     21            <ol class="breadcrumb">
     22                <li class="breadcrumb-item">
     23                    <a href="{{ url('/') }}">Dashboard</a>
     24                </li>
     25            </ol>
     26        </nav>
     27    </div>
    2428
    2529    <div class="row">
     
    2731
    2832            <div class="row">
    29                 <div class="col-lg-8 col-md-12">
     33                <div class="col-lg-4 col-md-12">
    3034                    <div class="card">
    3135                        <div class="card-body">
    32                             <div class="card-title d-flex justify-content-between">
    33                                 <h6 class="card-title">Project Tasks</h6>
     36                            <div class="d-flex justify-content-between mb-3">
    3437                                <div>
    35                                     <a href="#" class="mr-3">
    36                                         <i class="fa fa-refresh"></i>
    37                                     </a>
    38                                     <span class="dropdown">
    39                                         <a href="#" data-toggle="dropdown" aria-haspopup="true"
    40                                            aria-expanded="false">
    41                                             <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
     38                                    <p class="text-muted">Total Departments</p>
     39                                    <h2 class="font-weight-bold">{{ $departments->count() }}</h2>
     40                                </div>
     41                                <div>
     42                                    <figure class="avatar">
     43                                        <span class="avatar-title bg-success-bright text-success rounded-circle">
     44                                            <i class="ti-layout-grid2"></i>
     45                                        </span>
     46                                    </figure>
     47                                </div>
     48                            </div>
     49                            <div class="d-inline-flex align-items-center">
     50                                <a href="{{ route("dashboard.departments.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show departments</a>
     51                            </div>
     52                        </div>
     53                    </div>
     54                </div>
     55                <div class="col-lg-4 col-md-12">
     56                    <div class="card">
     57                        <div class="card-body">
     58                            <div class="d-flex justify-content-between mb-3">
     59                                <div>
     60                                    <p class="text-muted">Total Folders</p>
     61                                    <h2 class="font-weight-bold">{{ $folders->count() }}</h2>
     62                                </div>
     63                                <div>
     64                                    <figure class="avatar">
     65                                        <span class="avatar-title bg-info-bright text-info rounded-circle">
     66                                            <i class="ti-folder"></i>
     67                                        </span>
     68                                    </figure>
     69                                </div>
     70                            </div>
     71                            <div class="d-inline-flex align-items-center">
     72                                <a href="{{ route("dashboard.folders.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show folders</a>
     73                            </div>
     74                        </div>
     75                    </div>
     76                </div>
     77                <div class="col-lg-4 col-md-12">
     78                    <div class="card">
     79                        <div class="card-body">
     80                            <div class="d-flex justify-content-between mb-3">
     81                                <div>
     82                                    <p class="text-muted">Total Files</p>
     83                                    <h2 class="font-weight-bold">{{ $files->count() }}</h2>
     84                                </div>
     85                                <div>
     86                                    <figure class="avatar">
     87                                        <span class="avatar-title bg-warning-bright text-warning rounded-circle">
     88                                            <i class="ti-files"></i>
     89                                        </span>
     90                                    </figure>
     91                                </div>
     92                            </div>
     93                            <div class="d-inline-flex align-items-center">
     94                                <a href="{{ route("dashboard.files.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show files</a>
     95                            </div>
     96                        </div>
     97                    </div>
     98                </div>
     99
     100            </div>
     101
     102        </div>
     103    </div>
     104
     105    <div class="row">
     106        <div class="col-lg-8 col-md-12">
     107            <div class="card">
     108                <div class="card-body">
     109                    <div class="d-flex justify-content-between">
     110                        <h6 class="card-title">Revenue</h6>
     111                        <div>
     112                            <a href="#" class="btn btn-outline-light btn-sm mr-2">
     113                                <i class="fa fa-refresh"></i>
     114                            </a>
     115                            <div class="dropdown">
     116                                <a href="#" data-toggle="dropdown"
     117                                   class="btn btn-outline-light btn-sm"
     118                                   aria-haspopup="true" aria-expanded="false">
     119                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     120                                </a>
     121                                <div class="dropdown-menu dropdown-menu-right">
     122                                    <a class="dropdown-item" href="#">Action</a>
     123                                    <a class="dropdown-item" href="#">Another action</a>
     124                                    <a class="dropdown-item" href="#">Something else here</a>
     125                                </div>
     126                            </div>
     127                        </div>
     128                    </div>
     129                    <div class="row mb-3">
     130                        <div class="col-lg-4">
     131                            <p class="mb-2">This Week</p>
     132                            <div class="d-flex align-items-end">
     133                                <h2 class="mb-0 line-height-30 font-size-35">$235</h2>
     134                                <span class="text-success small ml-2 d-flex align-items-center">
     135                                    <span class="ti-arrow-up mr-2"></span>
     136                                    <span class="badge badge-success rounded d-inline-flex align-items-center">1.9%</span>
     137                                </span>
     138                            </div>
     139                        </div>
     140                        <div class="col-lg-4">
     141                            <p class="mb-2">Last Week</p>
     142                            <div class="d-flex align-items-end">
     143                                <h2 class="mb-0 line-height-30 font-size-35">$5,180</h2>
     144                                <span class="text-danger small ml-2 d-flex align-items-center">
     145                                    <span class="ti-arrow-down mr-2"></span>
     146                                    <span class="badge badge-danger rounded d-inline-flex align-items-center">1.9%</span>
     147                                </span>
     148                            </div>
     149                        </div>
     150                    </div>
     151                    <div id="revenue"></div>
     152                </div>
     153            </div>
     154
     155        </div>
     156        <div class="col-lg-4 col-md-12">
     157            <div class="card">
     158                <div class="card-body">
     159                    <div class="d-flex justify-content-between">
     160                        <h6 class="card-title">Hot Products</h6>
     161                        <div>
     162                            <div class="dropdown">
     163                                <a href="#" data-toggle="dropdown"
     164                                   class="btn btn-outline-light btn-sm"
     165                                   aria-haspopup="true" aria-expanded="false">
     166                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     167                                </a>
     168                                <div class="dropdown-menu dropdown-menu-right">
     169                                    <a class="dropdown-item" href="#">Action</a>
     170                                    <a class="dropdown-item" href="#">Another action</a>
     171                                    <a class="dropdown-item" href="#">Something else here</a>
     172                                </div>
     173                            </div>
     174                        </div>
     175                    </div>
     176                    <div id="hot-products"></div>
     177                    <div>
     178                        <ul class="list-group list-group-flush">
     179                            <li class="list-group-item pl-0 pr-0">
     180                                <i class="fa fa-circle mr-1 text-secondary"></i> Iphone
     181                            </li>
     182                            <li class="list-group-item pl-0 pr-0">
     183                                <i class="fa fa-circle mr-1 text-warning"></i> Samsung
     184                            </li>
     185                            <li class="list-group-item pl-0 pr-0">
     186                                <i class="fa fa-circle mr-1 text-info"></i> Huawei
     187                            </li>
     188                            <li class="list-group-item pl-0 pr-0">
     189                                <i class="fa fa-circle mr-1 text-success"></i> General Mobile
     190                            </li>
     191                            <li class="list-group-item pl-0 pr-0">
     192                                <i class="fa fa-circle mr-1 text-danger"></i> Xiaomi
     193                            </li>
     194                        </ul>
     195                    </div>
     196                </div>
     197            </div>
     198        </div>
     199    </div>
     200
     201    <div class="card">
     202        <div class="card-body">
     203            <div class="d-flex justify-content-between">
     204                <h6 class="card-title">Recent Orders</h6>
     205                <div>
     206                    <a href="#" class="btn btn-outline-light btn-sm mr-2">
     207                        <i class="fa fa-refresh"></i>
     208                    </a>
     209                    <div class="dropdown">
     210                        <a href="#" data-toggle="dropdown"
     211                           class="btn btn-outline-light btn-sm"
     212                           aria-haspopup="true" aria-expanded="false">
     213                            <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     214                        </a>
     215                        <div class="dropdown-menu dropdown-menu-right">
     216                            <a class="dropdown-item" href="#">Action</a>
     217                            <a class="dropdown-item" href="#">Another action</a>
     218                            <a class="dropdown-item" href="#">Something else here</a>
     219                        </div>
     220                    </div>
     221                </div>
     222            </div>
     223            <div class="row">
     224                <div class="col-md-12">
     225                    <div class="table-responsive">
     226                        <table id="recent-orders" class="table table-lg">
     227                            <thead>
     228                            <tr>
     229                                <th>ID</th>
     230                                <th>Product Name</th>
     231                                <th>Customer</th>
     232                                <th>Total Price</th>
     233                                <th>Status</th>
     234                                <th>Date</th>
     235                                <th>Action</th>
     236                            </tr>
     237                            </thead>
     238                            <tbody>
     239                            <tr>
     240                                <td>
     241                                    <a href="#">3145</a>
     242                                </td>
     243                                <td>
     244                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     245                                        <img width="40" src="{{ url('assets/media/image/products/product1.png') }}"
     246                                             class="rounded mr-3" alt="grape">
     247                                        <span>HP Pavilion 15-EC0005NT AMD</span>
     248                                    </a>
     249                                </td>
     250                                <td>Dollie Bullock</td>
     251                                <td>$230</td>
     252                                <td>
     253                                    <span
     254                                        class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
     255                                </td>
     256                                <td>2018/08/28 21:24:36</td>
     257                                <td>
     258                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     259                                        <i class="ti-pencil"></i>
     260                                    </a>
     261                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     262                                        <i class="ti-trash"></i>
     263                                    </a>
     264                                </td>
     265                            </tr>
     266                            <tr>
     267                                <td>
     268                                    <a href="#">7321</a>
     269                                </td>
     270                                <td>
     271                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     272                                        <img width="40" src="{{ url('assets/media/image/products/product2.png') }}"
     273                                             class="rounded mr-3" alt="banana">
     274                                        <span>Samsung Galaxy A51 128 GB</span>
     275                                    </a>
     276                                </td>
     277                                <td>Holmes Hines</td>
     278                                <td>$300</td>
     279                                <td>
     280                                    <span class="badge bg-success-bright text-success">Payment accepted</span>
     281                                </td>
     282                                <td>2018/08/28 21:24:36</td>
     283                                <td>
     284                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     285                                        <i class="ti-pencil"></i>
     286                                    </a>
     287                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     288                                        <i class="ti-trash"></i>
     289                                    </a>
     290                                </td>
     291                            </tr>
     292                            <tr>
     293                                <td>
     294                                    <a href="#">9342</a>
     295                                </td>
     296                                <td>
     297                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     298                                        <img width="40" src="{{ url('assets/media/image/products/product3.png') }}"
     299                                             class="rounded mr-3" alt="cherry">
     300                                        <span>Snopy SN-BT96 Pretty</span>
     301                                    </a>
     302                                </td>
     303                                <td>Serena Glover</td>
     304                                <td>$250</td>
     305                                <td>
     306                                    <span class="badge bg-danger-bright text-danger">Payment error</span>
     307                                </td>
     308                                <td>2018/08/28 21:24:36</td>
     309                                <td>
     310                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     311                                        <i class="ti-pencil"></i>
     312                                    </a>
     313                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     314                                        <i class="ti-trash"></i>
     315                                    </a>
     316                                </td>
     317                            </tr>
     318                            <tr>
     319                                <td>
     320                                    <a href="#">6416</a>
     321                                </td>
     322                                <td>
     323                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     324                                        <img width="40" src="{{ url('assets/media/image/products/product4.png') }}"
     325                                             class="rounded mr-3" alt="papaya">
     326                                        <span>Ultimate Ears Wonderboom</span>
     327                                    </a>
     328                                </td>
     329                                <td>Dianne Prince</td>
     330                                <td>$550</td>
     331                                <td>
     332                                    <span class="badge bg-success-bright text-success">Payment accepted</span>
     333                                </td>
     334                                <td>2018/08/28 21:24:36</td>
     335                                <td>
     336                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     337                                        <i class="ti-pencil"></i>
     338                                    </a>
     339                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     340                                        <i class="ti-trash"></i>
     341                                    </a>
     342                                </td>
     343                            </tr>
     344                            <tr>
     345                                <td>
     346                                    <a href="#">92327</a>
     347                                </td>
     348                                <td>
     349                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     350                                        <img width="40" src="{{ url('assets/media/image/products/product5.png') }}"
     351                                             class="rounded mr-3" alt="pig">
     352                                        <span>Canon Pixma E3140 Printer</span>
     353                                    </a>
     354                                </td>
     355                                <td>Morgan Pitts</td>
     356                                <td>$280</td>
     357                                <td>
     358                                    <span class="badge bg-warning-bright text-warning">Preparing the order</span>
     359                                </td>
     360                                <td>2018/08/28 21:24:36</td>
     361                                <td>
     362                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     363                                        <i class="ti-pencil"></i>
     364                                    </a>
     365                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     366                                        <i class="ti-trash"></i>
     367                                    </a>
     368                                </td>
     369                            </tr>
     370                            <tr>
     371                                <td>
     372                                    <a href="#">3013</a>
     373                                </td>
     374                                <td>
     375                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     376                                        <img width="40" src="{{ url('assets/media/image/products/product6.png') }}"
     377                                             class="rounded mr-3" alt="pineapple">
     378                                        <span>Canon 4000D 18-55 MM</span>
     379                                    </a>
     380                                </td>
     381                                <td>Merrill Richardson</td>
     382                                <td>$128</td>
     383                                <td>
     384                                    <span class="badge bg-info-bright text-info">Awaiting PayPal payment</span>
     385                                </td>
     386                                <td>2018/08/28 21:24:36</td>
     387                                <td>
     388                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     389                                        <i class="ti-pencil"></i>
     390                                    </a>
     391                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     392                                        <i class="ti-trash"></i>
     393                                    </a>
     394                                </td>
     395                            </tr>
     396                            <tr>
     397                                <td>
     398                                    <a href="#">10323</a>
     399                                </td>
     400                                <td>
     401                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     402                                        <img width="40" src="{{ url('assets/media/image/products/product7.png') }}"
     403                                             class="rounded mr-3" alt="pomegranate">
     404                                        <span>Lenovo Tab E10 TB-X104F 32GB 10.1"</span>
     405                                    </a>
     406                                </td>
     407                                <td>Krista Mathis</td>
     408                                <td>$500</td>
     409                                <td>
     410                                    <span class="badge bg-secondary-bright text-secondary">Shipped</span>
     411                                </td>
     412                                <td>2018/08/28 21:24:36</td>
     413                                <td>
     414                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     415                                        <i class="ti-pencil"></i>
     416                                    </a>
     417                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     418                                        <i class="ti-trash"></i>
     419                                    </a>
     420                                </td>
     421                            </tr>
     422                            <tr>
     423                                <td>
     424                                    <a href="#">4218</a>
     425                                </td>
     426                                <td>
     427                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     428                                        <img width="40" src="{{ url('assets/media/image/products/product8.png') }}"
     429                                             class="rounded mr-3" alt="raspberry">
     430                                        <span>Samsung 55Q60RAT 55"</span>
     431                                    </a>
     432                                </td>
     433                                <td>Frankie Hewitt</td>
     434                                <td>$300</td>
     435                                <td>
     436                                    <span class="badge bg-success-bright text-success">Remote payment accepted</span>
     437                                </td>
     438                                <td>2018/08/28 21:24:36</td>
     439                                <td>
     440                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     441                                        <i class="ti-pencil"></i>
     442                                    </a>
     443                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     444                                        <i class="ti-trash"></i>
     445                                    </a>
     446                                </td>
     447                            </tr>
     448                            <tr>
     449                                <td>
     450                                    <a href="#">3158</a>
     451                                </td>
     452                                <td>
     453                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     454                                        <img width="40" src="{{ url('assets/media/image/products/product9.png') }}"
     455                                             class="rounded mr-3" alt="strawberry">
     456                                        <span>Toshiba Canvio Basic 1TB 2.5"</span>
     457                                    </a>
     458                                </td>
     459                                <td>Hayden Fitzgerald</td>
     460                                <td>$200</td>
     461                                <td>
     462                                    <span class="badge bg-success-bright text-success">Delivered</span>
     463                                </td>
     464                                <td>2018/08/28 21:24:36</td>
     465                                <td>
     466                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     467                                        <i class="ti-pencil"></i>
     468                                    </a>
     469                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     470                                        <i class="ti-trash"></i>
     471                                    </a>
     472                                </td>
     473                            </tr>
     474                            <tr>
     475                                <td>
     476                                    <a href="#">9610</a>
     477                                </td>
     478                                <td>
     479                                    <a href="testproduct-detail') }}" class="d-flex align-items-center">
     480                                        <img width="40" src="{{ url('assets/media/image/products/product10.png') }}"
     481                                             class="rounded mr-3" alt="watermelon">
     482                                        <span>Fms Wireless Controller</span>
     483                                    </a>
     484                                </td>
     485                                <td>Cole Holcomb</td>
     486                                <td>$700</td>
     487                                <td>
     488                                    <span
     489                                        class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
     490                                </td>
     491                                <td>2018/08/28 21:24:36</td>
     492                                <td>
     493                                    <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
     494                                        <i class="ti-pencil"></i>
     495                                    </a>
     496                                    <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
     497                                        <i class="ti-trash"></i>
     498                                    </a>
     499                                </td>
     500                            </tr>
     501                            </tbody>
     502                        </table>
     503                    </div>
     504                </div>
     505            </div>
     506        </div>
     507    </div>
     508
     509    <div class="row">
     510        <div class="col-lg-8 col-md-12">
     511            <div class="card">
     512                <div class="card-body">
     513                    <div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
     514                        <h6 class="card-title">Activities</h6>
     515                        <div>
     516                            <div id="reportrange" class="form-control">
     517                                <span></span>
     518                            </div>
     519                        </div>
     520                    </div>
     521                    <div id="ecommerce-activity-chart"></div>
     522                </div>
     523            </div>
     524        </div>
     525        <div class="col-lg-4 col-md-12">
     526            <div class="card">
     527                <div class="card-body pb-0">
     528                    <div class="d-flex justify-content-between align-items-start mb-3">
     529                        <h6 class="card-title mb-0">Top Sales</h6>
     530                        <a href="#" class="small">All Sales</a>
     531                    </div>
     532                </div>
     533                <div class="table-responsive">
     534                    <table class="table table-striped mb-0">
     535                        <thead>
     536                        <tr>
     537                            <th>Product</th>
     538                            <th>Total Sales</th>
     539                        </tr>
     540                        </thead>
     541                        <tbody>
     542                        <tr>
     543                            <td>
     544                                <a href="#">Apple</a>
     545                            </td>
     546                            <td>21</td>
     547                        </tr>
     548                        <tr>
     549                            <td>
     550                                <a href="#">Samsung <span class="badge badge-danger ml-1">New</span></a>
     551                            </td>
     552                            <td>52</td>
     553                        </tr>
     554                        <tr>
     555                            <td>
     556                                <a href="#">Huawei</a>
     557                            </td>
     558                            <td>74</td>
     559                        </tr>
     560                        <tr>
     561                            <td>
     562                                <a href="#">General Mobile</a>
     563                            </td>
     564                            <td>25</td>
     565                        </tr>
     566                        <tr>
     567                            <td>
     568                                <a href="#">Xiaomi</a>
     569                            </td>
     570                            <td>11</td>
     571                        </tr>
     572                        <tr>
     573                            <td>
     574                                <a href="#">Nokia</a>
     575                            </td>
     576                            <td>8</td>
     577                        </tr>
     578                        <tr>
     579                            <td>
     580                                <a href="#">Sony</a>
     581                            </td>
     582                            <td>5</td>
     583                        </tr>
     584                        <tr>
     585                            <td>
     586                                <a href="#">Alcatel</a>
     587                            </td>
     588                            <td>5</td>
     589                        </tr>
     590                        </tbody>
     591                    </table>
     592                </div>
     593            </div>
     594        </div>
     595    </div>
     596
     597    <div class="row">
     598        <div class="col-md-6">
     599            <div class="card">
     600                <div class="card-body">
     601                    <h6 class="card-title d-flex justify-content-between">
     602                        <span>Income Distribution</span>
     603                        <span class="dropdown">
     604                            <a class="btn btn-outline-light btn-sm dropdown-toggle" href="#"
     605                               data-toggle="dropdown">USA</a>
     606                            <span class="dropdown-menu dropdown-menu-right">
     607                                <a href="#" class="dropdown-item">USA</a>
     608                                <a href="#" class="dropdown-item">Germany</a>
     609                                <a href="#" class="dropdown-item">France</a>
     610                                <a href="#" class="dropdown-item">Italy</a>
     611                            </span>
     612                        </span>
     613                    </h6>
     614                    <div id="vmap_usa_en" style="height: 300px"></div>
     615                </div>
     616                <div class="table-responsive">
     617                    <table class="table table-borderless table-lg table-striped mb-0">
     618                        <thead>
     619                        <tr>
     620                            <th class="wd-40">States</th>
     621                            <th class="wd-25 text-center">Orders</th>
     622                            <th class="wd-35 text-center">Earnings</th>
     623                            <th class="wd-35"></th>
     624                        </tr>
     625                        </thead>
     626                        <tbody>
     627                        <tr>
     628                            <td>California</td>
     629                            <td class="text-center">12,201</td>
     630                            <td class="text-center text-success">$150,200.80</td>
     631                            <td class="text-right">
     632                                <a href="#" data-toggle="tooltip" title="Detail">
     633                                    <i class="fa fa-external-link"></i>
     634                                </a>
     635                            </td>
     636                        </tr>
     637                        <tr>
     638                            <td>Texas</td>
     639                            <td class="text-center">11,950</td>
     640                            <td class="text-center text-success">$138,910.20</td>
     641                            <td class="text-right">
     642                                <a href="#" data-toggle="tooltip" title="Detail">
     643                                    <i class="fa fa-external-link"></i>
     644                                </a>
     645                            </td>
     646                        </tr>
     647                        <tr>
     648                            <td>Wyoming</td>
     649                            <td class="text-center">11,198</td>
     650                            <td class="text-center text-danger">$132,050.00</td>
     651                            <td class="text-right">
     652                                <a href="#" data-toggle="tooltip" title="Detail">
     653                                    <i class="fa fa-external-link"></i>
     654                                </a>
     655                            </td>
     656                        </tr>
     657                        <tr>
     658                            <td>Florida</td>
     659                            <td class="text-center">9,885</td>
     660                            <td class="text-center text-success">$127,762.10</td>
     661                            <td class="text-right">
     662                                <a href="#" data-toggle="tooltip" title="Detail">
     663                                    <i class="fa fa-external-link"></i>
     664                                </a>
     665                            </td>
     666                        </tr>
     667                        <tr>
     668                            <td>New York</td>
     669                            <td class="text-center">21,198</td>
     670                            <td class="text-center text-danger">$432,410.00</td>
     671                            <td class="text-right">
     672                                <a href="#" data-toggle="tooltip" title="Detail">
     673                                    <i class="fa fa-external-link"></i>
     674                                </a>
     675                            </td>
     676                        </tr>
     677                        <tr>
     678                            <td>Montana</td>
     679                            <td class="text-center">2,885</td>
     680                            <td class="text-center text-success">$7,100.00</td>
     681                            <td class="text-right">
     682                                <a href="#" data-toggle="tooltip" title="Detail">
     683                                    <i class="fa fa-external-link"></i>
     684                                </a>
     685                            </td>
     686                        </tr>
     687                        </tbody>
     688                    </table>
     689                </div>
     690            </div>
     691        </div>
     692        <div class="col-md-6">
     693            <div class="card">
     694                <div class="card-body">
     695                    <div class="card-title d-flex justify-content-between">
     696                        <h6 class="card-title">Revenue by Country</h6>
     697                        <div>
     698                            <a href="#" class="btn btn-outline-light btn-sm mr-2">
     699                                <i class="fa fa-refresh"></i>
     700                            </a>
     701                            <div class="dropdown">
     702                                <a href="#" data-toggle="dropdown"
     703                                   class="btn btn-outline-light btn-sm"
     704                                   aria-haspopup="true" aria-expanded="false">
     705                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     706                                </a>
     707                                <div class="dropdown-menu dropdown-menu-right">
     708                                    <a class="dropdown-item" href="#">Action</a>
     709                                    <a class="dropdown-item" href="#">Another action</a>
     710                                    <a class="dropdown-item" href="#">Something else here</a>
     711                                </div>
     712                            </div>
     713                        </div>
     714                    </div>
     715                    <p>Total Revenue</p>
     716                    <h2 class="mb-4 font-size-35">$469,453</h2>
     717                    <div class="progress mb-3" style="height: 10px">
     718                        <div class="progress-bar w-25 bg-secondary-gradient" role="progressbar"></div>
     719                        <div class="progress-bar w-50 bg-info-gradient" role="progressbar"></div>
     720                        <div class="progress-bar w-25 bg-warning-gradient" role="progressbar"></div>
     721                        <div class="progress-bar w-25 bg-success-gradient" role="progressbar"></div>
     722                        <div class="progress-bar w-50 bg-danger-gradient" role="progressbar"></div>
     723                    </div>
     724                </div>
     725                <div class="p-4 bg-dark-gradient">
     726                    <ul class="list-inline ">
     727                        <li class="list-inline-item mr-4 mb-3">
     728                            <div class="d-flex align-items-center">
     729                                <span class="d-inline-flex align-items-center">
     730                                    <i class="fa fa-circle text-secondary mr-1 small"></i> Russia
     731                                </span>
     732                                <small class="ml-3 text-success d-inline-flex align-items-center">
     733                                    <i class="fa fa-caret-up mr-1"></i> 40%
     734                                </small>
     735                            </div>
     736                        </li>
     737                        <li class="list-inline-item mr-4 mb-3">
     738                            <div class="d-flex align-items-center">
     739                                <span class="d-inline-flex align-items-center">
     740                                    <i class="fa fa-circle text-info mr-1 small"></i> Australia
     741                                </span>
     742                                <small class="ml-3 text-danger d-inline-flex align-items-center">
     743                                    <i class="fa fa-caret-down mr-1"></i> 25%
     744                                </small>
     745                            </div>
     746                        </li>
     747                        <li class="list-inline-item mr-4 mb-3">
     748                            <div class="d-flex align-items-center">
     749                                <span class="d-inline-flex align-items-center">
     750                                <i class="fa fa-circle text-warning mr-1 small"></i> China
     751                                </span>
     752                                <small class="ml-3 text-success d-inline-flex align-items-center">
     753                                    <i class="fa fa-caret-up mr-1"></i> 30%
     754                                </small>
     755                            </div>
     756                        </li>
     757                        <li class="list-inline-item mr-4 mb-3">
     758                            <div class="d-flex align-items-center">
     759                                <span class="d-inline-flex align-items-center">
     760                                <i class="fa fa-circle text-success mr-1 small"></i> Tunisia
     761                                </span>
     762                                <small class="ml-3 text-success d-inline-flex align-items-center">
     763                                    <i class="fa fa-caret-up mr-1"></i> 10%
     764                                </small>
     765                            </div>
     766                        </li>
     767                        <li class="list-inline-item mr-4 mb-3">
     768                            <div class="d-flex align-items-center">
     769                                <span class="d-inline-flex align-items-center">
     770                                <i class="fa fa-circle text-success mr-1 small"></i> Spain
     771                                </span>
     772                                <small class="ml-3 text-danger d-inline-flex align-items-center">
     773                                    <i class="fa fa-caret-down mr-1"></i> 10%
     774                                </small>
     775                            </div>
     776                        </li>
     777                    </ul>
     778                </div>
     779            </div>
     780            <div class="card">
     781                <div class="card-body">
     782                    <h6 class="card-title">Reviews</h6>
     783                    <div class="card-scroll">
     784                        <ul class="list-group list-group-flush">
     785                            <li class="list-group-item d-flex pl-0 pr-0">
     786                                <a href="#">
     787                                    <figure class="avatar mr-3">
     788                                        <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" alt="image">
     789                                    </figure>
     790                                </a>
     791                                <div>
     792                                    <div class="d-flex justify-content-between">
     793                                        <a href="#">
     794                                            <h6>Valentine Maton</h6>
     795                                            <ul class="list-inline mb-1">
     796                                                <li class="list-inline-item mb-0">
     797                                                    <i class="fa fa-star text-warning"></i>
     798                                                </li>
     799                                                <li class="list-inline-item mb-0">
     800                                                    <i class="fa fa-star text-warning"></i>
     801                                                </li>
     802                                                <li class="list-inline-item mb-0">
     803                                                    <i class="fa fa-star text-warning"></i>
     804                                                </li>
     805                                                <li class="list-inline-item mb-0">
     806                                                    <i class="fa fa-star text-warning"></i>
     807                                                </li>
     808                                                <li class="list-inline-item mb-0">
     809                                                    <i class="fa fa-star text-warning"></i>
     810                                                </li>
     811                                                <li class="list-inline-item mb-0">(5)</li>
     812                                            </ul>
    42813                                        </a>
    43                                         <span class="dropdown-menu dropdown-menu-right">
    44                                             <a href="#" class="dropdown-item">Action</a>
    45                                             <a href="#" class="dropdown-item">Another action</a>
    46                                             <a href="#" class="dropdown-item">Something else here</a>
    47                                         </span>
    48                                     </span>
    49                                 </div>
    50                             </div>
    51                             <div id="project-tasks"></div>
    52                         </div>
    53                     </div>
    54                 </div>
    55                 <div class="col-lg-4 col-md-12">
    56                     <div class="card overflow-hidden">
    57                         <div class="card-body">
    58                             <div class="d-flex justify-content-between">
    59                                 <h6 class="card-title mb-0">All Projects</h6>
    60                                 <div>
    61                                     <a href="#" class="mr-3">
    62                                         <i class="fa fa-refresh"></i>
    63                                     </a>
    64                                     <span class="dropdown">
    65                                         <a href="#" data-toggle="dropdown" aria-haspopup="true"
    66                                            aria-expanded="false">
    67                                             <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
    68                                         </a>
    69                                         <span class="dropdown-menu dropdown-menu-right">
    70                                             <a href="#" class="dropdown-item">Action</a>
    71                                             <a href="#" class="dropdown-item">Another action</a>
    72                                             <a href="#" class="dropdown-item">Something else here</a>
    73                                         </span>
    74                                     </span>
    75                                 </div>
    76                             </div>
    77                         </div>
    78                         <div class="slick-js">
    79                             <div class="card border-0">
    80                                 <div class="card-body">
    81                                     <div class="d-flex align-items-center">
    82                                         <h5 class="mb-0">
    83                                             <a href="" class="link-2">Frontend Development</a>
    84                                             <span class="badge badge-success ml-2">Active</span>
    85                                         </h5>
    86                                         <div class="dropdown ml-auto">
    87                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    88                                                 <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
    89                                             </a>
    90                                             <div class="dropdown-menu dropdown-menu-right">
    91                                                 <a href="#" class="dropdown-item">View Detail</a>
    92                                                 <a href="#" class="dropdown-item">Share</a>
    93                                                 <a href="#" class="dropdown-item">Download</a>
    94                                                 <a href="#" class="dropdown-item">Copy to</a>
    95                                                 <a href="#" class="dropdown-item">Rename</a>
    96                                                 <a href="#" class="dropdown-item text-danger">Delete</a>
     814                                        <div class="ml-auto">
     815                                            <div class="dropdown">
     816                                                <a href="#" data-toggle="dropdown"
     817                                                   class="btn btn-outline-light btn-sm"
     818                                                   aria-haspopup="true" aria-expanded="false">
     819                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     820                                                </a>
     821                                                <div class="dropdown-menu dropdown-menu-right">
     822                                                    <a href="#" class="dropdown-item">View</a>
     823                                                    <a href="#" class="dropdown-item">Send Message</a>
     824                                                </div>
    97825                                            </div>
    98826                                        </div>
    99827                                    </div>
    100                                     <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
    101                                     <div class="progress mb-2" style="height: 5px;">
    102                                         <div class="progress-bar bg-primary" style="width: 53%;"></div>
    103                                     </div>
    104                                     <p class="small">
    105                                         <strong>53%</strong> completed
    106                                     </p>
    107                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
    108                                         Maecenas quis ultrices tellus.</p>
    109                                     <div class="row">
    110                                         <div class="col">
    111                                             <div class="text-muted mb-1 small">Created</div>
    112                                             <div>02/01/2019</div>
    113                                         </div>
    114                                         <div class="col">
    115                                             <div class="text-muted mb-1 small">Deadline</div>
    116                                             <div>03/12/2019</div>
    117                                         </div>
    118                                     </div>
    119                                 </div>
    120                                 <hr class="m-0">
    121                                 <div class="card-body">
    122                                     <div class="small mb-2">Team Member</div>
    123                                     <div class="avatar-group">
    124                                         <figure class="avatar avatar-sm">
    125                                             <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
    126                                                  alt="avatar">
    127                                         </figure>
    128                                         <figure class="avatar avatar-sm">
    129                                             <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
    130                                                  alt="avatar">
    131                                         </figure>
    132                                         <figure class="avatar avatar-sm">
    133                                             <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
    134                                                  alt="avatar">
    135                                         </figure>
    136                                         <figure class="avatar avatar-sm">
    137                                             <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
    138                                                  alt="avatar">
    139                                         </figure>
    140                                     </div>
    141                                 </div>
    142                             </div>
    143                             <div class="card border-0">
    144                                 <div class="card-body">
    145                                     <div class="d-flex align-items-center">
    146                                         <h5 class="mb-0">
    147                                             <a href="" class="link-2">UI-Kit Development</a>
    148                                             <span class="badge badge-success ml-2">Active</span>
    149                                         </h5>
    150                                         <div class="dropdown ml-auto">
    151                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    152                                                 <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
    153                                             </a>
    154                                             <div class="dropdown-menu dropdown-menu-right">
    155                                                 <a href="#" class="dropdown-item">View Detail</a>
    156                                                 <a href="#" class="dropdown-item">Share</a>
    157                                                 <a href="#" class="dropdown-item">Download</a>
    158                                                 <a href="#" class="dropdown-item">Copy to</a>
    159                                                 <a href="#" class="dropdown-item">Rename</a>
    160                                                 <a href="#" class="dropdown-item text-danger">Delete</a>
     828                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
     829                                </div>
     830                            </li>
     831                            <li class="list-group-item d-flex pl-0 pr-0">
     832                                <a href="#">
     833                                    <figure class="avatar mr-3">
     834                                        <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" alt="image">
     835                                    </figure>
     836                                </a>
     837                                <div>
     838                                    <div class="d-flex justify-content-between">
     839                                        <a href="#">
     840                                            <h6>Valentine Maton</h6>
     841                                            <ul class="list-inline mb-1">
     842                                                <li class="list-inline-item mb-0">
     843                                                    <i class="fa fa-star text-warning"></i>
     844                                                </li>
     845                                                <li class="list-inline-item mb-0">
     846                                                    <i class="fa fa-star text-warning"></i>
     847                                                </li>
     848                                                <li class="list-inline-item mb-0">
     849                                                    <i class="fa fa-star text-warning"></i>
     850                                                </li>
     851                                                <li class="list-inline-item mb-0">
     852                                                    <i class="fa fa-star-half-o text-warning"></i>
     853                                                </li>
     854                                                <li class="list-inline-item mb-0">
     855                                                    <i class="fa fa-star-o"></i>
     856                                                </li>
     857                                                <li class="list-inline-item mb-0">(3.5)</li>
     858                                            </ul>
     859                                        </a>
     860                                        <div class="ml-auto">
     861                                            <div class="dropdown">
     862                                                <a href="#" data-toggle="dropdown"
     863                                                   class="btn btn-outline-light btn-sm"
     864                                                   aria-haspopup="true" aria-expanded="false">
     865                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     866                                                </a>
     867                                                <div class="dropdown-menu dropdown-menu-right">
     868                                                    <a href="#" class="dropdown-item">View</a>
     869                                                    <a href="#" class="dropdown-item">Send Message</a>
     870                                                </div>
    161871                                            </div>
    162872                                        </div>
    163873                                    </div>
    164                                     <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
    165                                     <div class="progress mb-2" style="height: 5px;">
    166                                         <div class="progress-bar bg-success" style="width: 53%;"></div>
    167                                     </div>
    168                                     <p class="small">
    169                                         <strong>53%</strong> completed
    170                                     </p>
    171                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
    172                                         Maecenas quis ultrices tellus.</p>
    173                                     <div class="row">
    174                                         <div class="col">
    175                                             <div class="text-muted mb-1 small">Created</div>
    176                                             <div>02/01/2019</div>
    177                                         </div>
    178                                         <div class="col">
    179                                             <div class="text-muted mb-1 small">Deadline</div>
    180                                             <div>03/12/2019</div>
    181                                         </div>
    182                                     </div>
    183                                 </div>
    184                                 <hr class="m-0">
    185                                 <div class="card-body">
    186                                     <div class="small mb-2">Team Member</div>
    187                                     <div class="avatar-group">
    188                                         <figure class="avatar avatar-sm">
    189                                             <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
    190                                                  alt="avatar">
    191                                         </figure>
    192                                         <figure class="avatar avatar-sm">
    193                                             <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
    194                                                  alt="avatar">
    195                                         </figure>
    196                                         <figure class="avatar avatar-sm">
    197                                             <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
    198                                                  alt="avatar">
    199                                         </figure>
    200                                         <figure class="avatar avatar-sm">
    201                                             <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
    202                                                  alt="avatar">
    203                                         </figure>
    204                                         <figure class="avatar avatar-sm">
    205                                             <img src="{{ url('assets/media/image/user/man_avatar5.jpg') }}" class="rounded-circle"
    206                                                  alt="avatar">
    207                                         </figure>
    208                                         <figure class="avatar avatar-sm">
    209                                             <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle"
    210                                                  alt="avatar">
    211                                         </figure>
    212                                     </div>
    213                                 </div>
    214                             </div>
    215                             <div class="card border-0">
    216                                 <div class="card-body">
    217                                     <div class="d-flex align-items-center">
    218                                         <h5 class="mb-0">
    219                                             <a href="" class="link-2">Backend Development</a>
    220                                             <span class="badge badge-warning ml-2">Pending</span>
    221                                         </h5>
    222                                         <div class="dropdown ml-auto">
    223                                             <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    224                                                 <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
    225                                             </a>
    226                                             <div class="dropdown-menu dropdown-menu-right">
    227                                                 <a href="#" class="dropdown-item">View Detail</a>
    228                                                 <a href="#" class="dropdown-item">Share</a>
    229                                                 <a href="#" class="dropdown-item">Download</a>
    230                                                 <a href="#" class="dropdown-item">Copy to</a>
    231                                                 <a href="#" class="dropdown-item">Rename</a>
    232                                                 <a href="#" class="dropdown-item text-danger">Delete</a>
     874                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
     875                                </div>
     876                            </li>
     877                            <li class="list-group-item d-flex pl-0 pr-0">
     878                                <a href="#">
     879                                    <figure class="avatar mr-3">
     880                                        <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" alt="image">
     881                                    </figure>
     882                                </a>
     883                                <div>
     884                                    <div class="d-flex justify-content-between">
     885                                        <a href="#">
     886                                            <h6>Valentine Maton</h6>
     887                                            <ul class="list-inline mb-1">
     888                                                <li class="list-inline-item mb-0">
     889                                                    <i class="fa fa-star text-warning"></i>
     890                                                </li>
     891                                                <li class="list-inline-item mb-0">
     892                                                    <i class="fa fa-star text-warning"></i>
     893                                                </li>
     894                                                <li class="list-inline-item mb-0">
     895                                                    <i class="fa fa-star text-warning"></i>
     896                                                </li>
     897                                                <li class="list-inline-item mb-0">
     898                                                    <i class="fa fa-star text-warning"></i>
     899                                                </li>
     900                                                <li class="list-inline-item mb-0">
     901                                                    <i class="fa fa-star-half-o text-warning"></i>
     902                                                </li>
     903                                                <li class="list-inline-item mb-0">(4.5)</li>
     904                                            </ul>
     905                                        </a>
     906                                        <div class="ml-auto">
     907                                            <div class="dropdown">
     908                                                <a href="#" data-toggle="dropdown"
     909                                                   class="btn btn-outline-light btn-sm"
     910                                                   aria-haspopup="true" aria-expanded="false">
     911                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     912                                                </a>
     913                                                <div class="dropdown-menu dropdown-menu-right">
     914                                                    <a href="#" class="dropdown-item">View</a>
     915                                                    <a href="#" class="dropdown-item">Send Message</a>
     916                                                </div>
    233917                                            </div>
    234918                                        </div>
    235919                                    </div>
    236                                     <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
    237                                     <div class="progress mb-2" style="height: 5px;">
    238                                         <div class="progress-bar bg-success" style="width: 53%;"></div>
    239                                     </div>
    240                                     <p class="small">
    241                                         <strong>53%</strong> completed
    242                                     </p>
    243                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
    244                                         Maecenas quis ultrices tellus.</p>
    245                                     <div class="row">
    246                                         <div class="col">
    247                                             <div class="text-muted mb-1 small">Created</div>
    248                                             <div>02/01/2019</div>
    249                                         </div>
    250                                         <div class="col">
    251                                             <div class="text-muted mb-1 small">Deadline</div>
    252                                             <div>03/12/2019</div>
     920                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
     921                                </div>
     922                            </li>
     923                            <li class="list-group-item d-flex pl-0 pr-0">
     924                                <a href="#">
     925                                    <figure class="avatar mr-3">
     926                                        <img src="{{ url('assets/media/image/user/man_avatar4.jpg') }}" class="rounded-circle" alt="image">
     927                                    </figure>
     928                                </a>
     929                                <div>
     930                                    <div class="d-flex justify-content-between">
     931                                        <a href="#">
     932                                            <h6>Valentine Maton</h6>
     933                                            <ul class="list-inline mb-1">
     934                                                <li class="list-inline-item mb-0">
     935                                                    <i class="fa fa-star text-warning"></i>
     936                                                </li>
     937                                                <li class="list-inline-item mb-0">
     938                                                    <i class="fa fa-star text-warning"></i>
     939                                                </li>
     940                                                <li class="list-inline-item mb-0">
     941                                                    <i class="fa fa-star text-warning"></i>
     942                                                </li>
     943                                                <li class="list-inline-item mb-0">
     944                                                    <i class="fa fa-star text-warning"></i>
     945                                                </li>
     946                                                <li class="list-inline-item mb-0">
     947                                                    <i class="fa fa-star-o"></i>
     948                                                </li>
     949                                                <li class="list-inline-item mb-0">(4)</li>
     950                                            </ul>
     951                                        </a>
     952                                        <div class="ml-auto">
     953                                            <div class="dropdown">
     954                                                <a href="#" data-toggle="dropdown"
     955                                                   class="btn btn-outline-light btn-sm"
     956                                                   aria-haspopup="true" aria-expanded="false">
     957                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
     958                                                </a>
     959                                                <div class="dropdown-menu dropdown-menu-right">
     960                                                    <a href="#" class="dropdown-item">View</a>
     961                                                    <a href="#" class="dropdown-item">Send Message</a>
     962                                                </div>
     963                                            </div>
    253964                                        </div>
    254965                                    </div>
    255                                 </div>
    256                                 <hr class="m-0">
    257                                 <div class="card-body">
    258                                     <div class="small mb-2">Team Member</div>
    259                                     <div class="avatar-group">
    260                                         <figure class="avatar avatar-sm">
    261                                             <img src="{{ url('assets/media/image/user/women_avatar5.jpg') }}" class="rounded-circle"
    262                                                  alt="avatar">
    263                                         </figure>
    264                                         <figure class="avatar avatar-sm">
    265                                             <img src="{{ url('assets/media/image/user/women_avatar1.jpg') }}" class="rounded-circle"
    266                                                  alt="avatar">
    267                                         </figure>
    268                                     </div>
    269                                 </div>
    270                             </div>
    271                         </div>
    272                     </div>
    273                 </div>
    274             </div>
    275 
    276             <div class="row">
    277                 <div class="col-md-6">
    278                     <div class="row">
    279                         <div class="col-md-6">
    280                             <div class="card">
    281                                 <div class="card-body">
    282                                     <div class="d-flex justify-content-between">
    283                                         <h6 class="card-title mb-2">Growth</h6>
    284                                         <h2 class="mb-0 font-weight-bold">$2,450</h2>
    285                                     </div>
    286                                     <div class="d-flex align-items-center mt-2">
    287                                         <div class="progress flex-grow-1" style="height: 5px">
    288                                             <div class="progress-bar bg-primary" role="progressbar"
    289                                                  style="width: 62%;"
    290                                                  aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
    291                                         </div>
    292                                         <div class="ml-2">%62</div>
    293                                     </div>
    294                                 </div>
    295                             </div>
    296                         </div>
    297                         <div class="col-md-6">
    298                             <div class="card">
    299                                 <div class="card-body">
    300                                     <div class="d-flex justify-content-between">
    301                                         <h6 class="card-title mb-2">Project</h6>
    302                                         <h2 class="mb-0 font-weight-bold">2,320</h2>
    303                                     </div>
    304                                     <div class="d-flex align-items-center mt-2">
    305                                         <div class="progress flex-grow-1" style="height: 5px">
    306                                             <div class="progress-bar bg-warning" role="progressbar"
    307                                                  style="width:73%;"
    308                                                  aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
    309                                         </div>
    310                                         <div class="ml-2">%73</div>
    311                                     </div>
    312                                 </div>
    313                             </div>
    314                         </div>
    315                         <div class="col-md-6">
    316                             <div class="card">
    317                                 <div class="card-body">
    318                                     <div class="d-flex justify-content-between">
    319                                         <h6 class="card-title mb-2">Income</h6>
    320                                         <h2 class="mb-0 font-weight-bold">$9,750</h2>
    321                                     </div>
    322                                     <div class="d-flex align-items-center mt-2">
    323                                         <div class="progress flex-grow-1" style="height: 5px">
    324                                             <div class="progress-bar bg-success" role="progressbar"
    325                                                  style="width: 40%;"
    326                                                  aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
    327                                         </div>
    328                                         <div class="ml-2">%40</div>
    329                                     </div>
    330                                 </div>
    331                             </div>
    332                         </div>
    333                         <div class="col-md-6">
    334                             <div class="card">
    335                                 <div class="card-body">
    336                                     <div class="d-flex justify-content-between">
    337                                         <h6 class="card-title mb-2">Employers</h6>
    338                                         <h2 class="mb-0 font-weight-bold">3,156</h2>
    339                                     </div>
    340                                     <div class="d-flex align-items-center mt-2">
    341                                         <div class="progress flex-grow-1" style="height: 5px">
    342                                             <div class="progress-bar bg-info" role="progressbar"
    343                                                  style="width: 55%;"
    344                                                  aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
    345                                         </div>
    346                                         <div class="ml-2">%55</div>
    347                                     </div>
    348                                 </div>
    349                             </div>
    350                         </div>
    351                     </div>
    352                 </div>
    353                 <div class="col-md-6">
    354                     <div class="card">
    355                         <div class="card-body text-center">
    356                             <h5>10th Dance Competition 2019</h5>
    357                             <p class="text-muted">Sunt in culpa qui officia deserunt mol excep teur sint occa ecat cupi
    358                                 datat non</p>
    359                             <div class="mb-4 d-flex align-items-center justify-content-center">
    360                                 <div class="avatar-group">
    361                                     <figure class="avatar">
    362                                         <span class="avatar-title bg-success rounded-circle">E</span>
    363                                     </figure>
    364                                     <figure class="avatar">
    365                                         <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
    366                                              alt="avatar">
    367                                     </figure>
    368                                     <figure class="avatar">
    369                                         <span class="avatar-title bg-danger rounded-circle">S</span>
    370                                     </figure>
    371                                     <figure class="avatar">
    372                                         <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
    373                                              alt="avatar">
    374                                     </figure>
    375                                     <figure class="avatar">
    376                                         <span class="avatar-title bg-primary rounded-circle">C</span>
    377                                     </figure>
    378                                 </div>
    379                                 <div class="text-muted ml-2">10+ friends are coming</div>
    380                             </div>
    381                             <div class="clearfix"></div>
    382                             <a href="" class="btn btn-outline-primary">View All</a>
    383                         </div>
    384                     </div>
    385                 </div>
    386             </div>
    387 
    388             <div class="row">
    389                 <div class="col-lg-6 col-md-12">
    390 
    391 
    392 
    393 
    394 
    395                 </div>
    396                 <div class="col-lg-6 col-md-12">
    397 
    398 
    399 
    400                 </div>
    401             </div>
    402 
    403             <div class="row">
    404                 <div class="col-md-8">
    405                     <div class="card">
    406                         <div class="card-body">
    407                             <div class="d-flex justify-content-between">
    408                                 <h6 class="card-title">Recent Projects</h6>
    409                                 <div>
    410                                     <a href="#" class="mr-3">
    411                                         <i class="fa fa-refresh"></i>
    412                                     </a>
    413                                     <span class="dropdown">
    414                                         <a href="#" data-toggle="dropdown" aria-haspopup="true"
    415                                            aria-expanded="false">
    416                                             <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
    417                                         </a>
    418                                         <span class="dropdown-menu dropdown-menu-right">
    419                                             <a href="#" class="dropdown-item">Action</a>
    420                                             <a href="#" class="dropdown-item">Another action</a>
    421                                             <a href="#" class="dropdown-item">Something else here</a>
    422                                         </span>
    423                                     </span>
    424                                 </div>
    425                             </div>
    426                             <div class="table-responsive">
    427                                 <table class="table">
    428                                     <thead>
    429                                     <tr>
    430                                         <th>Project</th>
    431                                         <th class="text-center">Task</th>
    432                                         <th class="text-center">Members</th>
    433                                         <th class="text-center">Status</th>
    434                                         <th class="text-right">Progress</th>
    435                                     </tr>
    436                                     </thead>
    437                                     <tbody>
    438                                     <tr>
    439                                         <td>
    440                                             <a href="#">Frontend Development</a>
    441                                         </td>
    442                                         <td class="text-center">25</td>
    443                                         <td class="text-center">
    444                                             <div class="avatar-group">
    445                                                 <figure class="avatar avatar-sm">
    446                                                     <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
    447                                                          class="rounded-circle"
    448                                                          alt="avatar">
    449                                                 </figure>
    450                                                 <figure class="avatar avatar-sm">
    451                                                     <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
    452                                                          class="rounded-circle"
    453                                                          alt="avatar">
    454                                                 </figure>
    455                                                 <figure class="avatar avatar-sm">
    456                                                     <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
    457                                                          class="rounded-circle"
    458                                                          alt="avatar">
    459                                                 </figure>
    460                                                 <figure class="avatar avatar-sm">
    461                                                     <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
    462                                                          class="rounded-circle"
    463                                                          alt="avatar">
    464                                                 </figure>
    465                                             </div>
    466                                         </td>
    467                                         <td class="text-center">
    468                                             <span class="badge badge-info">In Progress</span>
    469                                         </td>
    470                                         <td>
    471                                             <div class="d-flex align-items-center">
    472                                                 <div class="progress flex-grow-1" style="height: 5px;">
    473                                                     <div class="progress-bar bg-info" style="width: 53%;"></div>
    474                                                 </div>
    475                                                 <small class="ml-2">%53</small>
    476                                             </div>
    477                                         </td>
    478                                     </tr>
    479                                     <tr>
    480                                         <td>
    481                                             <a href="#">Backend Development</a>
    482                                         </td>
    483                                         <td class="text-center">10</td>
    484                                         <td class="text-center">
    485                                             <div class="avatar-group">
    486                                                 <figure class="avatar avatar-sm">
    487                                                     <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
    488                                                          class="rounded-circle"
    489                                                          alt="avatar">
    490                                                 </figure>
    491                                                 <figure class="avatar avatar-sm">
    492                                                     <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
    493                                                          class="rounded-circle"
    494                                                          alt="avatar">
    495                                                 </figure>
    496                                                 <figure class="avatar avatar-sm">
    497                                                     <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
    498                                                          class="rounded-circle"
    499                                                          alt="avatar">
    500                                                 </figure>
    501                                                 <figure class="avatar avatar-sm">
    502                                                     <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
    503                                                          class="rounded-circle"
    504                                                          alt="avatar">
    505                                                 </figure>
    506                                                 <figure class="avatar avatar-sm">
    507                                                     <img src="{{ url('/assets/media/image/user/man_avatar5.jpg') }}"
    508                                                          class="rounded-circle"
    509                                                          alt="avatar">
    510                                                 </figure>
    511                                                 <figure class="avatar avatar-sm">
    512                                                     <img src="{{ url('/assets/media/image/user/man_avatar2.jpg') }}"
    513                                                          class="rounded-circle"
    514                                                          alt="avatar">
    515                                                 </figure>
    516                                             </div>
    517                                         </td>
    518                                         <td class="text-center">
    519                                             <span class="badge badge-warning">Pending</span>
    520                                         </td>
    521                                         <td>
    522                                             <div class="d-flex align-items-center">
    523                                                 <div class="progress flex-grow-1" style="height: 5px;">
    524                                                     <div class="progress-bar bg-warning" style="width: 80%;"></div>
    525                                                 </div>
    526                                                 <small class="ml-2">%80</small>
    527                                             </div>
    528                                         </td>
    529                                     </tr>
    530                                     <tr>
    531                                         <td>
    532                                             <a href="#">UI-Kit Development</a>
    533                                         </td>
    534                                         <td class="text-center">32</td>
    535                                         <td class="text-center">
    536                                             <div class="avatar-group">
    537                                                 <figure class="avatar avatar-sm">
    538                                                     <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
    539                                                          class="rounded-circle"
    540                                                          alt="avatar">
    541                                                 </figure>
    542                                                 <figure class="avatar avatar-sm">
    543                                                     <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
    544                                                          class="rounded-circle"
    545                                                          alt="avatar">
    546                                                 </figure>
    547                                             </div>
    548                                         </td>
    549                                         <td class="text-center">
    550                                             <span class="badge badge-success">Active</span>
    551                                         </td>
    552                                         <td>
    553                                             <div class="d-flex align-items-center">
    554                                                 <div class="progress flex-grow-1" style="height: 5px;">
    555                                                     <div class="progress-bar bg-success" style="width: 35%;"></div>
    556                                                 </div>
    557                                                 <small class="ml-2">%35</small>
    558                                             </div>
    559                                         </td>
    560                                     </tr>
    561                                     <tr>
    562                                         <td>
    563                                             <a href="#">UI-Kit Development 2</a>
    564                                         </td>
    565                                         <td class="text-center">5</td>
    566                                         <td class="text-center">
    567                                             <div class="avatar-group">
    568                                                 <figure class="avatar avatar-sm">
    569                                                     <img src="{{ url('/assets/media/image/user/women_avatar1.jpg') }}"
    570                                                          class="rounded-circle"
    571                                                          alt="avatar">
    572                                                 </figure>
    573                                                 <figure class="avatar avatar-sm">
    574                                                     <img src="{{ url('/assets/media/image/user/women_avatar3.jpg') }}"
    575                                                          class="rounded-circle"
    576                                                          alt="avatar">
    577                                                 </figure>
    578                                                 <figure class="avatar avatar-sm">
    579                                                     <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
    580                                                          class="rounded-circle"
    581                                                          alt="avatar">
    582                                                 </figure>
    583                                             </div>
    584                                         </td>
    585                                         <td class="text-center">
    586                                             <span class="badge badge-info">In Progress</span>
    587                                         </td>
    588                                         <td>
    589                                             <div class="d-flex align-items-center">
    590                                                 <div class="progress flex-grow-1" style="height: 5px;">
    591                                                     <div class="progress-bar bg-info" style="width: 50%;"></div>
    592                                                 </div>
    593                                                 <small class="ml-2">%50</small>
    594                                             </div>
    595                                         </td>
    596                                     </tr>
    597                                     </tbody>
    598                                 </table>
    599                             </div>
    600                         </div>
    601                     </div>
    602                 </div>
    603                 <div class="col-md-4">
    604                     <div class="card">
    605                         <div class="card-body">
    606                             <div class="d-flex justify-content-between">
    607                                 <h6 class="card-title">Upcoming Meeting</h6>
    608                                 <a href="#">View All</a>
    609                             </div>
    610                             <div class="d-flex mb-3">
    611                                 <div class="text-center">
    612                                     <div class="avatar">
    613                                     <span
    614                                         class="avatar-title bg-info-bright text-info rounded-circle font-size-22">17</span>
    615                                     </div>
    616                                 </div>
    617                                 <div class="m-l-20">
    618                                     <h5 class="mb-2">
    619                                         <a class="text-dark">UI Discussion</a>
    620                                     </h5>
    621                                     <p class="mb-0">Execute core that as result.</p>
    622                                 </div>
    623                             </div>
    624                             <div class="d-flex mb-3">
    625                                 <div class="text-center">
    626                                     <div class="avatar">
    627                                         <span class="avatar-title bg-danger-bright text-danger rounded-circle font-size-22">21</span>
    628                                     </div>
    629                                 </div>
    630                                 <div class="m-l-20">
    631                                     <h5 class="mb-2">
    632                                         <a class="text-dark">Project Schdule</a>
    633                                     </h5>
    634                                     <p class="mb-0">Special cloth alert always.</p>
    635                                 </div>
    636                             </div>
    637                             <div class="d-flex mb-3">
    638                                 <div class="text-center">
    639                                     <div class="avatar">
    640                                     <span
    641                                         class="avatar-title bg-warning-bright text-warning rounded-circle font-size-22">25</span>
    642                                     </div>
    643                                 </div>
    644                                 <div class="m-l-20">
    645                                     <h5 class="mb-2">
    646                                         <a class="text-dark">Design Discussion</a>
    647                                     </h5>
    648                                     <p class="mb-0">Let us wax poetic about.</p>
    649                                 </div>
    650                             </div>
    651                             <div class="d-flex">
    652                                 <div class="text-center">
    653                                     <div class="avatar">
    654                                     <span
    655                                         class="avatar-title bg-success-bright text-success rounded-circle font-size-22">10</span>
    656                                     </div>
    657                                 </div>
    658                                 <div class="m-l-20">
    659                                     <h5 class="mb-2">
    660                                         <a class="text-dark">UI Discussion</a>
    661                                     </h5>
    662                                     <p class="mb-0">Let us wax poetic about.</p>
    663                                 </div>
    664                             </div>
    665                         </div>
     966                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
     967                                </div>
     968                            </li>
     969                        </ul>
     970                    </div>
     971                    <div class="mt-3 text-center">
     972                        <a href="#" class="btn btn-primary">
     973                            View All
     974                        </a>
    666975                    </div>
    667976                </div>
     
    674983
    675984@section('script')
    676     <!-- Slick -->
    677     <script src="{{ url('/vendors/slick/slick.min.js') }}"></script>
    678985
    679986    <!-- Apex chart -->
     987    <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
    680988    <script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script>
    681989
    682     <!-- Circle progress -->
    683     <script src="{{ url('/vendors/circle-progress/circle-progress.min.js') }}"></script>
     990    <!-- Daterangepicker -->
     991    <script src="{{ url('vendors/datepicker/daterangepicker.js') }}"></script>
     992
     993    <!-- DataTable -->
     994    <script src="{{ url('vendors/dataTable/datatables.min.js') }}"></script>
    684995
    685996    <!-- Dashboard scripts -->
    686997    <script src="{{ url('/assets/js/examples/dashboard.js') }}"></script>
     998
     999    <!-- Vamp -->
     1000    <script src="{{ url('vendors/vmap/jquery.vmap.min.js') }}"></script>
     1001    <script src="{{ url('vendors/vmap/maps/jquery.vmap.usa.js') }}"></script>
     1002    <script src="{{ url('assets/js/examples/vmap.js') }}"></script>
    6871003
    6881004    <!-- To use theme colors with Javascript -->
     
    7021018    </div>
    7031019
    704 {{--    <script>--}}
    705 {{--        $(function () {--}}
    706 {{--            $('.slick-js').slick({--}}
    707 {{--                speed: 500,--}}
    708 {{--                arrows: false,--}}
    709 {{--                slidesToShow: 1,--}}
    710 {{--                slidesToScroll: 1,--}}
    711 {{--                autoplay: true,--}}
    712 {{--                autoplaySpeed: 2000--}}
    713 {{--            });--}}
    714 
    715 {{--            $('input[name="daterangepicker"]').daterangepicker();--}}
    716 
    717 {{--            $('.dataTable').DataTable({--}}
    718 {{--                lengthMenu: [5, 10],--}}
    719 {{--                "columnDefs": [ {--}}
    720 {{--                    "targets": 7,--}}
    721 {{--                    "orderable": false--}}
    722 {{--                } ]--}}
    723 {{--            });--}}
    724 {{--        })--}}
    725 {{--    </script>--}}
     1020    <script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script>
    7261021
    7271022@endsection
  • resources/views/dashboard/settings/index.blade.php

    r6b95845 rc6b84df  
    1111            <ol class="breadcrumb">
    1212                <li class="breadcrumb-item">
    13                     <a href="{{ url('dashboard/users') }}">Users</a>
     13                    <a href="{{ url('/') }}">Dashboard</a>
    1414                </li>
    15                 <li class="breadcrumb-item active" aria-current="page">User Settings</li>
     15                <li class="breadcrumb-item active" aria-current="page">Settings</li>
    1616            </ol>
    1717        </nav>
     
    2626                        <a class="nav-link {{$active_tab == 'account' ? 'active' : ""}}" id="account-tab" data-toggle="pill" href="#account" role="tab" aria-controls="account" aria-selected="true">Account</a>
    2727                        <a class="nav-link {{$active_tab == 'security' ? 'active' : ""}}" id="security-tab" data-toggle="pill" href="#security" role="tab" aria-controls="security" aria-selected="false">Security</a>
    28                         <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Social</a>
     28                        <a class="nav-link {{$active_tab == 'file-types' ? 'active' : ""}}" id="file-types-tab" data-toggle="pill" href="#file-types" role="tab" aria-controls="file-types" aria-selected="false">File validation</a>
    2929                    </div>
    3030                </div>
     
    227227                            </div>
    228228                        </div>
    229                         <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
    230                             <div class="card">
    231                             </div>
     229                        <div class="tab-pane {{$active_tab == 'file-types' ? 'active' : ""}}" id="file-types" role="tabpanel" aria-labelledby="file-types-tab">
     230
     231                            <div class="card">
     232                                    <div class="card-body">
     233                                        <h6 class="card-title">File validation</h6>
     234                                        <form action="{{ route("dashboard.settings.file-types") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
     235                                            @method("patch")
     236                                            @csrf
     237                                            <div class="row">
     238                                                <div class="col-md-6">
     239                                                    <div class="form-group">
     240                                                        <label>Mimes</label>
     241                                                        <input type="text" name="mimes" value="{{ $fileType->mimes }}" class="form-control" placeholder="Mimes" required>
     242                                                    </div>
     243                                                </div>
     244                                                <div class="col-md-6">
     245                                                    <div class="form-group">
     246                                                        <label class="form-label">Max file size (in KB)</label>
     247                                                        <input type="number" name="max_size" value="{{  $fileType->max_size }}" class="form-control" placeholder="Max file size" autocomplete="off" required>
     248                                                        <p class="text-danger p-2">Note: 1 MB = 1024 KB</p>
     249                                                    </div>
     250                                                </div>
     251                                            </div>
     252                                            <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
     253                                        </form>
     254                                    </div>
     255                                </div>
     256
    232257                        </div>
    233258                    </div>
  • resources/views/dashboard/users/index.blade.php

    r6b95845 rc6b84df  
    1717            <ol class="breadcrumb">
    1818                <li class="breadcrumb-item">
    19                     <a href="{{ url('dashboard.users') }}">Users</a>
     19                    <a href="{{ url('/') }}">Dashboard</a>
    2020                </li>
    21                 <li class="breadcrumb-item active" aria-current="page">User List</li>
     21                <li class="breadcrumb-item active" aria-current="page">Users</li>
    2222            </ol>
    2323        </nav>
    2424        <div class="dropdown">
    25             <a href="{{ route("dashboard.users.create") }}" class="btn btn-primary text-white">
     25            <a href="javascript:void(0)" data-toggle="modal" data-target="#createModal" class="btn btn-primary text-white">
    2626                Add user
    2727            </a>
     28            <a href="{{ route('dashboard.users.export') }}" class="btn btn-success text-white">Export table</a>
    2829        </div>
    2930    </div>
     
    4849                                <th>Role</th>
    4950                                <th>Status</th>
    50                                 <th>Last seen</th>
    5151                                <th>Actions</th>
    5252                            </tr>
     
    8484                                    <td>
    8585                                        @if(Cache::has('is_online' . $user->id))
    86                                             <span class="text-success">Online</span>
     86                                            <span data-toggle="tooltip" data-placement="bottom" title="{{ $user->last_seen }}" style="cursor: pointer;" class="text-success">Online</span>
    8787                                        @else
    88                                             <span class="text-secondary">Offline</span>
     88                                            <span data-toggle="tooltip" data-placement="bottom" title="{{ $user->last_seen }}" class="text-secondary">Offline</span>
    8989                                        @endif
    9090                                    </td>
    91                                     @if($user->last_seen==NULL)
    92                                         <td>Never logged in</td>
    93                                     @else
    94                                     <td>{{ \Carbon\Carbon::parse($user->last_seen)->diffForHumans() }}</td>
    95                                     @endif
    9691                                    @if($user->hasRole("Referent") && $user->is_confirmed)
    9792                                        <td>
    98                                             <a href="{{ route("dashboard.users.edit", ["id" => $user->id]) }}" class="text-secondary" data-toggle="tooltip" title="Edit">
     93                                            <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$user->id}}" title="Edit">
    9994                                                <i class="ti-pencil"></i>
    10095                                            </a>
     
    10499                                        </td>
    105100                                    @else
    106                                         <td>Not available</td>
     101                                        <td>Admin</td>
    107102                                        @endif
    108103                                </tr>
     104
     105                                <div class="modal fade" id="editModal_{{$user->id}}" tabindex="-1" role="dialog" aria-hidden="true">
     106                                    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
     107                                        <div class="modal-content">
     108                                            <div class="modal-header">
     109                                                <h5 class="modal-title" id="exampleModalCenterTitle">Edit user</h5>
     110                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     111                                                    <i class="ti-close"></i>
     112                                                </button>
     113                                            </div>
     114                                            <div class="modal-body">
     115                                                <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
     116                                                    @method("patch")
     117                                                    @csrf
     118                                                    <div class="row">
     119                                                        <div class="col-md-6">
     120                                                            <div class="form-group">
     121                                                                <label>Name</label>
     122                                                                <input type="text" name="name" value="{{ $user->name }}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
     123                                                            </div>
     124                                                        </div>
     125                                                        <div class="col-md-6">
     126                                                            <div class="form-group">
     127                                                                <label>Surname</label>
     128                                                                <input type="text" name="surname" value="{{$user->surname}}" minlength="2" maxlength="30" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
     129                                                            </div>
     130                                                        </div>
     131                                                    </div>
     132                                                    <div class="row">
     133                                                        <div class="col-md-6">
     134                                                            <div class="form-group">
     135                                                                <label class="form-label">Username</label>
     136                                                                <input type="text" name="username" value="{{ $user->username }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
     137                                                            </div>
     138                                                        </div>
     139                                                        <div class="col-md-6">
     140                                                            <div class="form-group">
     141                                                                <label class="form-label">Role</label>
     142
     143                                                                <select class="form-control" name="userRole" required>
     144                                                                    @foreach($roles as $role)
     145                                                                        <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? "selected" : "" }}>{{ $role->name }}</option>
     146                                                                    @endforeach
     147                                                                </select>
     148                                                            </div>
     149                                                        </div>
     150                                                    </div>
     151                                                    <div class="row">
     152                                                        <div class="col-md-6">
     153                                                            <div class="form-group">
     154                                                                <label>Email</label>
     155                                                                <input type="email" name="email" value="{{ $user->email }}" maxlength="50" class="form-control" placeholder="E-mail" required>
     156                                                            </div>
     157                                                        </div>
     158                                                        <div class="col-md-6">
     159                                                            <div class="form-group">
     160                                                                <label class="form-label">Phone Number</label>
     161                                                                <input type="text" name="phone_number" value="{{ $user->phone_number }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
     162                                                            </div>
     163                                                        </div>
     164                                                    </div>
     165                                                    <div class="row">
     166                                                        <div class="col-md-5">
     167                                                            <div class="form-group">
     168                                                                <label>Avatar</label>
     169                                                                <input type="file" name="avatar" value="{{ $user->avatar }}" class="form-control" accept="image/*">
     170                                                            </div>
     171                                                        </div>
     172                                                        <div class="col-md-1">
     173                                                            <div class="form-group">
     174                                                                <label>Current</label>
     175                                                                @include('dashboard.partials.avatar')
     176                                                            </div>
     177                                                        </div>
     178                                                    </div>
     179                                                    <div class="modal-footer">
     180                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     181                                                        </button>
     182                                                        <button type="submit" class="btn btn-primary">Save changes</button>
     183                                                    </div>
     184                                                </form>
     185                                            </div>
     186
     187                                        </div>
     188                                    </div>
     189                                </div>
     190
    109191                            @endforeach
    110 
    111 
    112192                            </tbody>
    113193                        </table>
     194
     195                        <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-hidden="true">
     196                            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
     197                                <div class="modal-content">
     198                                    <div class="modal-header">
     199                                        <h5 class="modal-title" id="exampleModalCenterTitle">Create user</h5>
     200                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     201                                            <i class="ti-close"></i>
     202                                        </button>
     203                                    </div>
     204                                    <div class="modal-body">
     205                                        <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
     206                                            @csrf
     207                                            <div class="row">
     208                                                <div class="col-md-6">
     209                                                    <div class="form-group">
     210                                                        <label>Name</label>
     211                                                        <input type="text" name="name" value="{{ old('name') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Name" required>
     212                                                    </div>
     213                                                </div>
     214                                                <div class="col-md-6">
     215                                                    <div class="form-group">
     216                                                        <label>Surname</label>
     217                                                        <input type="text" name="surname" value="{{ old('surname') }}" minlength="2" maxlength="25" pattern="[a-zA-Zа-шА-Ш._\s]+" class="form-control" placeholder="Surname" required>
     218                                                    </div>
     219                                                </div>
     220                                            </div>
     221                                            <div class="row">
     222                                                <div class="col-md-6">
     223                                                    <div class="form-group">
     224                                                        <label class="form-label">Username</label>
     225                                                        <input type="text" name="username" value="{{ old('username') }}" minlength="5" maxlength="30" class="form-control" placeholder="Username" required>
     226                                                    </div>
     227                                                </div>
     228                                                <div class="col-md-6">
     229                                                    <div class="form-group">
     230                                                        <label class="form-label">Role</label>
     231                                                        <select class="form-control" name="userRole" required>
     232                                                            @foreach ($roles as $role)
     233                                                                <option value="{{ $role->id }}" {{ (old("userRole") == $role->id ? "selected" : "" ) }}>{{ $role->name }}</option>
     234                                                            @endforeach
     235                                                        </select>
     236                                                    </div>
     237                                                </div>
     238                                            </div>
     239                                            <div class="row">
     240                                                <div class="col-md-6">
     241                                                    <div class="form-group">
     242                                                        <label>Email</label>
     243                                                        <input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="E-mail" required>
     244                                                    </div>
     245                                                </div>
     246                                                <div class="col-md-6">
     247                                                    <div class="form-group">
     248                                                        <label class="form-label">Phone Number</label>
     249                                                        <input type="text" name="phone_number" value="{{ old('phone_number') }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
     250                                                    </div>
     251                                                </div>
     252                                            </div>
     253                                            <div class="row">
     254                                                <div class="col-md-6">
     255                                                    <div class="form-group">
     256                                                        <label>Avatar</label>
     257                                                        <input type="file" name="avatar" value="{{ old('avatar') }}" class="form-control" accept="image/*">
     258                                                    </div>
     259                                                </div>
     260                                            </div>
     261                                            <div class="modal-footer">
     262                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     263                                                </button>
     264                                                <button type="submit" class="btn btn-primary">Save changes</button>
     265                                            </div>
     266                                        </form>
     267                                    </div>
     268                                </div>
     269                            </div>
     270                        </div>
     271
    114272                    </div>
    115273                </div>
  • resources/views/layouts/app.blade.php

    r6b95845 rc6b84df  
    1717<!-- App styles -->
    1818    <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
     19    <link rel="stylesheet" href="{{ url('vendors/lightbox/magnific-popup.css') }}" type="text/css">
     20
    1921</head>
    2022<body @if (trim($__env->yieldContent('bodyClass'))) class="@yield('bodyClass')" @endif>
     
    121123                    <!-- end::header fullscreen -->
    122124
     125                    <!-- begin::header notification dropdown -->
     126                    <li class="nav-item dropdown">
     127                    <div class="dropdown dropdown-notifications-wrapper dropdown-menu-right dropdown-menu-big">
     128                        <a href="javascript:void(0)" class="nav-link dropdown-notifications-unread icon" data-toggle="dropdown">
     129                            <i data-feather="bell"></i>
     130                            <span class="nav-unread"></span>
     131                        </a>
     132                        <div class="dropdown-menu dropdown-notifications dropdown-menu-right dropdown-menu-big">
     133                            <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
     134                                <h5 class="mb-0">Notifications</h5>
     135                            </div>
     136                            <div class="p-4 text-center align-items-center">
     137                            <p class='text-center unreadNotificationsInfo'>No unread notifications</p>
     138                            </div>
     139                            <div class="dropdown-divider"></div>
     140                            <a href="{{ route("dashboard.notifications.index") }}" class="dropdown-item text-center text-muted-dark">See all</a>
     141                        </div>
     142                    </div>
     143                    </li>
     144
     145{{--                    </li>--}}
     146                    <!-- end::header notification dropdown -->
     147
    123148                    <!-- begin::user menu -->
    124149                    <li class="nav-item dropdown">
     
    155180                    <li>
    156181                        <a href="{{ route("dashboard.index") }}" class="nav-link {{ request()->is('dashboard') ? 'active' : '' }}" data-toggle="tooltip"
    157                            data-placement="right" title="Pages">
    158                             <i data-feather="copy"></i>
     182                           data-placement="right" title="Dashboard">
     183                            <i data-feather="home"></i>
    159184                        </a>
    160185                    </li>
     
    171196                            <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
    172197                               data-placement="right" title="Departments">
    173                                 <i data-feather="layers"></i>
    174                             </a>
    175                         </li>
    176                     @endif
    177                     @if(auth()->user()->hasPermission("manage_all_documents"))
    178                         <li>
    179                             <a href="{{route("dashboard.documents.index")}}" data-toggle="tooltip"
    180                                data-placement="right" title="Documents">
     198                                <i data-feather="grid"></i>
     199                            </a>
     200                        </li>
     201                    @endif
     202                    @if(auth()->user()->hasPermission("manage_all_folders"))
     203                        <li>
     204                            <a href="{{route("dashboard.folders.index")}}" data-toggle="tooltip"
     205                               data-placement="right" title="Folders">
     206                                <i data-feather="folder"></i>
     207                            </a>
     208                        </li>
     209                    @endif
     210                    @if(auth()->user()->hasPermission("manage_all_files"))
     211                        <li>
     212                            <a href="{{route("dashboard.files.index")}}" data-toggle="tooltip"
     213                               data-placement="right" title="Files">
    181214                                <i data-feather="file-text"></i>
    182215                            </a>
     
    220253    var clipboard = new ClipboardJS('.btn');
    221254</script>
     255<script src="{{ url('vendors/lightbox/jquery.magnific-popup.min.js') }}"></script>
     256
     257<!-- Isotope -->
     258<script src="{{ url('vendors/jquery.isotope.min.js') }}"></script>
     259
     260<script src="{{ url('assets/js/examples/pages/gallery.js') }}"></script>
    222261@yield('script')
     262
    223263
    224264@include("layouts.alert")
Note: See TracChangeset for help on using the changeset viewer.