Scaffold components

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');
+    }
+}

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>

resources/views/portal/ninja2020/statement/index.blade.php

@@ -3,5 +3,5 @@
 @section('meta_title', ctrans('texts.statement'))
 
 @section('body')
-
+    @livewire('statement')
 @endsection