Refactor project payments page

resources/views/projects/partials/payment-summary.blade.php

@@ -0,0 +1,27 @@
+<div class="panel panel-default">
+    <div class="panel-heading"><h3 class="panel-title">{{ trans('project.payment_summary') }}</h3></div>
+    <table class="table table-condensed">
+        <tbody>
+            <tr>
+                <th class="col-xs-6">{{ trans('project.project_value') }}</th>
+                <td class="text-right">{{ formatRp($project->project_value) }}</td>
+            </tr>
+            <tr>
+                <th>{{ trans('project.cash_in_total') }}</th>
+                <td class="text-right">{{ formatRp($project->cashInTotal()) }}</td>
+            </tr>
+            <tr>
+                <th>{{ trans('project.cash_out_total') }}</th>
+                <td class="text-right">{{ formatRp($project->cashOutTotal()) }}</td>
+            </tr>
+            <tr>
+                <th>{{ trans('project.payment_remaining') }}</th>
+                <td class="text-right">{{ formatRp($balance = $project->project_value - $project->cashInTotal()) }}</td>
+            </tr>
+            <tr>
+                <th>{{ trans('project.payment_status') }}</th>
+                <td class="text-center">{{ $balance > 0 ? trans('project.payment_statuses.outstanding') : trans('project.payment_statuses.paid') }}</td>
+            </tr>
+        </tbody>
+    </table>
+</div>

resources/views/projects/payments.blade.php

@@ -14,27 +14,29 @@
 </h1>
 
 @include('projects.partials.nav-tabs')
-
 <div class="row">
-    <div class="col-md-9">
+    <div class="col-md-4 col-md-offset-4">@include('projects.partials.payment-summary')</div>
+</div>
 
-        <?php $groupedPayments = $project->payments->groupBy('in_out');?>
-        @foreach ($groupedPayments as $key => $payments)
-        <div class="panel panel-default">
-            <div class="panel-heading"><h3 class="panel-title">{{ $key == 1 ? 'Pemasukan' : 'Pengeluaran' }}</h3></div>
+<?php $groupedPayments = $project->payments->groupBy('in_out');?>
+@foreach ($groupedPayments as $key => $payments)
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h3 class="panel-title">{{ $key == 1 ? trans('payment.in') : trans('payment.out') }} ({{ $payments->count() }})</h3>
+    </div>
     <table class="table table-condensed">
         <thead>
-                    <th>{{ trans('app.table_no') }}</th>
-                    <th class="col-md-2 text-center">{{ trans('app.date') }}</th>
-                    <th class="col-md-2 text-right">{{ trans('payment.amount') }}</th>
-                    <th class="col-md-2">{{ $key == 1 ? trans('app.from') : trans('app.to') }}</th>
-                    <th class="col-md-4">{{ trans('payment.description') }}</th>
-                    <th class="text-center">{{ trans('app.action') }}</th>
+            <th class="text-center">{{ trans('app.table_no') }}</th>
+            <th class="col-xs-1 text-center">{{ trans('app.date') }}</th>
+            <th class="col-xs-2 text-right">{{ trans('payment.amount') }}</th>
+            <th class="col-xs-3">{{ $key == 1 ? trans('app.from') : trans('app.to') }}</th>
+            <th class="col-xs-5">{{ trans('payment.description') }}</th>
+            <th class="col-xs-1 text-center">{{ trans('app.action') }}</th>
         </thead>
         <tbody>
             @forelse($payments as $key => $payment)
             <tr>
-                        <td>{{ 1 + $key }}</td>
+                <td class="text-center">{{ 1 + $key }}</td>
                 <td class="text-center">{{ $payment->date }}</td>
                 <td class="text-right">{{ formatRp($payment->amount) }}</td>
                 <td>{{ $payment->partner->name }}</td>
@@ -58,22 +60,6 @@
             </tr>
         </tfoot>
     </table>
-        </div>
-        @endforeach
-    </div>
-    <div class="col-md-3">
-        <div class="panel panel-default">
-            <div class="panel-heading"><h3 class="panel-title">Summary</h3></div>
-            <table class="table table-condensed">
-                <tbody>
-                    <tr><th class="col-xs-6">{{ trans('project.project_value') }}</th><td class="text-right">{{ formatRp($project->project_value) }}</td></tr>
-                    <tr><th>{{ trans('project.cash_in_total') }}</th><td class="text-right">{{ formatRp($project->cashInTotal()) }}</td></tr>
-                    <tr><th>{{ trans('project.cash_out_total') }}</th><td class="text-right">{{ formatRp($project->cashOutTotal()) }}</td></tr>
-                    <tr><th>{{ trans('project.payment_remaining') }}</th><td class="text-right">{{ formatRp($balance = $project->project_value - $project->cashInTotal()) }}</td></tr>
-                    <tr><th>{{ trans('project.payment_status') }}</th><td class="text-center">{{ $balance > 0 ? trans('project.payment_statuses.outstanding') : trans('project.payment_statuses.paid') }}</td></tr>
-                </tbody>
-            </table>
-        </div>
-    </div>
 </div>
+@endforeach
 @endsection