@extends('layouts.master')
@section('css')

@endsection
@section('content')


    <!-- top tiles -->
    <div class="row tile_count">
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-dot-circle-o"></i> Metric 1</span>
        <div class="count">2500</div>
      </div>
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-clock-o"></i> Metric 2</span>
        <div class="count">123.50</div>
      </div>
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-dot-circle-o"></i> Metric 3 </span>
        <div class="count green">2,500</div>
      </div>
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-dot-circle-o"></i> Metric 4 </span>
        <div class="count">4,567</div>
      </div>
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-dot-circle-o"></i> Metric 5</span>
        <div class="count">2,315</div>
      </div>
      <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-file-o"></i> Metric 6</span>
        <div class="count">7,325</div>
      </div>
    </div>
    <!-- /top tiles -->

   

    <div class="row">


      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel tile fixed_height_320">
          <div class="x_title">
            <h2>Invoice Tracker (Short Codes) </h2>
            
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <div class="table">
              <table class="table table-striped table-condensed">
                <thead>
                  <tr class="headings">
                    <th class="column-title">Invoice </th>
                    <th class="column-title">Invoice Date </th>
                    <th class="column-title">Order </th>
                    <th class="column-title">Amount </th>
                    </th> 
                  </tr>
                </thead>
                <tbody>
                  <tr class="odd pointer">
                    
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                  <tr class="even pointer">                   
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                </body>
              </table>
            </div>

          </div>
        </div>
      </div>

      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel tile fixed_height_320 overflow_hidden">
          <div class="x_title">
            <h2>SMS A2P Clients</h2>
            
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
          <div class="table">
              <table class="table table-striped table-condensed">
                <thead>
                  <tr class="headings">
                    <th class="column-title">Invoice </th>
                    <th class="column-title">Invoice Date </th>
                    <th class="column-title">Order </th>
                    <th class="column-title">Amount </th>
                    </th> 
                  </tr>
                </thead>
                <tbody>
                  <tr class="odd pointer">
                    
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                  <tr class="even pointer">                   
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                </body>
              </table>
            </div>
          </div>
        </div>
      </div>


      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel tile fixed_height_320">
          <div class="x_title">
            <h2>Invoice Tracker (VAS) </h2>
            
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
          <div class="table">
              <table class="table table-striped table-condensed">
                <thead>
                  <tr class="headings">
                    <th class="column-title">Invoice </th>
                    <th class="column-title">Invoice Date </th>
                    <th class="column-title">Order </th>
                    <th class="column-title">Amount </th>
                    </th> 
                  </tr>
                </thead>
                <tbody>
                  <tr class="odd pointer">
                    
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                  <tr class="even pointer">                   
                    <td class=" ">121000040</td>
                    <td class=" ">May 23, 2014 11:47:56 PM </td>
                    <td class=" ">121000210</td>
                    <td class=" ">Paid</td>
                  </tr>
                </body>
              </table>
            </div>
          </div>
        </div>
      </div>

    </div>


   




@endsection
@section('javascript')

  <!-- DateJS -->
  <!-- <script src="{{ url('public/assets/vendors/DateJS/build/date.js') }}"></script> -->
  <script src="{{ url('public/assets/js/financedashboard.js') }}"></script>


@endsection