/home2/mshostin/public_html/resources/views/dashboard.blade.php
@extends('layouts.app', ['pageSlug' => 'dashboard', 'page' => 'Dashboard', 'section' => ''])
@section('content')
<div class="row">
<div class="col-12">
<div class="card card-chart">
<div class="card-header ">
<div class="row">
<div class="col-sm-6 text-left">
<h5 class="card-category">Total sales</h5>
<h2 class="card-title">Annual yield</h2>
</div>
<div class="col-sm-6">
<div class="btn-group btn-group-toggle float-right" data-toggle="buttons">
<label class="btn btn-sm btn-primary btn-simple active" id="0">
<input type="radio" name="options" checked>
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Products</span>
<span class="d-block d-sm-none">
<i class="tim-icons icon-single-02"></i>
</span>
</label>
<label class="btn btn-sm btn-primary btn-simple" id="1">
<input type="radio" class="d-none d-sm-none" name="options">
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Purchases</span>
<span class="d-block d-sm-none">
<i class="tim-icons icon-gift-2"></i>
</span>
</label>
<label class="btn btn-sm btn-primary btn-simple" id="2">
<input type="radio" class="d-none" name="options">
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Clients</span>
<span class="d-block d-sm-none">
<i class="tim-icons icon-tap-02"></i>
</span>
</label>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="chartBig1"></canvas>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card card-chart">
<div class="card-header">
<h5 class="card-category">Last Month Income</h5>
<h3 class="card-title"><i class="tim-icons icon-money-coins text-primary"></i>{{ $semesterincomes }}</h3>
{{-- <h3 class="card-title"><i class="tim-icons icon-money-coins text-primary"></i>{{ $semesterincomes }}</h3> --}}
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="chartLinePurple"></canvas>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card card-chart">
<div class="card-header">
<h5 class="card-category">Monthly Balance</h5>
<h3 class="card-title"><i class="tim-icons icon-bank text-info"></i> {{ $monthlybalance }}</h3>
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="CountryChart"></canvas>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card card-chart">
<div class="card-header">
<h5 class="card-category">Expenditures Last Month</h5>
<h3 class="card-title"><i class="tim-icons icon-paper text-success"></i> {{ $semesterexpenses }}</h3>
</div>
<div class="card-body">
<div class="chart-area">
<canvas id="chartLineGreen"></canvas>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="card card-tasks">
<div class="card-header">
<div class="row">
<div class="col-8">
<h4 class="card-title">Pending Sales</h4>
</div>
<div class="col-4 text-right">
<a href="{{ route('sales.create') }}" class="btn btn-sm btn-primary">New Sale</a>
</div>
</div>
</div>
<div class="card-body">
<div class="table-full-width table-responsive">
<table class="table">
<thead>
<tr>
<th>
Date
</th>
<th>
Client
</th>
<th>
Products
</th>
<th>
Paid out
</th>
<th>
Total
</th>
<th>
</th>
</tr>
</thead>
<tbody>
{{--{{dd($unfinishedsales->toArray())}}--}}
@foreach ($unfinishedsales as $sale)
@if($sale->client != NULL)
<tr>
<td>{{ date('d-m-y', strtotime($sale->created_at)) }}</td>
<td><a href="">{{ $sale->client->name }}<br>{{ $sale->client->document_type }}-{{ $sale->client->document_id }}</a></td>
<td>{{ $sale->products->count() }}</td>
<td>{{ $sale->transactions->sum('amount') }}</td>
<td>{{ $sale->products->sum('total_amount') }}</td>
<td class="td-actions text-right">
<a href="{{ route('sales.show', ['sale' => $sale]) }}" class="btn btn-link" data-toggle="tooltip" data-placement="bottom" title="View Sale">
<i class="tim-icons icon-zoom-split"></i>
</a>
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card card-tasks">
<div class="card-header">
<div class="row">
<div class="col-8">
<h4 class="card-title">Latest Transactions</h4>
</div>
<div class="col-4 text-right">
<button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#transactionModal">
New Transaction
</button>
</div>
</div>
</div>
<div class="card-body">
<div class="table-full-width table-responsive">
<table class="table">
<thead>
<tr>
<th>
Category
</th>
<th>
Title
</th>
<th>
Medium
</th>
<th>
Total
</th>
<th>
</th>
</tr>
</thead>
<tbody>
@foreach($lasttransactions as $transaction)
<tr>
<td>
@if($transaction->type == 'expense')
Expense
@elseif($transaction->type == 'sale')
Sale
@elseif($transaction->type == 'payment')
Payment
@elseif($transaction->type == 'income')
Income
@else
{{ $transaction->type }}
@endif
</td>
<td>{{ $transaction->title }}</td>
<td>{{ $transaction->method->name }}</td>
<td>{{ $transaction->amount }}</td>
<td class="td-actions text-right">
@if ($transaction->sale_id)
<a href="{{ route('sales.show', $transaction->sale_id) }}" class="btn btn-link" data-toggle="tooltip" data-placement="bottom" title="More details">
<i class="tim-icons icon-zoom-split"></i>
</a>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="transactionModal" tabindex="-1" role="dialog" aria-labelledby="transactionModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">New Transaction</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="d-flex justify-content-between">
<a href="{{ route('transactions.create', ['type' => 'payment']) }}" class="btn btn-sm btn-primary">Payment</a>
<a href="{{ route('transactions.create', ['type' => 'income']) }}" class="btn btn-sm btn-primary">Income</a>
<a href="{{ route('transactions.create', ['type' => 'expense']) }}" class="btn btn-sm btn-primary">Expense</a>
<a href="{{ route('sales.create') }}" class="btn btn-sm btn-primary">Sale</a>
<a href="{{ route('transfer.create') }}" class="btn btn-sm btn-primary">Transfer</a>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('assets/js/plugins/chartjs.min.js') }}"></script>
<script>
var lastmonths = [];
@foreach ($lastmonths as $id => $month)
lastmonths.push('{{ strtoupper($month) }}')
@endforeach
var lastincomes = {{ $lastincomes }};
var lastexpenses = {{ $lastexpenses }};
var anualsales = {{ $anualsales }};
var anualclients = {{ $anualclients }};
var anualproducts = {{ $anualproducts }};
var methods = [];
var methods_stats = [];
@foreach($monthlybalancebymethod as $method => $balance)
methods.push('{{ $method }}');
methods_stats.push('{{ $balance }}');
@endforeach
$(document).ready(function() {
demo.initDashboardPageCharts();
});
</script>
@endpush