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

File:
1 edited

Legend:

Unmodified
Added
Removed
  • 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
Note: See TracChangeset for help on using the changeset viewer.