@extends('payer.master_layout.master')

@section('title', 'Dashboard')

@section('header_menu')
    @parent
@endsection

@section('sidebar_menu')
    @parent
@endsection

@section('content')
<style type="text/css">
.dash{
  width: 50%;
}
.tile-stats {

    position: relative;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    background: #FFF;
    transition: all .3s ease-in-out;

}
.bg-blue-sky {

    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff;

}
.tile-white.bg-blue-sky .icon {

    color: rgba(72,173,185,.4);

}
.tile-stats .icon {

    width: 20px;
    height: 20px;
    color: rgba(54,198,211,.4);
    position: absolute;
    right: 90px;
    top: 35px;
    z-index: 1;

}
.tile-stats .icon i {

    margin: 0;
    font-size: 80px;
    line-height: 0;
    vertical-align: bottom;
    padding: 0;

}
.fa-shopping-cart::before {

    content: "\f07a";

}
.tile-stats .count, .tile-stats h3, .tile-stats p {

    position: relative;
    margin: 0 0 0 10px;
    z-index: 5;
    padding: 0;

}
.tile-stats .count {

    font-size: 38px;
    line-height: 1.65857;

}
.tile-stats .count a{
  color: #fff;
}
.tile-white h3 {

    color: #fff;

}
.tile-stats p {

    margin-top: 5px;
    font-size: 12px;

}
</style>
<div id="content">
    <!--breadcrumbs-->
<div id="content-header">
    <div id="breadcrumb"> <a title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a></div>
</div>
<!--End-breadcrumbs-->

<!--Action boxes-->
  <div class="container-fluid">
    <div class="quick-actions_homepage">
      <!-- <ul class="quick-actions">
        <li class="bg_lb"> <a href="index.html"> <i class="icon-dashboard"></i> <span class="label label-important">20</span> My Dashboard </a> </li>
        <li class="bg_lg span3"> <a href="charts.html"> <i class="icon-signal"></i> Charts</a> </li>
        <li class="bg_ly"> <a href="widgets.html"> <i class="icon-inbox"></i><span class="label label-success">101</span> Widgets </a> </li>
        <li class="bg_lo"> <a href="tables.html"> <i class="icon-th"></i> Tables</a> </li>
        <li class="bg_ls"> <a href="grid.html"> <i class="icon-fullscreen"></i> Full width</a> </li>
        <li class="bg_lo span3"> <a href="form-common.html"> <i class="icon-th-list"></i> Forms</a> </li>
        <li class="bg_ls"> <a href="buttons.html"> <i class="icon-tint"></i> Buttons</a> </li>
        <li class="bg_lb"> <a href="interface.html"> <i class="icon-pencil"></i>Elements</a> </li>
        <li class="bg_lg"> <a href="calendar.html"> <i class="icon-calendar"></i> Calendar</a> </li>
        <li class="bg_lr"> <a href="error404.html"> <i class="icon-info-sign"></i> Error</a> </li>
      </ul> -->

      <h1>Welcome, {{ Auth::guard('payer')->user()->first_name }} {{ Auth::guard('payer')->user()->last_name }}</h1>
      <img width="10%" height="auto" src="{{ $profile_img['profile_img'] }}">
      <div class="clear"></div>
      <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12 span3">
          <div class="tile-stats tile-white bg-blue-sky">
              <div class="icon"><i class="fa fa-shopping-cart"></i></div>
                            <div class="count"><a href="{{ url('payer/history') }}">{{ $total }}</a></div>
              <h3>Total Amount</h3>
              <h3>My Donations</h3>
              <p>{{ getDateTimeFormat($date['created_at'])}}</p>
          </div>
      </div>
    </div>
<!--End-Action boxes-->    
  </div>
</div>

@endsection

@section('footer')
    @parent
@endsection

@section('extraa_script_and_js')
    @parent
@endsection