mixin CardDealStorageFunnel
  .card&attributes(attributes)
    .card-header.d-flex.flex-between-center.border-bottom.py-2
      h6.mb-0 Deal Storage Funnel
      a.btn.btn-link.btn-sm.px-0.shadow-none(href='#!') View Details
        span.fas.fa-chevron-right.ms-1.fs-11
    .card-body
      
      .row.rtl-row-reverse.g-1
        .col
          .d-flex.flex-between-center.rtl-row-reverse 
            h6.fs-11.text-500 Deal Stage
            h6.fs-11.text-500 Count of Deals
        .col-auto
          h6.fs-11.text-500 Conversion 
      // Find the JS file for the following chart at: src/js/charts/echarts/deal-storage-funnel.js
      // If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js
      .echart-deal-storage-funnel( data-echart-responsive="true"
            data-options!={
              data: [7,10,13,19,19],
              dataAxis1: ['Processing', 'Contact won', 'Contact Sent', 'Qualified to Buy', 'Created'],
              dataAxis2: ['50%','70%', '76%', '68%', '99%']
            }
      )