From 121e763e1ac180eb4e3e7791db429a821d4e67a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Tue, 14 Sep 2021 20:57:33 +0200
Subject: [PATCH] Scaffold components

---
 app/Http/Livewire/Statement.php               | 23 +++++++++++++
 .../ninja2020/components/statement.blade.php  | 34 +++++++++++++++++++
 .../ninja2020/statement/index.blade.php       |  2 +-
 3 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 app/Http/Livewire/Statement.php
 create mode 100644 resources/views/portal/ninja2020/components/statement.blade.php

diff --git a/app/Http/Livewire/Statement.php b/app/Http/Livewire/Statement.php
new file mode 100644
index 000000000000..8459e405589c
--- /dev/null
+++ b/app/Http/Livewire/Statement.php
@@ -0,0 +1,23 @@
+<?php
+
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://www.elastic.co/licensing/elastic-license
+ */
+
+namespace App\Http\Livewire;
+
+use Livewire\Component;
+
+class Statement extends Component
+{
+    public function render()
+    {
+        return render('components.statement');
+    }
+}
diff --git a/resources/views/portal/ninja2020/components/statement.blade.php b/resources/views/portal/ninja2020/components/statement.blade.php
new file mode 100644
index 000000000000..f18a12652f4b
--- /dev/null
+++ b/resources/views/portal/ninja2020/components/statement.blade.php
@@ -0,0 +1,34 @@
+<div>
+    <div class="flex flex-col">
+        <label for="status" class="block w-full">
+            <span>Status</span>
+            <select class="mt-2 form-select w-full">
+                <option value="all">All</option>
+                <option value="unpaid">Unpaid</option>
+                <option value="paid">Paid</option>
+            </select>
+        </label> <!-- End status dropdown -->
+
+        <div class="flex mt-4 space-x-2">
+            <label for="from" class="block w-full">
+                <span>From:</span>
+                <input type="date" class="input w-full mt-2">
+            </label>
+
+            <label for="from" class="block w-full">
+                <span>To:</span>
+                <input type="date" class="input w-full mt-2">
+            </label>
+        </div> <!-- End date range -->
+
+        <label for="show_payments" class="block w-full mt-4">
+            <input type="checkbox" class="form-checkbox">
+            <span class="ml-2">Show payments</span>
+        </label> <!-- End show payments checkbox -->
+
+        <label for="show_aging" class="block w-full mt-2">
+            <input type="checkbox" class="form-checkbox">
+            <span class="ml-2">Show aging</span>
+        </label> <!-- End show aging checkbox -->
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/statement/index.blade.php b/resources/views/portal/ninja2020/statement/index.blade.php
index 6da02053909e..eb999faccb14 100644
--- a/resources/views/portal/ninja2020/statement/index.blade.php
+++ b/resources/views/portal/ninja2020/statement/index.blade.php
@@ -3,5 +3,5 @@
 @section('meta_title', ctrans('texts.statement'))
 
 @section('body')
-
+    @livewire('statement')
 @endsection