From 3ffc12b4f8bee9316a8ec4802912ad4e8c7b84ef Mon Sep 17 00:00:00 2001
From: Nafies Luthfi <nafiesl@gmail.com>
Date: Fri, 12 Jan 2018 13:33:25 +0800
Subject: [PATCH] Update project payments summary view partials

---
 .../projects/partials/payment-summary.blade.php    | 49 +++++++++++-----------
 resources/views/projects/payments.blade.php        |  4 +-
 2 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/resources/views/projects/partials/payment-summary.blade.php b/resources/views/projects/partials/payment-summary.blade.php
index d0943de..8c4f410 100644
--- a/resources/views/projects/partials/payment-summary.blade.php
+++ b/resources/views/projects/partials/payment-summary.blade.php
@@ -1,27 +1,26 @@
-<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>
+<div class="panel panel-default table-responsive hidden-xs">
+    <table class="table table-condensed table-bordered">
+        <tr>
+            <td class="col-xs-2 text-center">{{ trans('project.project_value') }}</td>
+            <td class="col-xs-2 text-center">{{ trans('project.cash_in_total') }}</td>
+            <td class="col-xs-2 text-center">{{ trans('project.cash_out_total') }}</td>
+            <td class="col-xs-2 text-center">{{ trans('project.payment_remaining') }}</td>
+            <td class="col-xs-2 text-center">{{ trans('project.payment_status') }}</td>
+        </tr>
+        <tr>
+            <td class="text-center lead" style="border-top: none;">{{ formatRp($project->project_value) }}</td>
+            <td class="text-center lead" style="border-top: none;">{{ formatRp($project->cashInTotal()) }}</td>
+            <td class="text-center lead" style="border-top: none;">{{ formatRp($project->cashOutTotal()) }}</td>
+            <td class="text-center lead" style="border-top: none;">{{ formatRp($balance = $project->project_value - $project->cashInTotal()) }}</td>
+            <td class="text-center lead" style="border-top: none;">{{ $balance > 0 ? trans('project.payment_statuses.outstanding') : trans('project.payment_statuses.paid') }}</td>
+        </tr>
     </table>
 </div>
+
+<ul class="list-group visible-xs">
+    <li class="list-group-item">{{ trans('project.project_value') }} <span class="pull-right">{{ formatRp($project->project_value) }}</span></li>
+    <li class="list-group-item">{{ trans('project.cash_in_total') }} <span class="pull-right">{{ formatRp($project->cashInTotal()) }}</span></li>
+    <li class="list-group-item">{{ trans('project.cash_out_total') }} <span class="pull-right">{{ formatRp($project->cashOutTotal()) }}</span></li>
+    <li class="list-group-item">{{ trans('project.payment_remaining') }} <span class="pull-right">{{ formatRp($balance = $project->project_value - $project->cashInTotal()) }}</span></li>
+    <li class="list-group-item">{{ trans('project.payment_status') }} <span class="pull-right">{{ $balance > 0 ? trans('project.payment_statuses.outstanding') : trans('project.payment_statuses.paid') }}</span></li>
+</ul>
diff --git a/resources/views/projects/payments.blade.php b/resources/views/projects/payments.blade.php
index 90b0116..2bee87a 100755
--- a/resources/views/projects/payments.blade.php
+++ b/resources/views/projects/payments.blade.php
@@ -14,9 +14,7 @@
 </h1>
 
 @include('projects.partials.nav-tabs')
-<div class="row">
-    <div class="col-md-4 col-md-offset-4">@include('projects.partials.payment-summary')</div>
-</div>
+@include('projects.partials.payment-summary')
 
 <?php $groupedPayments = $project->payments->groupBy('in_out');?>
 @foreach ($groupedPayments as $key => $payments)