@extends('_global.user.frame')

@section('user-content')

    <style>
        .income-block {
            text-align : center;
        }
        .number {
            font-size : 3em;
            min-width : 200px;
            height: 200px;
            padding-top: 80px;
            border-radius: 6px;
            min-height: 200px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border: 1px solid #e3e3e3;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        }
        .month-label {
            font-size : 1.2em;
        }

    </style>

    @if ($user->isFreelancer())
        {{-- Dashboard Income --}}
        <h1>Income</h1>

        <div class="row">
            <div class="col-md-6">
                <div class="income-block">
                    <div class="number">{{ '$' . $monthlyTotal }}</div>
                    <div class="month-label">This month</div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="income-block">
                    <div class="number">{{ '$' . $grandTotal }}</div>
                    <div class="month-label">Total</div>
                </div>
            </div>
        </div>
        <br />
        <div class="row">
            <h1>Sales <small><a href="{{ $router->html('history') }}">More</a></small></h1>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Product</th>
                        <th>Format</th>
                        <th>price</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($salesHistory as $history)
                        <tr>
                            <td>{{ $history->order_paid_time }}</td>
                            <td>{{ $history->product_title }}</td>
                            <td>{{ $history->format_title }}</td>
                            <td>{{ $history->price }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <div>
            <h1>Dashboard</h1>
            <dl class="pretty-dl">
                <dt>
                    Name
                </dt>
                <dd>
                    {{ $user->name }}
                </dd>
            </dl>
        </div>
    @endif

@stop