card.blade.php 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <div {!! $attributes !!}>
  2. <div class="card-header d-flex justify-content-between align-items-start pb-0">
  3. <div>
  4. @if($icon)
  5. <div class="avatar bg-rgba-{{ $style }} p-50 m-0">
  6. <div class="avatar-content">
  7. <i class="{{ $icon }} text-{{ $style }} font-medium-5"></i>
  8. </div>
  9. </div>
  10. @endif
  11. @if($title)
  12. <h4 class="card-title mb-1">{!! $title !!}</h4>
  13. @endif
  14. <div class="metric-header">{!! $header !!}</div>
  15. </div>
  16. @if (! empty($subTitle))
  17. <span class="btn btn-sm bg-light shadow-0 p-0">
  18. {{ $subTitle }}
  19. </span>
  20. @endif
  21. @if(! empty($dropdown))
  22. <div class="dropdown chart-dropdown">
  23. <button class="btn btn-sm btn-light shadow-0 dropdown-toggle p-0 waves-effect" data-toggle="dropdown">
  24. {{ current($dropdown) }}
  25. </button>
  26. <div class="dropdown-menu dropdown-menu-right">
  27. @foreach($dropdown as $key => $value)
  28. <li class="dropdown-item"><a href="javascript:void(0)" class="select-option" data-option="{{ $key }}">{{ $value }}</a></li>
  29. @endforeach
  30. </div>
  31. </div>
  32. @endif
  33. </div>
  34. <div class="metric-content">{!! $content !!}</div>
  35. </div>