@extends('admin.layout.master')

@section('title')
	Norman Admin | Dashboard
@endsection

@section('content')
 <link rel="stylesheet" href="{{ asset('admin/plugins/morris/morris.css') }}">
 <div class="app-content my-3 my-md-5">
          <div class="side-app">
            <!-- MAIN BODY CONTENT -->
            <div class="top-header mb-5">
             <h1 class="m-0">Dashboard</h1>
             <div class="filter-group">
                <select class="form-control input-sm day_wise" name="day_wise">
                  <option value="1" selected="">Today</option>
                  <option value="2" >Yesterday</option>
                  <option value="3" >Last Week</option>
                  <option value="4" >Last Month</option>
                </select>
              </div>
           </div>
            <div class="row">
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Registered User</h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="red"
                        xmlns="http://www.w3.org/2000/svg"
                        width="26"
                        height="22.164"
                        viewBox="0 0 26 22.164"
                      >
                        <g transform="translate(0 -6.348)">
                          <path
                            d="M15.69,10.152a4.793,4.793,0,0,1,2.2,3.555,3.752,3.752,0,0,0,1.611.365,3.863,3.863,0,1,0-3.81-3.921Zm-2.5,7.909A3.863,3.863,0,1,0,9.378,14.2,3.838,3.838,0,0,0,13.192,18.061Zm1.617.263H11.574A4.92,4.92,0,0,0,6.691,23.27v4.008l.01.063.273.086a21.963,21.963,0,0,0,6.638,1.084,13.482,13.482,0,0,0,5.8-1.1l.255-.13h.027V23.27A4.919,4.919,0,0,0,14.809,18.324Zm6.309-3.988H17.907a4.788,4.788,0,0,1-1.45,3.316A5.867,5.867,0,0,1,20.6,23.276v1.235a13,13,0,0,0,5.117-1.089l.255-.131H26v-4.01A4.92,4.92,0,0,0,21.118,14.337ZM6.5,14.074a3.752,3.752,0,0,0,2.028-.6A4.792,4.792,0,0,1,10.3,10.429c0-.072.011-.144.011-.217A3.813,3.813,0,1,0,6.5,14.074Zm3.424,3.579a4.791,4.791,0,0,1-1.449-3.3c-.119-.009-.237-.018-.358-.018H4.882A4.92,4.92,0,0,0,0,19.282v4.009l.01.062.273.087a22.63,22.63,0,0,0,5.5,1.047V23.276A5.868,5.868,0,0,1,9.925,17.652Z"
                            fill=""
                          />
                        </g>
                      </svg>

                      <span class="users">{{$users}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="red"
                      xmlns="http://www.w3.org/2000/svg"
                      width="26"
                      height="22.164"
                      viewBox="0 0 26 22.164"
                    >
                      <g transform="translate(0 -6.348)">
                        <path
                          d="M15.69,10.152a4.793,4.793,0,0,1,2.2,3.555,3.752,3.752,0,0,0,1.611.365,3.863,3.863,0,1,0-3.81-3.921Zm-2.5,7.909A3.863,3.863,0,1,0,9.378,14.2,3.838,3.838,0,0,0,13.192,18.061Zm1.617.263H11.574A4.92,4.92,0,0,0,6.691,23.27v4.008l.01.063.273.086a21.963,21.963,0,0,0,6.638,1.084,13.482,13.482,0,0,0,5.8-1.1l.255-.13h.027V23.27A4.919,4.919,0,0,0,14.809,18.324Zm6.309-3.988H17.907a4.788,4.788,0,0,1-1.45,3.316A5.867,5.867,0,0,1,20.6,23.276v1.235a13,13,0,0,0,5.117-1.089l.255-.131H26v-4.01A4.92,4.92,0,0,0,21.118,14.337ZM6.5,14.074a3.752,3.752,0,0,0,2.028-.6A4.792,4.792,0,0,1,10.3,10.429c0-.072.011-.144.011-.217A3.813,3.813,0,1,0,6.5,14.074Zm3.424,3.579a4.791,4.791,0,0,1-1.449-3.3c-.119-.009-.237-.018-.358-.018H4.882A4.92,4.92,0,0,0,0,19.282v4.009l.01.062.273.087a22.63,22.63,0,0,0,5.5,1.047V23.276A5.868,5.868,0,0,1,9.925,17.652Z"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Registered Coaching</h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="orange"
                        xmlns="http://www.w3.org/2000/svg"
                        width="26"
                        height="24.375"
                        viewBox="0 0 26 24.375"
                      >
                        <g transform="translate(0 -16)">
                          <path
                            d="M123.285,346A2.288,2.288,0,0,0,121,348.285v.762h7.617v-.762A2.288,2.288,0,0,0,126.332,346Z"
                            transform="translate(-114.855 -313.242)"
                            fill=""
                          />
                          <ellipse
                            cx="2"
                            cy="2.5"
                            rx="2"
                            ry="2.5"
                            transform="translate(8 25)"
                            fill=""
                          />
                          <path
                            d="M33.1,120.473a3.813,3.813,0,0,1,3.809-3.809H38.43a3.809,3.809,0,1,1,3.809-3.809,3.813,3.813,0,0,1-3.809,3.809h1.523a3.813,3.813,0,0,1,3.809,3.809v.762H52.9V109.047H47.168l-4.93,2.465V106H30v15.234h3.1Z"
                            transform="translate(-28.477 -85.43)"
                            fill=""
                          />
                          <path
                            d="M0,436.762a2.285,2.285,0,0,0,2.285,2.285H23.664A2.329,2.329,0,0,0,26,436.762V436H0Z"
                            transform="translate(0 -398.672)"
                            fill=""
                          />
                          <path
                            d="M301,23.617l3.047-1.523h7.668V16H301Zm7.617-5.332h1.523v1.523h-1.523Zm-3.047,0h1.523v1.523H305.57Zm-3.047,0h1.523v1.523h-1.523Z"
                            transform="translate(-285.715)"
                            fill=""
                          />
                        </g>
                      </svg>
                      <span class="coaching_users">{{$coachingUsers}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="orange"
                      xmlns="http://www.w3.org/2000/svg"
                      width="26"
                      height="24.375"
                      viewBox="0 0 26 24.375"
                    >
                      <g transform="translate(0 -16)">
                        <path
                          d="M123.285,346A2.288,2.288,0,0,0,121,348.285v.762h7.617v-.762A2.288,2.288,0,0,0,126.332,346Z"
                          transform="translate(-114.855 -313.242)"
                          fill=""
                        />
                        <ellipse
                          cx="2"
                          cy="2.5"
                          rx="2"
                          ry="2.5"
                          transform="translate(8 25)"
                          fill=""
                        />
                        <path
                          d="M33.1,120.473a3.813,3.813,0,0,1,3.809-3.809H38.43a3.809,3.809,0,1,1,3.809-3.809,3.813,3.813,0,0,1-3.809,3.809h1.523a3.813,3.813,0,0,1,3.809,3.809v.762H52.9V109.047H47.168l-4.93,2.465V106H30v15.234h3.1Z"
                          transform="translate(-28.477 -85.43)"
                          fill=""
                        />
                        <path
                          d="M0,436.762a2.285,2.285,0,0,0,2.285,2.285H23.664A2.329,2.329,0,0,0,26,436.762V436H0Z"
                          transform="translate(0 -398.672)"
                          fill=""
                        />
                        <path
                          d="M301,23.617l3.047-1.523h7.668V16H301Zm7.617-5.332h1.523v1.523h-1.523Zm-3.047,0h1.523v1.523H305.57Zm-3.047,0h1.523v1.523h-1.523Z"
                          transform="translate(-285.715)"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>

              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Sales through Coaching
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="red"
                        xmlns="http://www.w3.org/2000/svg"
                        width="26.349"
                        height="24.375"
                        viewBox="0 0 26.349 24.375"
                      >
                        <g transform="translate(0 -18.2)">
                          <g transform="translate(0 18.2)">
                            <path
                              d="M137.192,419.51h.125a3.182,3.182,0,0,1-2.365-1.21h-6.736a3.182,3.182,0,0,1-2.365,1.21h.081a.732.732,0,0,0,0,1.464h11.26a.732.732,0,0,0,0-1.464Z"
                              transform="translate(-118.409 -396.599)"
                              fill=""
                            />
                            <path
                              d="M26.349,33.908V20.115A1.914,1.914,0,0,0,24.435,18.2H1.915A1.914,1.914,0,0,0,0,20.115V37.07H0a1.687,1.687,0,0,0,1.687,1.622h22.97a1.69,1.69,0,0,0,1.687-1.622h0l.005-3.162ZM14.7,36.853a.424.424,0,0,1-.423.423H12.063a.424.424,0,0,1-.423-.423V36.56a.424.424,0,0,1,.423-.423h2.218a.424.424,0,0,1,.423.423Zm9.73-2.273H1.915a.338.338,0,0,1-.336-.336V20.115a.338.338,0,0,1,.336-.336H24.429a.338.338,0,0,1,.336.336V34.244h0A.333.333,0,0,1,24.435,34.58Z"
                              transform="translate(0 -18.2)"
                              fill=""
                            />
                            <path
                              d="M344.2,159.114h.846l.027-.027a5.489,5.489,0,0,0-.06-.786Z"
                              transform="translate(-325.531 -150.701)"
                              fill=""
                            />
                            <path
                              d="M261.585,84.7,258.9,87.385v.846l3.2-3.2A4.856,4.856,0,0,0,261.585,84.7Z"
                              transform="translate(-244.858 -81.093)"
                              fill=""
                            />
                            <path
                              d="M260.392,75.6,258.9,77.092v.846l2.115-2.115A4.268,4.268,0,0,0,260.392,75.6Z"
                              transform="translate(-244.858 -72.487)"
                              fill=""
                            />
                            <path
                              d="M259.7,71.86a5.425,5.425,0,0,0-.786-.06l-.011.011v.846Z"
                              transform="translate(-244.858 -68.893)"
                              fill=""
                            />
                            <path
                              d="M282.846,117.311l2.7-2.7a4.86,4.86,0,0,0-.331-.515L282,117.311Z"
                              transform="translate(-266.705 -108.898)"
                              fill=""
                            />
                            <path
                              d="M262.99,98.023c-.065-.071-.13-.141-.2-.212s-.146-.141-.222-.212l-3.667,3.672v.428h.412Z"
                              transform="translate(-244.858 -93.293)"
                              fill=""
                            />
                            <path
                              d="M314.041,136.132l1.508-1.508a6.529,6.529,0,0,0-.217-.624l-2.132,2.132Z"
                              transform="translate(-296.212 -127.719)"
                              fill=""
                            />
                            <path
                              d="M144.922,89.3a5.522,5.522,0,1,0,5.522,5.522h-5.522Z"
                              transform="translate(-131.839 -85.444)"
                              fill=""
                            />
                          </g>
                        </g>
                      </svg>
                    <span class="coaching_sales_count"> <i class="fa fa-rupee"></i> {{$coachingSalesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="red"
                      xmlns="http://www.w3.org/2000/svg"
                      width="71"
                      height="71"
                      viewBox="0 0 71 71"
                    >
                      <g transform="translate(-996.561 -266)">
                        <path
                          d="M344.2,163.109h5l.16-.16a32.455,32.455,0,0,0-.353-4.649Z"
                          transform="translate(718.199 135.48)"
                          fill=""
                        />
                        <path
                          d="M274.77,84.7,258.9,100.57v5l18.916-18.915A28.692,28.692,0,0,0,274.77,84.7Z"
                          transform="translate(776.104 185.436)"
                          fill=""
                        />
                        <path
                          d="M267.717,75.6,258.9,84.417v5l12.5-12.5A25.221,25.221,0,0,0,267.717,75.6Z"
                          transform="translate(776.09 191.618)"
                          fill=""
                        />
                        <path
                          d="M263.613,72.153a32.073,32.073,0,0,0-4.649-.353l-.064.064v5Z"
                          transform="translate(776.076 194.2)"
                          fill=""
                        />
                        <path
                          d="M287,133.08l15.934-15.934a28.723,28.723,0,0,0-1.956-3.046L282,133.08Z"
                          transform="translate(760.458 165.491)"
                          fill=""
                        />
                        <path
                          d="M283.074,100.1c-.385-.417-.77-.834-1.186-1.25s-.865-.834-1.314-1.25L258.9,119.3v2.533h2.437Z"
                          transform="translate(776.152 176.671)"
                          fill=""
                        />
                        <path
                          d="M318.169,146.6l8.913-8.913A38.6,38.6,0,0,0,325.8,134l-12.6,12.6Z"
                          transform="translate(739.26 151.98)"
                          fill=""
                        />
                        <path
                          d="M172.127,89.3a32.695,32.695,0,1,0,32.727,32.695H172.127Z"
                          transform="translate(857.161 182.31)"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>

              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Sales through Company Product
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="blue"
                        xmlns="http://www.w3.org/2000/svg"
                        width="26"
                        height="26"
                        viewBox="0 0 26 26"
                      >
                        <g transform="translate(6.145 21.43)">
                          <path
                            d="M132.426,423.523h-.762V422h-7.617v1.523h-.762A2.285,2.285,0,0,0,121,425.809a.762.762,0,0,0,.762.762h12.188a.762.762,0,0,0,.762-.762A2.285,2.285,0,0,0,132.426,423.523Z"
                            transform="translate(-121 -422)"
                            fill=""
                          />
                        </g>
                        <g transform="translate(0 16.859)">
                          <path
                            d="M0,332v.762a2.288,2.288,0,0,0,2.285,2.285h21.43A2.288,2.288,0,0,0,26,332.762V332Z"
                            transform="translate(0 -332)"
                            fill=""
                          />
                        </g>
                        <g transform="translate(14.475 4.684)">
                          <path
                            d="M287.382,92.23l-2.345,1.413,2.334,1.41,2.338-1.413Z"
                            transform="translate(-285.037 -92.23)"
                            fill=""
                          />
                        </g>
                        <g transform="translate(17.57 7.446)">
                          <path
                            d="M346,148v2.823l2.285-1.381v-2.823Z"
                            transform="translate(-346 -146.622)"
                            fill=""
                          />
                        </g>
                        <path
                          d="M23.715,0H2.285A2.288,2.288,0,0,0,0,2.285V15.336H26V2.285A2.288,2.288,0,0,0,23.715,0ZM8.43,12.238h-3.1a.762.762,0,1,1,0-1.523h3.1a.762.762,0,0,1,0,1.523Zm0-3.047h-3.1a.762.762,0,1,1,0-1.523h3.1a.762.762,0,0,1,0,1.523Zm0-3.047h-3.1a.762.762,0,1,1,0-1.523h3.1a.762.762,0,0,1,0,1.523ZM21.379,10.7h0a.762.762,0,0,1-.367.652l-3.809,2.3a.761.761,0,0,1-.789,0l-3.809-2.3a.762.762,0,0,1-.367-.652V6.1a.755.755,0,0,1,.352-.635c.153-.1,3.992-2.421,3.838-2.319a.761.761,0,0,1,.788,0l.035.021,3.779,2.3a.713.713,0,0,1,.338.591c0,.015.011.027.011.042v4.6Z"
                          fill=""
                        />
                        <g transform="translate(13.762 7.446)">
                          <path
                            d="M271,146.624v2.823l2.285,1.381v-2.823Z"
                            transform="translate(-271 -146.624)"
                            fill=""
                          />
                        </g>
                      </svg>
                    <span class="company_sales_count"><i class="fa fa-rupee"></i> {{$companySalesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="blue"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-52.871 -475)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(52.871 475)"
                          fill="none"
                        />
                        <g transform="translate(55.75 477)">
                          <path
                            d="M31.873,4.681,23.843,0l-8.03,4.681,8.03,4.681Zm0,0"
                            transform="translate(-14.722)"
                            fill=""
                          />
                          <path
                            d="M241.273,161.806l8.11-4.682v-9.367l-8.11,4.682Zm0,0"
                            transform="translate(-231.642 -141.806)"
                            fill=""
                          />
                          <path
                            d="M.5,147.758v9.367l8.11,4.682V152.44Zm0,0"
                            transform="translate(0 -141.807)"
                            fill=""
                          />
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Question Added by Coaching
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="blue"
                        xmlns="http://www.w3.org/2000/svg"
                        width="44.252"
                        height="40"
                        viewBox="0 0 44.252 40"
                      >
                        <g transform="translate(-0.163 -0.191)">
                          <g transform="translate(0 0)">
                            <path
                              d="M20,40A20,20,0,0,1,5.858,5.858,20,20,0,0,1,34.142,34.142,19.869,19.869,0,0,1,20,40Zm-.316-15.428a2.4,2.4,0,0,0-1.695.675,2.3,2.3,0,0,0-.5.729,2.251,2.251,0,0,0-.182.9,2.3,2.3,0,0,0,.182.912,2.276,2.276,0,0,0,.5.735,2.3,2.3,0,0,0,.75.486,2.5,2.5,0,0,0,.945.175,2.463,2.463,0,0,0,.932-.175,2.381,2.381,0,0,0,.756-.486,2.225,2.225,0,0,0,.506-.735,2.3,2.3,0,0,0,.183-.912,2.238,2.238,0,0,0-.689-1.634,2.478,2.478,0,0,0-.756-.492A2.383,2.383,0,0,0,19.684,24.572Zm.243-12.2a2.12,2.12,0,0,1,1.464.48,1.654,1.654,0,0,1,.534,1.289,2.24,2.24,0,0,1-.318,1.209,4.309,4.309,0,0,1-.776.918,9.348,9.348,0,0,1-.986.769,7.85,7.85,0,0,0-.952.756,3.1,3.1,0,0,0-.668.891,1.882,1.882,0,0,0-.135,1.154l.3,2.174H21.25l.378-1.89a1.525,1.525,0,0,1,.438-.756,7.7,7.7,0,0,1,.81-.681c.3-.223.633-.475.986-.75a5.512,5.512,0,0,0,.952-.958,4.967,4.967,0,0,0,.715-1.3,5.039,5.039,0,0,0,.284-1.776,4.893,4.893,0,0,0-.385-1.964,4.25,4.25,0,0,0-1.1-1.512,4.98,4.98,0,0,0-1.735-.966A7.289,7.289,0,0,0,20.3,9.114a8.613,8.613,0,0,0-1.681.156,7.936,7.936,0,0,0-1.451.432,8.553,8.553,0,0,0-1.263.641,9.481,9.481,0,0,0-1.086.783l1.107,1.7a.933.933,0,0,0,.864.5,1.021,1.021,0,0,0,.513-.148c.17-.1.366-.206.6-.33a4.834,4.834,0,0,1,.823-.331A4.116,4.116,0,0,1,19.927,12.368Z"
                              transform="translate(0.163 0.192)"
                              fill=""
                            />
                          </g>
                          <path
                            d="M2071.109,1739.858v5.036h5.4v5.814h5.481V1739l-5.481-2.949v3.811Z"
                            transform="translate(-2042.096 -1732.697)"
                            fill=""
                            stroke="#f5f5f5"
                            stroke-width="1.2"
                          />
                          <path
                            d="M9.7-8.842v5.79h5.41V.194H9.7v5.82H6.011V.194H.63V-3.052H6.011v-5.79Z"
                            transform="translate(29.31 11.101)"
                            fill=""
                          />
                        </g>
                      </svg>
                      <span class="coaching_ques_count">{{$coachingQuesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="blue"
                      xmlns="http://www.w3.org/2000/svg"
                      width="59.833"
                      height="74.806"
                      viewBox="0 0 59.833 74.806"
                    >
                      <g transform="translate(-476.093 -394.083)">
                        <path
                          d="M1.254-43.692a23.081,23.081,0,0,1,2.657-1.914A20.8,20.8,0,0,1,7-47.174a19.317,19.317,0,0,1,3.548-1.056,20.955,20.955,0,0,1,4.109-.38,17.738,17.738,0,0,1,5.594.825,12.114,12.114,0,0,1,4.24,2.36,10.343,10.343,0,0,1,2.689,3.7,11.91,11.91,0,0,1,.941,4.8,12.226,12.226,0,0,1-.693,4.356A11.879,11.879,0,0,1,25.658-29.4a13.38,13.38,0,0,1-2.343,2.327q-1.271.974-2.409,1.831a20.168,20.168,0,0,0-1.98,1.683,3.5,3.5,0,0,0-1.039,1.848l-.924,4.62h-7L9.24-22.407q-.033-.2-.049-.4t-.016-.4a4.63,4.63,0,0,1,.693-2.541,9.017,9.017,0,0,1,1.749-2,26.98,26.98,0,0,1,2.277-1.749A20.6,20.6,0,0,0,16.17-31.3a9.175,9.175,0,0,0,1.749-2.178,5.627,5.627,0,0,0,.693-2.855,4.027,4.027,0,0,0-1.3-3.151,5.162,5.162,0,0,0-3.58-1.172,10.011,10.011,0,0,0-2.92.363,11.769,11.769,0,0,0-2.013.809q-.842.446-1.469.808a2.484,2.484,0,0,1-1.254.363A2.272,2.272,0,0,1,3.96-39.534ZM7.326-5.181a5.477,5.477,0,0,1,.445-2.211A5.588,5.588,0,0,1,8.993-9.174a5.825,5.825,0,0,1,1.832-1.2,5.883,5.883,0,0,1,2.31-.446,5.8,5.8,0,0,1,2.277.446,6.031,6.031,0,0,1,1.848,1.2A5.462,5.462,0,0,1,18.5-7.392a5.477,5.477,0,0,1,.445,2.211A5.594,5.594,0,0,1,18.5-2.954a5.417,5.417,0,0,1-1.237,1.8A5.793,5.793,0,0,1,15.411.033a5.992,5.992,0,0,1-2.277.429,6.081,6.081,0,0,1-2.31-.429A5.6,5.6,0,0,1,8.993-1.155a5.54,5.54,0,0,1-1.221-1.8A5.594,5.594,0,0,1,7.326-5.181Z"
                          transform="translate(475.5 467.927)"
                          fill=""
                          stroke="rgba(0,0,0,0)"
                          stroke-width="1"
                        />
                        <path
                          d="M22.425-8.843V5.078H35.432v7.8H22.425V26.873H13.566V12.882H.63v-7.8H13.566V-8.843Z"
                          transform="translate(500.494 402.925)"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Package Added by Coaching
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="red"
                        xmlns="http://www.w3.org/2000/svg"
                        width="22"
                        height="25"
                        viewBox="0 0 22 25"
                      >
                        <path
                          d="M19.556,25H2.444A2.416,2.416,0,0,1,0,22.619V8.333A2.416,2.416,0,0,1,2.444,5.953H4.888A6.041,6.041,0,0,1,11,0,6.04,6.04,0,0,1,17.11,5.953h2.445A2.416,2.416,0,0,1,22,8.333V22.619A2.416,2.416,0,0,1,19.556,25ZM6.27,8.333a1.233,1.233,0,0,0-.976.472,1.14,1.14,0,0,0-.21,1.017A6.067,6.067,0,0,0,11,14.286a6.069,6.069,0,0,0,5.916-4.464,1.166,1.166,0,0,0-.224-1.028,1.225,1.225,0,0,0-.962-.46,1.265,1.265,0,0,0-1.2.952,3.691,3.691,0,0,1-7.064,0A1.267,1.267,0,0,0,6.27,8.333ZM11,2.381A3.625,3.625,0,0,0,7.333,5.953h7.334a3.506,3.506,0,0,0-1.075-2.524A3.69,3.69,0,0,0,11,2.381Z"
                          transform="translate(0)"
                          fill=""
                        />
                      </svg>
                      <span class="coaching_packages_count">{{$coachingPackagesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="red"
                      xmlns="http://www.w3.org/2000/svg"
                      width="22"
                      height="25"
                      viewBox="0 0 22 25"
                    >
                      <path
                        d="M19.556,25H2.444A2.416,2.416,0,0,1,0,22.619V8.333A2.416,2.416,0,0,1,2.444,5.953H4.888A6.041,6.041,0,0,1,11,0,6.04,6.04,0,0,1,17.11,5.953h2.445A2.416,2.416,0,0,1,22,8.333V22.619A2.416,2.416,0,0,1,19.556,25ZM6.27,8.333a1.233,1.233,0,0,0-.976.472,1.14,1.14,0,0,0-.21,1.017A6.067,6.067,0,0,0,11,14.286a6.069,6.069,0,0,0,5.916-4.464,1.166,1.166,0,0,0-.224-1.028,1.225,1.225,0,0,0-.962-.46,1.265,1.265,0,0,0-1.2.952,3.691,3.691,0,0,1-7.064,0A1.267,1.267,0,0,0,6.27,8.333ZM11,2.381A3.625,3.625,0,0,0,7.333,5.953h7.334a3.506,3.506,0,0,0-1.075-2.524A3.69,3.69,0,0,0,11,2.381Z"
                        transform="translate(0)"
                        fill=""
                      />
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Question Added by Company
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="orange"
                        xmlns="http://www.w3.org/2000/svg"
                        width="44.252"
                        height="40"
                        viewBox="0 0 44.252 40"
                      >
                        <g transform="translate(-0.163 -0.191)">
                          <g transform="translate(0 0)">
                            <path
                              d="M20,40A20,20,0,0,1,5.858,5.858,20,20,0,0,1,34.142,34.142,19.869,19.869,0,0,1,20,40Zm-.316-15.428a2.4,2.4,0,0,0-1.695.675,2.3,2.3,0,0,0-.5.729,2.251,2.251,0,0,0-.182.9,2.3,2.3,0,0,0,.182.912,2.276,2.276,0,0,0,.5.735,2.3,2.3,0,0,0,.75.486,2.5,2.5,0,0,0,.945.175,2.463,2.463,0,0,0,.932-.175,2.381,2.381,0,0,0,.756-.486,2.225,2.225,0,0,0,.506-.735,2.3,2.3,0,0,0,.183-.912,2.238,2.238,0,0,0-.689-1.634,2.478,2.478,0,0,0-.756-.492A2.383,2.383,0,0,0,19.684,24.572Zm.243-12.2a2.12,2.12,0,0,1,1.464.48,1.654,1.654,0,0,1,.534,1.289,2.24,2.24,0,0,1-.318,1.209,4.309,4.309,0,0,1-.776.918,9.348,9.348,0,0,1-.986.769,7.85,7.85,0,0,0-.952.756,3.1,3.1,0,0,0-.668.891,1.882,1.882,0,0,0-.135,1.154l.3,2.174H21.25l.378-1.89a1.525,1.525,0,0,1,.438-.756,7.7,7.7,0,0,1,.81-.681c.3-.223.633-.475.986-.75a5.512,5.512,0,0,0,.952-.958,4.967,4.967,0,0,0,.715-1.3,5.039,5.039,0,0,0,.284-1.776,4.893,4.893,0,0,0-.385-1.964,4.25,4.25,0,0,0-1.1-1.512,4.98,4.98,0,0,0-1.735-.966A7.289,7.289,0,0,0,20.3,9.114a8.613,8.613,0,0,0-1.681.156,7.936,7.936,0,0,0-1.451.432,8.553,8.553,0,0,0-1.263.641,9.481,9.481,0,0,0-1.086.783l1.107,1.7a.933.933,0,0,0,.864.5,1.021,1.021,0,0,0,.513-.148c.17-.1.366-.206.6-.33a4.834,4.834,0,0,1,.823-.331A4.116,4.116,0,0,1,19.927,12.368Z"
                              transform="translate(0.163 0.192)"
                              fill=""
                            />
                          </g>
                          <path
                            d="M2071.109,1739.858v5.036h5.4v5.814h5.481V1739l-5.481-2.949v3.811Z"
                            transform="translate(-2042.096 -1732.697)"
                            fill=""
                            stroke="#f5f5f5"
                            stroke-width="1.2"
                          />
                          <path
                            d="M9.7-8.842v5.79h5.41V.194H9.7v5.82H6.011V.194H.63V-3.052H6.011v-5.79Z"
                            transform="translate(29.31 11.101)"
                            fill=""
                          />
                        </g>
                      </svg>
                      <span class="company_ques_count">{{$companyQuesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="orange"
                      xmlns="http://www.w3.org/2000/svg"
                      width="59.833"
                      height="74.806"
                      viewBox="0 0 59.833 74.806"
                    >
                      <g transform="translate(-476.093 -394.083)">
                        <path
                          d="M1.254-43.692a23.081,23.081,0,0,1,2.657-1.914A20.8,20.8,0,0,1,7-47.174a19.317,19.317,0,0,1,3.548-1.056,20.955,20.955,0,0,1,4.109-.38,17.738,17.738,0,0,1,5.594.825,12.114,12.114,0,0,1,4.24,2.36,10.343,10.343,0,0,1,2.689,3.7,11.91,11.91,0,0,1,.941,4.8,12.226,12.226,0,0,1-.693,4.356A11.879,11.879,0,0,1,25.658-29.4a13.38,13.38,0,0,1-2.343,2.327q-1.271.974-2.409,1.831a20.168,20.168,0,0,0-1.98,1.683,3.5,3.5,0,0,0-1.039,1.848l-.924,4.62h-7L9.24-22.407q-.033-.2-.049-.4t-.016-.4a4.63,4.63,0,0,1,.693-2.541,9.017,9.017,0,0,1,1.749-2,26.98,26.98,0,0,1,2.277-1.749A20.6,20.6,0,0,0,16.17-31.3a9.175,9.175,0,0,0,1.749-2.178,5.627,5.627,0,0,0,.693-2.855,4.027,4.027,0,0,0-1.3-3.151,5.162,5.162,0,0,0-3.58-1.172,10.011,10.011,0,0,0-2.92.363,11.769,11.769,0,0,0-2.013.809q-.842.446-1.469.808a2.484,2.484,0,0,1-1.254.363A2.272,2.272,0,0,1,3.96-39.534ZM7.326-5.181a5.477,5.477,0,0,1,.445-2.211A5.588,5.588,0,0,1,8.993-9.174a5.825,5.825,0,0,1,1.832-1.2,5.883,5.883,0,0,1,2.31-.446,5.8,5.8,0,0,1,2.277.446,6.031,6.031,0,0,1,1.848,1.2A5.462,5.462,0,0,1,18.5-7.392a5.477,5.477,0,0,1,.445,2.211A5.594,5.594,0,0,1,18.5-2.954a5.417,5.417,0,0,1-1.237,1.8A5.793,5.793,0,0,1,15.411.033a5.992,5.992,0,0,1-2.277.429,6.081,6.081,0,0,1-2.31-.429A5.6,5.6,0,0,1,8.993-1.155a5.54,5.54,0,0,1-1.221-1.8A5.594,5.594,0,0,1,7.326-5.181Z"
                          transform="translate(475.5 467.927)"
                          fill=""
                          stroke="rgba(0,0,0,0)"
                          stroke-width="1"
                        />
                        <path
                          d="M22.425-8.843V5.078H35.432v7.8H22.425V26.873H13.566V12.882H.63v-7.8H13.566V-8.843Z"
                          transform="translate(500.494 402.925)"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">
                      Package Added by Company
                    </h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="red"
                        xmlns="http://www.w3.org/2000/svg"
                        width="22"
                        height="25"
                        viewBox="0 0 22 25"
                      >
                        <path
                          d="M19.556,25H2.444A2.416,2.416,0,0,1,0,22.619V8.333A2.416,2.416,0,0,1,2.444,5.953H4.888A6.041,6.041,0,0,1,11,0,6.04,6.04,0,0,1,17.11,5.953h2.445A2.416,2.416,0,0,1,22,8.333V22.619A2.416,2.416,0,0,1,19.556,25ZM6.27,8.333a1.233,1.233,0,0,0-.976.472,1.14,1.14,0,0,0-.21,1.017A6.067,6.067,0,0,0,11,14.286a6.069,6.069,0,0,0,5.916-4.464,1.166,1.166,0,0,0-.224-1.028,1.225,1.225,0,0,0-.962-.46,1.265,1.265,0,0,0-1.2.952,3.691,3.691,0,0,1-7.064,0A1.267,1.267,0,0,0,6.27,8.333ZM11,2.381A3.625,3.625,0,0,0,7.333,5.953h7.334a3.506,3.506,0,0,0-1.075-2.524A3.69,3.69,0,0,0,11,2.381Z"
                          transform="translate(0)"
                          fill=""
                        />
                      </svg>
                      <span class="company_packages_count">{{$companyPackagesCount}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="red"
                      xmlns="http://www.w3.org/2000/svg"
                      width="22"
                      height="25"
                      viewBox="0 0 22 25"
                    >
                      <path
                        d="M19.556,25H2.444A2.416,2.416,0,0,1,0,22.619V8.333A2.416,2.416,0,0,1,2.444,5.953H4.888A6.041,6.041,0,0,1,11,0,6.04,6.04,0,0,1,17.11,5.953h2.445A2.416,2.416,0,0,1,22,8.333V22.619A2.416,2.416,0,0,1,19.556,25ZM6.27,8.333a1.233,1.233,0,0,0-.976.472,1.14,1.14,0,0,0-.21,1.017A6.067,6.067,0,0,0,11,14.286a6.069,6.069,0,0,0,5.916-4.464,1.166,1.166,0,0,0-.224-1.028,1.225,1.225,0,0,0-.962-.46,1.265,1.265,0,0,0-1.2.952,3.691,3.691,0,0,1-7.064,0A1.267,1.267,0,0,0,6.27,8.333ZM11,2.381A3.625,3.625,0,0,0,7.333,5.953h7.334a3.506,3.506,0,0,0-1.075-2.524A3.69,3.69,0,0,0,11,2.381Z"
                        transform="translate(0)"
                        fill=""
                      />
                    </svg>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-8 col-md-12">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2>Net Revenue By Month</h2>
                  </div>
                  @if($allRevenue)
                                        @foreach($allRevenue as $key=>$revenue)
                                          @endforeach
                  @endif
                  <div class="card-body">
                    <h2 class="text-warning fs-25 font-medium mb-8">
                      <i class="fa fa-rupee"></i> {{number_format($total, 2)}}
                    </h2>
                    <div id="morrisBar2" class="chartsh"></div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-12">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2 id="rev-per-week">Revenue Per Week</h2>
                  </div>
                  <div class="card-body">
                    <ul class="week-list">
                      <!-- <li><a href="javascript:void(0)">WEEK1</a></li>
                      <li class="active">
                        <a href="javascript:void(0)">WEEK2</a>
                      </li> -->
                      <li ><a href="javascript:void(0)">Test Series</a><span style="margin-left: 5px; background-color: #000080; color: #fff; height: 50px; width: 50px;">&nbsp;&nbsp;&nbsp;</span></li>
                      <li><a href="javascript:void(0)">Pass</a><span style="margin-left: 5px; background-color: #FFA62F; color: #fff; height: 50px; width: 50px;">&nbsp;&nbsp;&nbsp;</span></li>
                      <li><a href="javascript:void(0)"></a>
                      <li><a href="javascript:void(0)"></a>
                    </ul>
                    <div id="echart8" class="chartsh"></div>
                    <ul class="week-list yearly">
                      <li><a href="javascript:void(0)" class="revenue-selector" data-id="1">DAY</a></li>
                      <li class="active">
                        <a href="javascript:void(0)"  class="revenue-selector" data-id="2">WEEK</a>
                      </li>
                      <li><a href="javascript:void(0)"  class="revenue-selector" data-id="3">MONTH</a></li>
                      <li><a href="javascript:void(0)"  class="revenue-selector" data-id="4">YEAR</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-12" id="data_div"></div>  
              <div class="col-lg-12">
                <div id="loading_image" style="display:none; margin-left:45%;">
                    <image src="{{ url('/admin/images/loading_image.gif') }}" height="70">
                </div>
              </div> 
              <div class="col-lg-12" id="result_data_div"></div>
              <div class="col-lg-8">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2>Order Summary</h2>
                  </div>
                  <div class="card-body pt-0">
                    <div class="table-responsive">
                      <table
                        id=""
                        class="table order-summary card-table dataTable table-hover table-vcenter text-nowrap"
                      >
                        <thead>
                          <tr>
                            <th>Salse Order</th>
                            <th>Order Count</th>
                            <th>Amount (INR)</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>Today</td>
                            <td>{{$todaysSales->total}}</td>
                            <td><i class="fa fa-rupee"></i> {{($todaysSales->total_amount == '') ? 0 : $todaysSales->total_amount}}</td>
                          </tr>
                          <tr>
                            <td>Yesterday</td>
                            <td>{{$yesterdaySales->total}}</td>
                            <td><i class="fa fa-rupee"></i> {{($yesterdaySales->total_amount == '') ? 0 : $yesterdaySales->total_amount}}</td>
                          </tr>
                          <tr>
                            <td>Week</td>
                            <td>{{$weekSales->total}}</td>
                            <td><i class="fa fa-rupee"></i> {{($weekSales->total_amount == '') ? 0 : $weekSales->total_amount}}</td>
                          </tr>
                          <tr>
                            <td>Month</td>
                            <td>{{$monthSales->total}}</td>
                            <td><i class="fa fa-rupee"></i> {{($monthSales->total_amount == '') ? 0 : $monthSales->total_amount}}</td>
                          </tr>
                          <tr>
                            <td>Year</td>
                            <td>{{$yearSales->total}}</td>
                            <td><i class="fa fa-rupee"></i> {{($yearSales->total_amount == '') ? 0 : $yearSales->total_amount}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2>Order Status</h2>
                    <div class="filter-group">
                      <div class="dropdown custom-date">
                        <button class="btn btn-custom-toggle dropdown-toggle btn-block" type="button" id="dropdownMenuButton"
                          data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          Custom Date
                        </button>
                        <div class="dropdown-menu custom-dropdown-menu right-move" aria-labelledby="dropdownMenuButton"
                          x-placement="bottom-start">
                          <div class="custom-date-content">
                            <h6>Filter by&nbsp;sale date</h6>
                            <ul id="order_date_ul">
                              <li value="1" class="order_custom_date" style="cursor:pointer;">Today</li>
                              <li value="2" class="order_custom_date" style="cursor:pointer;">Last 7 Days</li>
                              <li value="3" class="order_custom_date" style="cursor:pointer;">This Month</li>
                              <li value="4" class="order_custom_date" style="cursor:pointer;">This Year: {{ date('Y') }} </li>
                              <li value="5" class="order_custom_date" style="cursor:pointer;">Last Year: {{ date('Y')-1 }}</li>
                              <li value="6" class="order_custom_date" style="cursor:pointer;">All Time</li>
                            </ul>
                            <h6>Filter by sale date range</h6>
                            <div class="date-group">
                              <div class="input-group">
                                <div class="input-group-prepend">
                                  <div class="input-group-text">
                                    <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                  </div>
                                </div>
                                <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
                                  type="text" name="order_from_date" id="order_from_date">
                              </div>
                              <span>To</span>
                              <div class="input-group">
                                <div class="input-group-prepend">
                                  <div class="input-group-text">
                                    <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                  </div>
                                </div>
                                <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
                                  type="text" name="order_to_date" id="order_to_date">
                              </div>
                            </div>
                            <div class="btn-content">
                              <button class="btn btn-outline-primary btn-pill add-btn-sm btn-streach-md" id="order_date_cancel">
                                Cancel
                              </button>
                              <button class="btn btn-primary add-btn-sm btn-streach-md" id="order_date_apply">
                                Apply
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card-body">
                    <div id="morrisBar8" class="chartsh order-status"></div>
                    <ul class="chart-order-list" id="order_chart_div">
                    </ul>
                  </div>
                </div>
              </div>
            </div>

            <!--// MAIN BODY CONTENT -->
          </div>
        </div>

@endsection
@section('scripts')
<!--Morris.js Charts Plugin -->
<script src="{{asset('admin/plugins/morris/raphael-min.js')}}"></script>
<script src="{{asset('admin/plugins/morris/morris.js')}}"></script>
<!-- ECharts Plugin -->
<script src="{{asset('admin/plugins/echart/echarts.js')}}"></script>
<script src="{{asset('admin/js/echarts.js')}}"></script>

<script type="text/javascript">
$(function(){
  /*---- morrisBar2----*/
  var morrisBar2data = [];
  @if($allRevenue)
    @foreach($allRevenue as $key=>$revenue)
      morrisBar2data.push({ x: "{{$revenue->year.'-'.$revenue->mon}}", y: "{{($revenue->total == '') ? 0 : number_format($revenue->total, 2)}}" });
    @endforeach
  @endif
  //console.log('morrisBar2data----------',morrisBar2data);
  new Morris.Area({
    element: 'morrisBar2',
    data: morrisBar2data,
    xkey: 'x',
    ykeys: ['y'],
    lineColors: ['#FF7249'],
    labels: ['Y'],
  }).on('click', function (i, row) {
    console.log(i, row);
  });
  /*---- morrisBar2----*/
  var data_type=1;
  show_data(data_type);
  $('body').on('change', '#data_type', function(){
    var data_type=$('#data_type').val();
    show_data(data_type);
  })
  function show_data(data_type){
      var link  = "{{ url('/admin/get-dashboard-data') }}";
      $.ajax({
        url : link,
        type : "POST",
        data : {
            "_token" : "{{ csrf_token() }}",
            "data_type" : data_type
        },
        success: function(data) {
          $("#data_div").html(data);
        }
      });
  }

  var result_data_type=1;
  result_show_data(result_data_type);
  $('body').on('change', '#result_data_type', function(){
    var result_data_type=$('#result_data_type').val();
    result_show_data(result_data_type);
  })
  function result_show_data(result_data_type){
      var link  = "{{ url('/admin/get-dashboard-result-data') }}";
      $.ajax({
        url : link,
        type : "POST",
        data : {
            "_token" : "{{ csrf_token() }}",
            "result_data_type" : result_data_type
        },
        success: function(data) {
          $("#result_data_div").html(data);
        }
      });
  }

  var order_custom_date='';
  var order_from_date='';
  var order_to_date='';
  order_sale_data(order_custom_date,order_from_date,order_to_date);
  function order_sale_data(order_custom_date,order_from_date,order_to_date){
      var link  = "{{ route('admin.dashboard.order_sale_data') }}";
      $.ajax({
        url : link,
        type : "POST",
        data : {
            "_token" : "{{ csrf_token() }}",
            "custom_date" : order_custom_date,
            "from_date" : order_from_date,
            "to_date" : order_to_date
        },
        success: function(data) {
           $("#morrisBar8").empty();
           var order_data='';
           var morrisBar8Data = [];
           var morrisBar8Colors = [];
           $.each(data, function(key,val){
              morrisBar8Data.push({ value: val['attempted_examtype_count'], label: val['examtype_name'] });
              if(key==0){
               morrisBar8Colors.push('#20BE77');
               var line_class='green';
              }else if(key==1){
               morrisBar8Colors.push('#ff5e6c');
               var line_class='red';
              }else if(key==2){
               morrisBar8Colors.push('#344466');
               var line_class='black';
              }else{
               morrisBar8Colors.push('#FF9F29'); 
               var line_class='yellow';
              }
              order_data=order_data+`<li class="`+line_class+`">
                <p>`+val['attempted_examtype_count']+`</p>
                <span>`+val['examtype_name']+`</span>
              </li>`;
          });
          $("#order_chart_div").html(order_data);
          new Morris.Donut({
            element: 'morrisBar8',
            data: morrisBar8Data,
            colors: morrisBar8Colors,
            formatter: function (x) {
              return x;
            },
          }).on('click', function (i, row) {
            console.log(i, row);
          });
        }
      });
  }
  $('body').on('click', '.order_custom_date', function(){
      $(".order_custom_date").removeClass('active');
      $(this).addClass('active');
      $("#dropdownMenuButton").html($(this).html());
      $("#from_date").val('');
      $("#to_date").val('');
      var order_custom_date=$("#order_date_ul li.active").attr('value');
      var order_from_date=$("#order_from_date").val();
      var order_to_date=$("#order_to_date").val();
      order_sale_data(order_custom_date,order_from_date,order_to_date);
  });
  $('body').on('click', '#order_date_apply', function(){
      $(".order_custom_date").removeClass('active');
      if($('#order_from_date').val() != '' && $('#order_to_date').val() !=''){
      $("#dropdownMenuButton").html($('#order_from_date').val()+' - '+$('#order_to_date').val());
      var order_custom_date='';
      var order_from_date=$("#order_from_date").val();
      var order_to_date=$("#order_to_date").val();
      order_sale_data(order_custom_date,order_from_date,order_to_date);
      }
  });
  $('body').on('click', '#order_date_cancel', function(){
      $(".order_custom_date").removeClass('active');
      $("#dropdownMenuButton").html('Custom Date');
      $("#order_from_date").val('');
      $("#order_to_date").val('');
      var order_custom_date='';
      var order_from_date='';
      var order_to_date='';
      order_sale_data(order_custom_date,order_from_date,order_to_date);
  });

  var data = [];
  var test_series = [];
  var pass = [];
  @if($weeklyRevenue)
    @foreach($weeklyRevenue as $key=>$weekly)
      data.push("{{$weekly->month}}");
      @if($weekly->test_series_sum > 0)
        test_series.push("{{$weekly->test_series_sum * ($weekly->admin_review_percent/100)}}");
      @else 
        test_series.push(0);
      @endif
      @if($weekly->pass_sum > 0)
        pass.push("{{$weekly->pass_sum * ($weekly->admin_review_percent/100)}}");
      @else 
        pass.push(0);
      @endif
    @endforeach
  @endif
  var chartdata4 = [
    {
      name: 'data',
      type: 'line',
      data: test_series,
      color: '#000080',
    },{
      name: 'data',
      type: 'line',
      data: pass,
      color: '#FFA62F',
    }
  ];

  var option8 = {
    grid: {
      top: '6',
      right: '0',
      bottom: '17',
      left: '25',
    },
    xAxis: {
      data:  data,
      axisLine: {
        lineStyle: {
          color: 'rgba(227, 237, 252,0.5)',
        },
      },
      axisLabel: {
        fontSize: 10,
        color: 'rgba(146, 163, 185, 0.9)',
      },
    },
    yAxis: {
      splitLine: {
        lineStyle: {
          color: 'rgba(227, 237, 252,0.5)',
        },
      },
      axisLine: {
        lineStyle: {
          color: 'rgba(227, 237, 252,0.5)',
        },
      },
      axisLabel: {
        fontSize: 10,
        color: 'rgba(146, 163, 185, 0.9)',
      },
    },
    series: chartdata4,
    color: ['#000080','#FFA62F','#B6B6B4'],
  };

  var chart8 = document.getElementById('echart8');
  var lineChart = echarts.init(chart8);
  lineChart.setOption(option8);

});
</script>
@endsection