@extends('layouts.admin')
@section('page_title')
@parent
پیشخوان
@endsection
@section('head-js')

<style type="text/css">
	.summary-table{
		border: 1px solid #fff;
		width: 100%;
	}
	.summary-td{
		padding: 10px;
    	border: 1px solid;
    	text-align: center;
    	width: 34%;

	}
	.summary-td1{
		padding: 10px;
    	border: 1px solid;
    	text-align: center;
    	width: 50%;

	}
	.summary-td2{
		padding: 10px;
    	border: 1px solid;
    	text-align: center;
    	width: 33%;
	}
	.iconrow i{
		display: table;
		margin: 15px auto;
		float: inherit !important;

	}
	.icondash{
		font-size: 75px;
		text-align: center;
	}
	.bg-purple:not(i){
		background-color: #137c82 !important;
	}
 .same-height{
    height:260px;
  }
</style>
@stop
@section('main')
  <div class="header">
    <h2>پیشخوان</h2>
    @include('admin.error')
  </div>
  <div class="row">
					@can('show-orders')
          <div class="col-md-4">
            <div class="panel bg-blue same-height">
              <div class="panel-content">
                <div class="row iconrow">
                  <i class="icon-layers icondash"></i>
                  <h2 style="text-align: center;">سفارش ها</h2>
                </div>
                <table class="summary-table">
                  <tbody>
                    <td class="summary-td2"><p style="font-size: 11px; text-align: center; margin: 0;">پرداخت شده</p> {{$payorder}}</td>
                    <td class="summary-td2"><p style="font-size: 11px; text-align: center; margin: 0;">پرداخت نشده</p> {{$unpayorder}}</td>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
					@endcan
					@can('show-tickets')
          <div class="col-md-4">
            <div class="panel bg-primary same-height">
              <div class="panel-content">

                <div class="row iconrow">
                  <i class="icon-envelope icondash"></i>
                  <h2 style="text-align: center;">پیام ها</h2>
                </div>
                <table class="summary-table">
                  <tbody>
                    <td class="summary-td">خوانده نشده <br>{{$unread}}</td>
                    <td class="summary-td">خوانده شده <br> {{$read}}</td>
                    <td class="summary-td">در انتظار پاسخ <br> {{$waitforanswer}}</td>
                  </tbody>
                </table>
              </div>
            </div>

          </div>
					@endcan
					@can('show-coupons')
          <div class="col-md-4">
            <div class="panel bg-red same-height">
              <div class="panel-content">

                <div class="row iconrow">
                  <i class="icon-tag icondash"></i>
                  <h2 style="text-align: center;">کدتخفیف</h2>
                </div>
                <table class="summary-table">
                  <tbody>
                    <td class="summary-td">فعال <br>{{$activecoupon}}</td>
                    <td class="summary-td">غیرفعال <br> {{$unactivecoupon}}</td>
                    <td class="summary-td">تعداد کل استفاده <br> {{$totaluse}}</td>
                  </tbody>
                </table>
              </div>
            </div>

          </div>
					@endcan
					@can('show-users')
          <div class="col-md-4">
            <div class="panel bg-dark same-height">
              <div class="panel-content">

                <div class="row iconrow">
                  <i class="icon-users icondash"></i>
                  <h2 style="text-align: center;">کاربران</h2>
                </div>
                <table class="summary-table">
                  <tbody>
                    <td class="summary-td">فعال <br>{{$activeuser}}</td>
                    <td class="summary-td">غیرفعال <br> {{$unactiveuser}}</td>
                  </tbody>
                </table>
              </div>
            </div>

          </div>
					@endcan
  </div>

@stop