@extends('layouts.master')
@section('content')
<section class="content home">
   <div class="block-header">
      <div class="row">
            <div class="col-lg-5 col-md-5 col-sm-12">
               <h2>Dashboard
               <small>Welcome to TOF</small>
               </h2>
            </div>            
            <div class="col-lg-7 col-md-7 col-sm-12 text-right">
               
               <button class="btn btn-white btn-icon btn-round d-none d-md-inline-block float-right m-l-10" type="button">
                  <i class="zmdi zmdi-plus"></i>
               </button>
               <ul class="breadcrumb float-md-right">
                  <li class="breadcrumb-item"><a href="/"><i class="zmdi zmdi-home"></i>ASSAM TOF</a></li>
                  <li class="breadcrumb-item active">Dashboard</li>
               </ul>
            </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row clearfix">
         <div class="col-lg-4 col-md-6">
            <div class="card">
               <div class="body">
                  <h3 class="m-b-0" >{{ $plantationCount }} </h3>
                  <p class="text-muted">Total Submissions</p>
                  <div class="progress">
                        <div class="progress-bar l-blush" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6">
            <div class="card">
               <div class="body">
                  <h3 class="m-b-0" >{{ $approvedCount }} </h3>
                  <p class="text-muted">Submissions Approved</p>
                  <div class="progress">
                        <div class="progress-bar l-green" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-12">
            <div class="card">
               <div class="body">
                  <h3 class="m-b-0" >{{ $rejectedCount }} </h3>
                  <p class="text-muted">Submissions Rejected  </p>
                  <div class="progress">
                        <div class="progress-bar l-parpl" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row clearfix">
         <div class="col-lg-12 col-md-12">
            <div class="card">
               <div class="header">
                  <h2><strong>Summary</strong>  </h2>
                  <ul class="header-dropdown">
                        <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
                           <ul class="dropdown-menu dropdown-menu-right slideUp float-right">
                              <li><a href="javascript:void(0);">Edit</a></li>
                              <li><a href="javascript:void(0);">Delete</a></li>
                              <li><a href="javascript:void(0);">Report</a></li>
                           </ul>
                        </li>
                        <li class="remove">
                           <a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
                        </li>
                  </ul>
               </div>                    
               <div class="body">
                  <!-- Nav tabs -->
                  <ul class="nav nav-tabs padding-0">
                        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#chart-view">New Forms</a></li>
                        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#table-view">Renewals</a></li>
                  </ul>
                        
                  <!-- Tab panes -->
                  <div class="tab-content m-t-10">
                     <div class="tab-pane active" id="chart-view">
                        <div id="area_chart" class="graph"></div>
                        <div class="xl-slategray">
                           <div class="body">
                                 <div class="row text-center">
                                    <div class="col-sm-3 col-6">
                                       <h4 class="margin-0">$106</h4>
                                       <p class="text-muted margin-0"> Today's</p>
                                    </div>
                                    <div class="col-sm-3 col-6">
                                       <h4 class="margin-0">$907</h4>
                                       <p class="text-muted margin-0">This Week's</p>
                                    </div>
                                    <div class="col-sm-3 col-6">
                                       <h4 class="margin-0">$4210</h4>
                                       <p class="text-muted margin-0">This Month's</p>
                                    </div>
                                    <div class="col-sm-3 col-6">
                                       <h4 class="margin-0">$7,000</h4>
                                       <p class="text-muted margin-0">This Year's</p>
                                    </div>
                                 </div>
                           </div>
                        </div>                                
                     </div>
                     <div class="tab-pane" id="table-view">
                        <div class="table-responsive">
                           <table class="table m-b-0 table-bordered table-striped ">
                                 <thead>
                                    <tr>                                                
                                       <th>Name</th>
                                       <th class=" ">Address</th>
                                       <th>Earning</th>
                                       <th class=" ">Reviews</th>
                                       <th></th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">Porterfield 508 Virginia Street Chicago, IL 60653</td>
                                       <td>$2,325</td>
                                       <td class=" ">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">2595 Pearlman Avenue Sudbury, MA 01776 </td>
                                       <td>$3,325</td>
                                       <td class="">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">Porterfield 508 Virginia Street Chicago, IL 60653</td>
                                       <td>$5,021</td>
                                       <td class="">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">508 Virginia Street Chicago, IL 60653</td>
                                       <td>$1,325</td>
                                       <td class="">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star-outline"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">1516 Holt Street West Palm Beach, FL 33401</td>
                                       <td>$2,325</td>
                                       <td class="">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star-outline"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                    <tr>                                                
                                       <td>Hospital Name</td>
                                       <td class=" ">508 Virginia Street Chicago, IL 60653</td>
                                       <td>$2,325</td>
                                       <td class="">
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star col-amber"></i>
                                             <i class="zmdi zmdi-star-outline"></i>
                                       </td>
                                       <td>
                                             <button class="btn btn-sm btn-neutral"><i class="zmdi zmdi-chart"></i></button>
                                       </td>
                                    </tr>
                                 </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>                    
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-12">@include('layouts.footer')</div>
      </div>
   </div>
</section>

@endsection