diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..addd840
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,45 @@
+name: run-tests
+
+on:
+    push:
+        branches: [master]
+    pull_request:
+        branches: [master]
+
+jobs:
+    test:
+        runs-on: ${{ matrix.os }}
+        strategy:
+            fail-fast: true
+            matrix:
+                os: [ubuntu-latest, windows-latest]
+                php: [7.4, 8.0]
+                laravel: [8.*]
+                stability: [prefer-lowest, prefer-stable]
+                include:
+                    - laravel: 8.*
+                      testbench: ^6.6
+
+        name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v2
+
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                  php-version: ${{ matrix.php }}
+                  extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv, imagick, fileinfo
+                  coverage: none
+
+            - name: Setup problem matchers
+              run: |
+                  echo "::add-matcher::${{ runner.tool_cache }}/php.json"
+                  echo "::add-matcher::${{ runner.tool_cache }}/phpunit.json"
+            - name: Install dependencies
+              run: |
+                  composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update
+                  composer update --${{ matrix.stability }} --prefer-dist --no-interaction
+            - name: Execute tests
+              run: vendor/bin/phpunit
diff --git a/.styleci.yml b/.styleci.yml
new file mode 100644
index 0000000..f4d3cbc
--- /dev/null
+++ b/.styleci.yml
@@ -0,0 +1,4 @@
+preset: laravel
+
+disabled:
+  - single_class_element_per_statement
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..451785a
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,7 @@
+# Changelog
+
+All notable changes to `blue-admin` will be documented in this file
+
+## 1.0.0 - 201X-XX-XX
+
+- initial release
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..b4ae1c4
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,55 @@
+# Contributing
+
+Contributions are **welcome** and will be fully **credited**.
+
+Please read and understand the contribution guide before creating an issue or pull request.
+
+## Etiquette
+
+This project is open source, and as such, the maintainers give their free time to build and maintain the source code
+held within. They make the code freely available in the hope that it will be of use to other developers. It would be
+extremely unfair for them to suffer abuse or anger for their hard work.
+
+Please be considerate towards maintainers when raising issues or presenting pull requests. Let's show the
+world that developers are civilized and selfless people.
+
+It's the duty of the maintainer to ensure that all submissions to the project are of sufficient
+quality to benefit the project. Many developers have different skillsets, strengths, and weaknesses. Respect the maintainer's decision, and do not be upset or abusive if your submission is not used.
+
+## Viability
+
+When requesting or submitting new features, first consider whether it might be useful to others. Open
+source projects are used by many developers, who may have entirely different needs to your own. Think about
+whether or not your feature is likely to be used by other users of the project.
+
+## Procedure
+
+Before filing an issue:
+
+- Attempt to replicate the problem, to ensure that it wasn't a coincidental incident.
+- Check to make sure your feature suggestion isn't already present within the project.
+- Check the pull requests tab to ensure that the bug doesn't have a fix in progress.
+- Check the pull requests tab to ensure that the feature isn't already in progress.
+
+Before submitting a pull request:
+
+- Check the codebase to ensure that your feature doesn't already exist.
+- Check the pull requests to ensure that another person hasn't already submitted the feature or fix.
+
+## Requirements
+
+If the project maintainer has any additional requirements, you will find them listed here.
+
+- **[PSR-2 Coding Standard](https://github.com/php-fig/fig-standards/blob/master/accepted/PSR-2-coding-style-guide.md)** - The easiest way to apply the conventions is to install [PHP Code Sniffer](https://pear.php.net/package/PHP_CodeSniffer).
+
+- **Add tests!** - Your patch won't be accepted if it doesn't have tests.
+
+- **Document any change in behaviour** - Make sure the `README.md` and any other relevant documentation are kept up-to-date.
+
+- **Consider our release cycle** - We try to follow [SemVer v2.0.0](https://semver.org/). Randomly breaking public APIs is not an option.
+
+- **One pull request per feature** - If you want to do more than one thing, send multiple pull requests.
+
+- **Send coherent history** - Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](https://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
+
+**Happy coding**!
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..e72bfdd
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..c9d5137
--- /dev/null
+++ b/README.md
@@ -0,0 +1,52 @@
+# Very short description of the package
+
+[![Latest Version on Packagist](https://img.shields.io/packagist/v/ndeblauw/blue-admin.svg?style=flat-square)](https://packagist.org/packages/ndeblauw/blue-admin)
+[![Total Downloads](https://img.shields.io/packagist/dt/ndeblauw/blue-admin.svg?style=flat-square)](https://packagist.org/packages/ndeblauw/blue-admin)
+![GitHub Actions](https://github.com/ndeblauw/blue-admin/actions/workflows/main.yml/badge.svg)
+
+This is where your description should go. Try and limit it to a paragraph or two, and maybe throw in a mention of what PSRs you support to avoid any confusion with users and contributors.
+
+## Installation
+
+You can install the package via composer:
+
+```bash
+composer require ndeblauw/blue-admin
+```
+
+## Usage
+
+```php
+// Usage description here
+```
+
+### Testing
+
+```bash
+composer test
+```
+
+### Changelog
+
+Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.
+
+## Contributing
+
+Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
+
+### Security
+
+If you discover any security related issues, please email nico@bluepundit.eu instead of using the issue tracker.
+
+## Credits
+
+-   [Nico Deblauwe](https://github.com/ndeblauw)
+-   [All Contributors](../../contributors)
+
+## License
+
+The GNU GPLv3. Please see [License File](LICENSE.md) for more information.
+
+## Laravel Package Boilerplate
+
+This package was generated using the [Laravel Package Boilerplate](https://laravelpackageboilerplate.com).
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..b945c5c
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,57 @@
+{
+    "name": "ndeblauw/blue-admin",
+    "description": "Admin panel (TALL stack ready)",
+    "keywords": [
+        "ndeblauw",
+        "blue-admin"
+    ],
+    "homepage": "https://github.com/ndeblauw/blue-admin",
+    "license": "GPL-2.0-or-later",
+    "type": "library",
+    "authors": [
+        {
+            "name": "Nico Deblauwe",
+            "email": "nico@bluepundit.eu",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "php": "^7.4|^8.0",
+        "laravel/framework": "^8.0",
+        "illuminate/support": "^8.0",
+        "livewire/livewire": "^2.4",
+        "spatie/laravel-medialibrary": "^9.0.0"
+    },
+    "require-dev": {
+        "orchestra/testbench": "^6.0",
+        "../../../vendor/phpunit/phpunit": "^9.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "Ndeblauw\\BlueAdmin\\": "src"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Ndeblauw\\BlueAdmin\\Tests\\": "tests"
+        }
+    },
+    "scripts": {
+        "test": "vendor/bin/phpunit",
+        "test-coverage": "vendor/bin/phpunit --coverage-html coverage"
+
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Ndeblauw\\BlueAdmin\\BlueAdminServiceProvider"
+            ],
+            "aliases": {
+                "BlueAdmin": "Ndeblauw\\BlueAdmin\\BlueAdminFacade"
+            }
+        }
+    }
+}
diff --git a/config/config.php b/config/config.php
new file mode 100644
index 0000000..178d077
--- /dev/null
+++ b/config/config.php
@@ -0,0 +1,22 @@
+<?php
+
+return [
+    'fontawesomekit_url' => 'https://kit.fontawesome.com/0bde3bbac3.js',
+
+    'filepond_temporary_files_disk' => 'local',
+    'filepond_temporary_files_path' => 'filepond',
+
+    'menu' => [
+        [
+            'title' => 'Dashboard',
+            'link' => 'admin/',
+            'icon' => 'fa-home',
+        ],
+    ],
+
+    'details_for' => 'Details for',
+    'record_of_type' => 'Record of the type',
+    'create_new' => 'Create New',
+];
+
+// TODO clean out things that don't belong in the configuration file
diff --git a/resources/views/components/adminlayout/admin-breadcrumbs.blade.php b/resources/views/components/adminlayout/admin-breadcrumbs.blade.php
new file mode 100644
index 0000000..16b9b0b
--- /dev/null
+++ b/resources/views/components/adminlayout/admin-breadcrumbs.blade.php
@@ -0,0 +1,24 @@
+<nav class="bg-white border-b border-gray-200 flex" aria-label="Breadcrumb">
+
+    <ol class="max-w-screen-xl w-full  px-4 flex space-x-4 sm:px-6 lg:px-8">
+        <li class="flex">
+            <div class="flex items-center">
+                <a href="#" class="text-gray-400 hover:text-gray-500">
+                    <i class="fad fa-home fa-lg fa-fw group-hover:text-gray-500 mr-3"></i>
+                    <span class="sr-only">Home</span>
+                </a>
+            </div>
+        </li>
+        @foreach($trail as $item)
+            <li class="flex">
+                <div class="flex items-center">
+                    <svg class="flex-shrink-0 w-6 h-full text-gray-200" viewBox="0 0 24 44" preserveAspectRatio="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                        <path d="M.293 0l22 22-22 22h1.414l22-22-22-22H.293z" />
+                    </svg>
+                    <a href="/{{$item->url}}" class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700">{{$item->title}}</a>
+                </div>
+            </li>
+        @endforeach
+
+    </ol>
+</nav>
diff --git a/resources/views/components/adminlayout/admin-layout.blade.php b/resources/views/components/adminlayout/admin-layout.blade.php
new file mode 100644
index 0000000..c90f662
--- /dev/null
+++ b/resources/views/components/adminlayout/admin-layout.blade.php
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>{{session()->get('tenant_name', config('app.name', 'schoolPoDiUm'))}}</title>
+
+    <!-- Fonts -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
+    <script src="https://kit.fontawesome.com/2d1659a0a3.js" crossorigin="anonymous"></script>
+
+    <!-- Styles -->
+    <link rel="stylesheet" href="{{ asset('css/app.css?5') }}">
+
+    @livewireStyles
+
+    <!-- Scripts -->
+    <script src="{{ mix('js/app.js') }}" defer></script>
+
+    <style>
+        [x-cloak] {
+            display: none; /* remove flicker on page load */
+        }
+
+        #sidebar::-webkit-scrollbar {
+            width: 0px;
+            background: transparent; /* make scrollbar transparent */
+        }
+    </style>
+    @stack('blueadmin_header')
+</head>
+<body class="font-sans antialiased">
+
+<div class="h-screen overflow-hidden bg-gray-100">
+
+    <div class="flex flex-cols h-full">
+        <x-ba-admin-sidebar/>
+
+        <div class="flex-grow overflow-auto">
+            <x-ba-admin-breadcrumbs/>
+
+            <!-- Page Content -->
+            <main class="max-w-7xl flex-grow p-6">
+                {{ $slot }}
+            </main>
+
+        </div>
+    </div>
+</div>
+@livewireScripts
+@stack('blueadmin_scripts')
+</body>
+</html>
diff --git a/resources/views/components/adminlayout/admin-sidebar.blade.php b/resources/views/components/adminlayout/admin-sidebar.blade.php
new file mode 100644
index 0000000..e5ddaea
--- /dev/null
+++ b/resources/views/components/adminlayout/admin-sidebar.blade.php
@@ -0,0 +1,99 @@
+<div id="sidebar" class="flex flex-col border-r border-gray-200 pb-0 bg-white overflow-y-auto w-1/6">
+
+    <div class="mt-5 flex-grow flex flex-col">
+
+        <nav class="flex-1 px-2 space-y-1 bg-white" aria-label="Sidebar">
+
+            @foreach($menu as $item)
+
+                {{-- Links without submenu --}}
+                @if(!property_exists($item,'submenu'))
+                    <div>
+                        @if(property_exists($item,'active'))
+                            <a href="/{{$item->link}}" class="bg-blue-50 font-bold text-gray-900 group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md">
+                                <i class="far {{$item->icon}} fa-lg fa-fw text-blue-200 mr-3"></i>
+                                {{$item->title}}
+                            </a>
+                        @else
+                            <a href="/{{$item->link}}" class="bg-white text-gray-600 hover:bg-gray-50 hover:text-gray-900 group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md">
+                                <i class="fal {{$item->icon}} fa-lg fa-fw text-gray-400 group-hover:text-gray-500 mr-3"></i>
+                                {{$item->title}}
+                            </a>
+                        @endif
+                    </div>
+                @endif
+
+                {{-- Links wit submenu --}}
+                @if(property_exists($item,'submenu'))
+                    <div x-data="{isExpanded: {{ ($open = property_exists($item,'open')) ? 'true' : 'false' }}}" class="">
+
+                        <button class="z-20 group w-full flex items-center mt-2 pl-2 pr-1 py-2 text-sm font-medium rounded-md bg-white {{ $open ? 'text-gray-900 bg-blue-50 font-bold' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50' }} focus:outline-none focus:ring-2 focus:ring-blue-500" @click.prevent="isExpanded = !isExpanded" x-bind:aria-expanded="isExpanded" >
+                            <i class="{{$item->icon}} fa-lg fa-fw {{ $open ? 'far text-blue-200' : 'fal text-gray-400'}} group-hover:text-gray-500 mr-3"></i>
+                            {{$item->title}}
+                            <svg :class="{ 'text-gray-400 rotate-90': isExpanded, 'text-gray-300': !isExpanded }" x-state:on="Expanded" x-state:off="Collapsed"
+                                 class="ml-auto h-5 w-5 transform group-hover:text-gray-400 transition ease-in-out duration-300 text-gray-300" viewBox="0 0 20 20" aria-hidden="true">
+                                <path d="M6 6L14 10L6 14V6Z" fill="currentColor"></path>
+                            </svg>
+                        </button>
+
+                        <div
+                            x-show="isExpanded" class="space-y-1 ml-8 {{ $open ? 'border-l-4 border-blue-50' : 'mt-2'}}"
+                            x-transition:enter="transition ease-out duration-150"
+                            x-transition:enter-start="opacity-0 transform scale-50"
+                            x-transition:enter-end="opacity-100 transform scale-100"
+                            x-transition:leave="transition ease-in duration-150"
+                            x-transition:leave-start="opacity-100 transform scale-100"
+                            x-transition:leave-end="opacity-0 transform scale-50"
+                        >
+                            @foreach($item->submenu as $subitem)
+                                @if(property_exists($subitem,'active'))
+                                    <a href="/{{$subitem->link}}" class="group flex items-center pl-3 pr-2 py-2 text-sm font-semibold bg-gray-100 text-gray-900 rounded-r-md">
+                                        {!! $subitem->title !!}
+                                    </a>
+                                @else
+                                    <a href="/{{$subitem->link}}" class="group w-full flex items-center pl-3 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50">
+                                        {!! $subitem->title !!}
+                                    </a>
+                                @endif
+                            @endforeach
+                        </div>
+                    </div>
+                @endif
+            @endforeach
+
+            <div class="pt-8 text-xs text-pink-400 flex">
+                <div class="mx-auto ">
+                <i class="fad fa-sparkles"></i> betekent nieuw toegevoegde functie(s)
+                </div>
+            </div>
+
+        </nav>
+
+
+    </div>
+
+    <div class="flex-shrink-0 flex border-t border-gray-200 bg-gray-50 p-4 hover:bg-blue-50">
+        <div href="#" class="flex-shrink-0 w-full group block">
+            <div class="flex items-center">
+                <div>
+                    <i class="fal fa-2x text-gray-300 fa-user-circle"></i>
+
+                </div>
+                <div class="ml-3">
+                    <p class="text-sm font-medium text-gray-700">
+                        {{ auth()->user()->name }}
+                    </p>
+                    <p class="">
+                        <form class="float-right" method="POST" action="{{ route('logout') }}">
+                            @csrf
+                            <button class="text-xs text-gray-500 font-medium hover:text-blue-400" href="{{route('logout')}}" onclick="event.preventDefault(); this.closest('form').submit();">
+                                {{ __('Log out') }}
+                            </button>
+                        </form>
+                        <a href="#" class="text-xs font-medium text-gray-500 hover:text-blue-400">Your settings</a>&nbsp;<span class="text-blue-200">|</span>&nbsp;
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/adminlayout/admin-topbar.blade.php b/resources/views/components/adminlayout/admin-topbar.blade.php
new file mode 100644
index 0000000..b93e10f
--- /dev/null
+++ b/resources/views/components/adminlayout/admin-topbar.blade.php
@@ -0,0 +1,133 @@
+<nav class="bg-gradient-to-r from-teal-500 to-cyan-600">
+    <div class="max-w-7xl mx-auto px-2 sm:px-4 lg:px-8">
+        <div class="relative flex items-center justify-between h-16">
+            <div class="flex items-center px-2 lg:px-0">
+                <div class="hidden lg:block lg:ml-6">
+                    <div class="flex space-x-4">
+                        <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
+                        <a href="#" class="font-semibold text-white px-3 py-2 rounded-md text-sm">Dashboard</a>
+                        <a href="#" class="text-gray-300 hover:bg-cyan-500 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
+                        <a href="#" class="text-gray-300 hover:bg-cyan-500 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Projects</a>
+                        <a href="#" class="text-gray-300 hover:bg-cyan-500 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Calendar</a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex-1 flex justify-center px-2 lg:ml-6 lg:justify-end">
+                <div class="max-w-lg w-full lg:max-w-xs">
+                    <label for="search" class="sr-only">Search</label>
+                    <div class="relative">
+                        <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                            <!-- Heroicon name: solid/search -->
+                            <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+                            </svg>
+                        </div>
+                        <input id="search" name="search" class="block w-full pl-10 pr-3 py-2 border border-transparent rounded-md leading-5 bg-white text-gray-300 placeholder-gray-400 focus:outline-none focus:bg-white focus:border-white focus:ring-white focus:text-gray-900 sm:text-sm" placeholder="Search" type="search">
+                    </div>
+                </div>
+            </div>
+            {{--
+                            <div class="flex lg:hidden">
+                                <!-- Mobile menu button -->
+                                <button class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-expanded="false">
+                                    <span class="sr-only">Open main menu</span>
+                                    <!-- Icon when menu is closed. -->
+                                    <!--
+                                      Heroicon name: outline/menu
+
+                                      Menu open: "hidden", Menu closed: "block"
+                                    -->
+                                    <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                                    </svg>
+                                    <!-- Icon when menu is open. -->
+                                    <!--
+                                      Heroicon name: outline/x
+
+                                      Menu open: "block", Menu closed: "hidden"
+                                    -->
+                                    <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                                    </svg>
+                                </button>
+                            </div>
+            --}}
+            <div class="hidden lg:block lg:ml-4">
+                <div class="flex items-center">
+                    <button class="flex-shrink-0 bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
+                        <span class="sr-only">View notifications</span>
+                        <!-- Heroicon name: outline/bell -->
+                        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+                        </svg>
+                    </button>
+
+                    <!-- Profile dropdown -->
+                    <div class="ml-4 relative flex-shrink-0" x-data="{showProfile: false}">
+                        <div>
+                            <button class="bg-gray-800 rounded-full flex text-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" id="user-menu" aria-haspopup="true" @click.prevent="showProfile = !showProfile">
+                                <span class="sr-only">Open user menu</span>
+                                <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixqx=izFagkUj4j&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
+                            </button>
+                        </div>
+                        <!--
+                          Profile dropdown panel, show/hide based on dropdown state.
+
+                          Entering: "transition ease-out duration-100"
+                            From: "transform opacity-0 scale-95"
+                            To: "transform opacity-100 scale-100"
+                          Leaving: "transition ease-in duration-75"
+                            From: "transform opacity-100 scale-100"
+                            To: "transform opacity-0 scale-95"
+                        -->
+                        <div x-show="showProfile" @click.away="showProfile = false" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5" role="menu" aria-orientation="vertical" aria-labelledby="user-menu">
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Your Profile</a>
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Settings</a>
+                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem">Sign out</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--
+      Mobile menu, toggle classes based on menu state.
+
+      Menu open: "block", Menu closed: "hidden"
+    -->
+    <div class="hidden lg:hidden">
+        <div class="px-2 pt-2 pb-3 space-y-1">
+            <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
+            <a href="#" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium">Dashboard</a>
+            <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Team</a>
+            <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Projects</a>
+            <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Calendar</a>
+        </div>
+        <div class="pt-4 pb-3 border-t border-gray-700">
+            <div class="flex items-center px-5">
+                <div class="flex-shrink-0">
+                    <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixqx=izFagkUj4j&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
+                </div>
+                <div class="ml-3">
+                    <div class="text-base font-medium text-white">Tom Cook</div>
+                    <div class="text-sm font-medium text-gray-400">tom@example.com</div>
+                </div>
+                <button class="ml-auto flex-shrink-0 bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
+                    <span class="sr-only">View notifications</span>
+                    <!-- Heroicon name: outline/bell -->
+                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+                    </svg>
+                </button>
+            </div>
+            <div class="mt-3 px-2 space-y-1">
+                <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Your Profile</a>
+                <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Settings</a>
+                <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Sign out</a>
+            </div>
+        </div>
+    </div>
+</nav>
diff --git a/resources/views/components/adminlayout/dataTables.blade.php b/resources/views/components/adminlayout/dataTables.blade.php
new file mode 100644
index 0000000..922eebc
--- /dev/null
+++ b/resources/views/components/adminlayout/dataTables.blade.php
@@ -0,0 +1,125 @@
+<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
+<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
+
+<style>                                                                                                                                                                                                                                                                                                                                                                                                                /* Overrides to match the Tailwind CSS */
+    table.dataTable tbody td, table.dataTable tbody th {
+        padding: 0.75rem 1rem;
+    }
+
+    div.dt-buttons {
+        padding: 1rem 1rem 1rem 0;
+        display: flex;
+        align-items: center
+    }
+
+    .dataTables_filter, .dataTables_info {
+        padding: 1rem
+    }
+
+    .dataTables_wrapper .dataTables_paginate {
+        padding: 1rem
+    }
+
+    .dataTables_filter label input {
+        padding: 0.5rem;
+        border: 0 solid white!important;
+        background-color: white!important;
+    }
+
+    .dataTables_filter label input:focus {
+        box-shadow: 0 0 0 3px rgba(118, 169, 250, 0.45);
+        outline: 0
+    }
+
+    table.dataTable thead tr {
+        border-radius: 0.5rem
+    }
+
+    table.dataTable thead tr th:not(.text-center) {
+        text-align: left
+    }
+
+    table.dataTable thead tr th {
+        border-bottom-width: 2px;
+        border-top-width: 1px;
+        border-color: #d2d6dc
+    }
+
+    .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled), button.dt-button {
+        transition-duration: 150ms;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+        letter-spacing: 0.1em;
+        text-transform: uppercase;
+        color: #374151 !important;
+        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+        font-size: 0.75rem;
+        font-weight: 600;
+        align-items: center;
+        display: inline-flex;
+        border-width: 1px !important;
+        border-color: #d2d6dc !important;
+        border-radius: 0.375rem;
+        background: #ffffff;
+        overflow: visible;
+        margin-bottom: 0
+    }
+
+    .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button:focus:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled), button.dt-button:focus, button.dt-button:focus:not(.disabled), button.dt-button:hover, button.dt-button:hover:not(.disabled) {
+        background-color: #edf2f7 !important;
+        border-width: 1px !important;
+        border-color: #d2d6dc !important;
+        color: #374151 !important
+    }
+
+    .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.disabled) {
+        background: #6875f5 !important;
+        color: #ffffff !important;
+        border-color: #8da2fb !important
+    }
+
+    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+        background-color: #8da2fb !important;
+        color: #ffffff !important;
+        border-color: #8da2fb !important
+    }
+
+    .dataTables_length select {
+        padding: .25rem;
+        border-radius: .25rem;
+        background-color: #edf2f7;
+    }
+
+    .dataTables_length {
+        padding-top: 1.25rem;
+    }
+
+    .dataTables_wrapper .dataTables_length select {
+        width: 58px;
+        border:none;
+        background-color: white!important;
+    }
+
+    table.dataTable tbody tr.odd {
+        border-bottom-width: 0px;
+        border-top-width: 0px;
+        background-color: #f9fafb!important;
+    }
+
+    table.dataTable tbody tr.even {
+        border-bottom-width: 0px;
+        border-top-width: 0px;
+        background-color: white;
+    }
+
+    table.dataTable tbody tr:hover {
+        background-color: rgba(243, 244, 246)!important;
+    }
+
+    table {
+        border-bottom: none!important;
+    }
+
+
+</style>
diff --git a/resources/views/components/adminui/admin-button.blade.php b/resources/views/components/adminui/admin-button.blade.php
new file mode 100644
index 0000000..856b67a
--- /dev/null
+++ b/resources/views/components/adminui/admin-button.blade.php
@@ -0,0 +1,3 @@
+<a href="{{$href}}" {{ $attributes->merge(['class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-800 focus:outline-none focus:border-gray-900 shadow focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</a>
diff --git a/resources/views/components/adminui/button.blade.php b/resources/views/components/adminui/button.blade.php
new file mode 100644
index 0000000..8f18773
--- /dev/null
+++ b/resources/views/components/adminui/button.blade.php
@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>
diff --git a/resources/views/components/adminui/show-info.blade.php b/resources/views/components/adminui/show-info.blade.php
new file mode 100644
index 0000000..e24af19
--- /dev/null
+++ b/resources/views/components/adminui/show-info.blade.php
@@ -0,0 +1,6 @@
+<div class="px-6 text-sm font-medium text-gray-500">
+    {{ $label }}
+</div>
+<div class="mt-1 text-md text-gray-900 sm:mt-0">
+    {!! $slot !!}
+</div>
diff --git a/resources/views/components/formelements/_errorandcomment.blade.php b/resources/views/components/formelements/_errorandcomment.blade.php
new file mode 100644
index 0000000..5cb719c
--- /dev/null
+++ b/resources/views/components/formelements/_errorandcomment.blade.php
@@ -0,0 +1,10 @@
+@if( $errors->first($name) )
+    <span class="text-red-400 ml-2 text-sm">
+        <i class="fas fa-exclamation-triangle"></i>&nbsp;
+        {{ $errors->first($name) }}
+    </span>
+@elseif( $comment ?? null)
+    <span class="text-gray-400 ml-2 text-sm">
+         {!! $comment ?? '' !!}
+    </span>
+@endif
diff --git a/resources/views/components/formelements/_label.blade.php b/resources/views/components/formelements/_label.blade.php
new file mode 100644
index 0000000..a13405e
--- /dev/null
+++ b/resources/views/components/formelements/_label.blade.php
@@ -0,0 +1,3 @@
+<label for="{{ $name }}" class="block text-sm font-medium text-gray-700 sm:mt-px">
+    {!! $label !!}{!! $required !!}
+</label>
diff --git a/resources/views/components/formelements/boolean.blade.php b/resources/views/components/formelements/boolean.blade.php
new file mode 100644
index 0000000..7dc637c
--- /dev/null
+++ b/resources/views/components/formelements/boolean.blade.php
@@ -0,0 +1,15 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <label>
+                <input type="hidden" name="{{$name}}" value="0">
+                <input type="checkbox" id="{{$id}}" name="{{$name}}" value="1"
+                       class="focus:ring-indigo-500 h-4 w-4 text-blue-600 border-gray-300 rounded"
+                       @if(old($name,$value)) checked @endif >
+                {{ ($legend =='') ? 'Yes': $legend}}
+            </label>
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/checkboxes.blade.php b/resources/views/components/formelements/checkboxes.blade.php
new file mode 100644
index 0000000..459a3e6
--- /dev/null
+++ b/resources/views/components/formelements/checkboxes.blade.php
@@ -0,0 +1,17 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            @foreach($options as $optionValue => $optionLabel)
+                <div class="leading-loose @if($inline) @endif">
+                    <label class="">
+                        <input type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-blue-600 border-gray-300 rounded" name="{{$name}}[]" value="{{$optionValue}}" id="{{$name}}-{{$optionValue}}"
+                               @if(in_array($optionValue, old($name,$values))) checked @endif >
+                        {{$optionLabel}}
+                    </label>
+                </div>
+            @endforeach
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/datepicker.blade.php b/resources/views/components/formelements/datepicker.blade.php
new file mode 100644
index 0000000..3560bd9
--- /dev/null
+++ b/resources/views/components/formelements/datepicker.blade.php
@@ -0,0 +1,17 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <input
+                type="{{$type}}"
+                name="{{$name}}"
+                id="{{ $id }}"
+                value="{{ old($name, $value) }}"
+                class="max-w-lg block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+            >
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/divider.blade.php b/resources/views/components/formelements/divider.blade.php
new file mode 100644
index 0000000..034b535
--- /dev/null
+++ b/resources/views/components/formelements/divider.blade.php
@@ -0,0 +1,5 @@
+<div class="-ml-2 mt-6 -mb-2 border-t-2 border-blue-100 text-sm font-medium">
+    @if($subtitle)
+        <span class="bg-blue-50 px-2 py-1 inline-block uppercase text-gray-900">{{$subtitle}}</span>
+    @endif
+</div>
diff --git a/resources/views/components/formelements/filepondupload.blade.php b/resources/views/components/formelements/filepondupload.blade.php
new file mode 100644
index 0000000..cdc1bde
--- /dev/null
+++ b/resources/views/components/formelements/filepondupload.blade.php
@@ -0,0 +1,65 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <span class="text-gray-400 ml-2 text-sm">
+                You can upload {{ $multiple ? 'multiple files' : 'one single file'}} {{ ($maxFiles !== null) ? '(max '.$maxFiles.')' : '' }}
+            </span>
+
+            <input
+                type="file"
+                name="{{ $multiple ? $name.'[]' : $name}}"
+                id="{{ $id }}"
+                value="{{old($id, $value)}}"
+                class="filepond {{ ($errors->first($name) ? 'is-invalid' : '') }}"
+                {{ $multiple ? 'multiple' : '' }}
+                {!! $multiple ? 'data-allow-reorder="true"' : '' !!}
+            >
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
+
+@push('blueadmin_header')
+    <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet" />
+@endpush
+
+@push('blueadmin_scripts')
+    <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
+    <script>
+        const inputElement = document.querySelector('.filepond');
+        const pond = FilePond.create( inputElement );
+        FilePond.setOptions({
+            @if($maxFiles !== null) maxFiles: {{$maxFiles}},@endif
+            server: {
+                url: '{{route('filepond.upload')}}',
+                headers: {
+                    'X-CSRF-TOKEN': '{{csrf_token()}}',
+                },
+            },
+            @if( isset($model) && ($model->getMedia($name) !== null) )
+            files: [
+                    @foreach($model->getMedia($name) as $existingFile)
+                {
+                    // the server file reference
+                    source: 'existing_file_{{$existingFile->id}}',
+
+                    // set type to local to indicate an already uploaded file
+                    options: {
+                        type: 'local',
+
+                        // mock file information
+                        file: {
+                            name: '{{$existingFile->name}}',
+                            size: {{$existingFile->size}},
+                            type: '{{$existingFile->mime_type}}'
+                        }
+                    }
+                },
+                @endforeach
+            ],
+            @endif
+        });
+
+    </script>
+@endpush
diff --git a/resources/views/components/formelements/hidden.blade.php b/resources/views/components/formelements/hidden.blade.php
new file mode 100644
index 0000000..3e6ea3f
--- /dev/null
+++ b/resources/views/components/formelements/hidden.blade.php
@@ -0,0 +1,6 @@
+<input
+    type="hidden"
+    name="{{ $name }}"
+    id="{{ $id }}"
+    value="{{ old($name, $value) }}"
+>
diff --git a/resources/views/components/formelements/info.blade.php b/resources/views/components/formelements/info.blade.php
new file mode 100644
index 0000000..012318a
--- /dev/null
+++ b/resources/views/components/formelements/info.blade.php
@@ -0,0 +1,9 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            {{$value}}
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/radiobuttons.blade.php b/resources/views/components/formelements/radiobuttons.blade.php
new file mode 100644
index 0000000..8eaf755
--- /dev/null
+++ b/resources/views/components/formelements/radiobuttons.blade.php
@@ -0,0 +1,17 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            @foreach($options as $option => $label)
+                <div class="leading-loose @if($inline) @endif">
+                    <label class="">
+                        <input type="radio" class="" name="{{$name}}" value="{{$option}}" id="{{$name}}-{{$option}}"
+                               @if($option == old($name, $value)) checked @endif >
+                        {{$label}}
+                    </label>
+                </div>
+            @endforeach
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/select.blade.php b/resources/views/components/formelements/select.blade.php
new file mode 100644
index 0000000..475d062
--- /dev/null
+++ b/resources/views/components/formelements/select.blade.php
@@ -0,0 +1,26 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <select
+                name="{{$name}}"
+                id="{{$id}}"
+                class="max-w-lg block {{$size ?? 'w-full'}} shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+            >
+                @if (empty($value))
+                    <option value="" hidden selected>---Select---</option>
+                @endif
+                    @if($allowNullOption)
+                        <option @if($value == null)selected="selected" @endif value="">-</option>
+                    @endif
+                @foreach($options as $optionValue => $optionLabel)
+                    <option @if($optionValue == old($name, $value)) selected @endif value="{{$optionValue}}">{{$optionLabel}}</option>
+                @endforeach
+            </select>
+
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/selectsearchbox.blade.php b/resources/views/components/formelements/selectsearchbox.blade.php
new file mode 100644
index 0000000..29f2f90
--- /dev/null
+++ b/resources/views/components/formelements/selectsearchbox.blade.php
@@ -0,0 +1,47 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5"
+            x-data="{ selectedOption: '' }"
+            x-init="() => {
+                select2_{{$id}} = $($refs.select).select2();
+                select2_{{$id}}.on('select2_{{$id}}:select', (event) => {
+                    selectedOption = event.target.value;
+                });
+                $watch('selectedOption', (value) => {
+                    select2_{{$id}}.val(value).trigger('change');
+                });
+            }"
+        >
+            <select x-ref="select" data-placeholder="Select an option"
+                name="{{$name}}"
+                id="{{$id}}"
+                class="max-w-lg block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+            >
+                @if (empty($value))
+                    <option></option>
+                @else
+                    @if( $allowNullOption)
+                        <option @if($value == null)selected="selected" @endif value="">-</option>
+                    @endif
+                @endif
+                @foreach($options as $optionValue => $optionLabel)
+                    <option @if($optionValue == old($name, $value)) selected @endif value="{{$optionValue}}">{{$optionLabel}}</option>
+                @endforeach
+            </select>
+
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
+
+@push('blueadmin_header')
+    <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css'>
+@endpush
+
+@push('blueadmin_scripts')
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js'></script>
+    <script src='https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js'></script>
+@endpush
diff --git a/resources/views/components/formelements/tagselect.blade.php b/resources/views/components/formelements/tagselect.blade.php
new file mode 100644
index 0000000..33927da
--- /dev/null
+++ b/resources/views/components/formelements/tagselect.blade.php
@@ -0,0 +1,40 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5 text-black">
+            <select
+                name="{{$name}}[]"
+                id="{{$id}}"
+                class="max-w-lg block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+                multiple
+            >
+                @if($allowNullOption)
+                    <option @if($values == [])selected="selected" @endif value="">-</option>
+                @endif
+                @foreach($options as $optionValue => $optionLabel)
+                    <option @if(in_array($optionValue, old($name,$values))) selected @endif value="{{$optionValue}}" class="text-black">{{$optionLabel}}</option>
+                @endforeach
+            </select>
+
+            <script>
+                var {{$id}} = new Choices(
+                    '#{{$id}}',
+                    {
+                        removeItemButton: true,
+                        shouldSort: false,
+                    }
+                );
+            </script>
+
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
+
+@push('blueadmin_header')
+    {{--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/styles/base.min.css"/>--}}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/styles/choices.min.css"/>
+    <script src="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/scripts/choices.min.js"></script>
+@endpush
diff --git a/resources/views/components/formelements/text.blade.php b/resources/views/components/formelements/text.blade.php
new file mode 100644
index 0000000..4a245ee
--- /dev/null
+++ b/resources/views/components/formelements/text.blade.php
@@ -0,0 +1,18 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <input
+                type="{{$type}}"
+                name="{{ $name }}"
+                id="{{ $id }}"
+                placeholder="{{ $placeholder }}"
+                value="{{ old($name, $value) }}"
+                class="max-w-lg block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+            >
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/formelements/textarea.blade.php b/resources/views/components/formelements/textarea.blade.php
new file mode 100644
index 0000000..8d7d796
--- /dev/null
+++ b/resources/views/components/formelements/textarea.blade.php
@@ -0,0 +1,38 @@
+<div class="space-y-6 sm:space-y-5">
+    <div class="sm:grid sm:grid-cols-6 sm:gap-4 sm:items-start sm:pt-5">
+        @include('BlueAdminFormelements::_label')
+        <div class="mt-1 sm:mt-0 sm:col-span-5">
+            <textarea
+                name="{{ $name }}"
+                id="{{ $id }}"
+                rows="{{ $rows }}"
+                placeholder="{!! $placeholder !!}"
+                class="{{ $rte ? 'tinymce' : '' }} max-w-lg block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:max-w-lg sm:text-sm {{ $errors->first($name) ? 'border-red-300' : 'border-gray-300' }} rounded-md"
+                {{ $required ? 'required' : '' }}
+                {{$disabled}}
+            >{{ old($name, $value) }}</textarea>
+            @include('BlueAdminFormelements::_errorandcomment')
+        </div>
+    </div>
+</div>
+
+@if($rte)
+    @push('blueadmin_scripts')
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/tinymce.min.js" integrity="sha512-RnlQJaTEHoOCt5dUTV0Oi0vOBMI9PjCU7m+VHoJ4xmhuUNcwnB5Iox1es+skLril1C3gHTLbeRepHs1RpSCLoQ==" crossorigin="anonymous"></script>
+        <script>
+            var editor_config = {
+                relative_urls : false,
+                path_absolute: "{{ URL::to('/') }}/",
+                selector: '.tinymce',
+                menubar: false,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor textcolor',
+                    'searchreplace visualblocks fullscreen',
+                    'contextmenu paste help wordcount code'
+                ],
+                toolbar: ' undo redo |  bold italic | link | alignleft aligncenter alignright alignjustify | numlist bullist | outdent indent | removeformat | code | help',
+            }
+            tinymce.init(editor_config);
+        </script>
+    @endpush
+@endif
diff --git a/resources/views/generic/_form_not_found.blade.php b/resources/views/generic/_form_not_found.blade.php
new file mode 100644
index 0000000..bfb1677
--- /dev/null
+++ b/resources/views/generic/_form_not_found.blade.php
@@ -0,0 +1,6 @@
+<div class="w-full mt-4 h-80 bg-red-50 flex rounded-lg">
+    <div class="mx-auto my-auto text-red-400">
+        <span class="text-4xl block">Oops</span>
+        <span>Could not find a form to edit a <span class="font-bold">{{$config->name_to_use}}</span></span>
+    </div>
+</div>
diff --git a/resources/views/generic/create.blade.php b/resources/views/generic/create.blade.php
new file mode 100644
index 0000000..46a8097
--- /dev/null
+++ b/resources/views/generic/create.blade.php
@@ -0,0 +1,41 @@
+<x-ba-admin-layout>
+
+    @ray($errors)
+
+    <form role="form" action="{{ $config->getStoreUrl() }}" method="POST" enctype="multipart/form-data">
+
+        @csrf
+
+        <div class="bg-white shadow sm:rounded-b-lg border-t-2 border-blue-500">
+
+            {{-- Card Top Header --}}
+            <div class="px-4 py-5 sm:px-4 flex justify-between bg-gray-50">
+                <div>
+                    <h3 class="text-lg leading-6 font-medium text-gray-900">
+                        <i class="fad fa-plus-square text-gray-400"></i>&nbsp;Create new <span class="font-semibold">{{$config->name_to_use}}</span>
+                    </h3>
+                </div>
+                <div class="my-auto">
+                    <span class="text-sm">Fields with <span class="text-blue-500">*</span> are required</span>
+                </div>
+            </div>
+
+            <div class="px-6 pb-4 flex flex-col gap-y-2">
+                @includeFirst([$config->pathforAdminViews() .'._form', 'BlueAdminGeneric::_form_not_found'], ['ba_form_create' => true])
+            </div>
+
+            <div class="p-4 flex justify-end border-t-2 border-gray-100">
+                <x-ba-admin-button href="{{$config->getBackOrIndexUrl()}}" class="py-1 bg-blue-300">Cancel</x-ba-admin-button>&nbsp;&nbsp;
+                <x-button type="submit" class="bg-blue-500 shadow" >Create</x-button>
+            </div>
+
+        </div>
+
+    </form>
+
+
+
+
+
+
+</x-ba-admin-layout>
diff --git a/resources/views/generic/edit.blade.php b/resources/views/generic/edit.blade.php
new file mode 100644
index 0000000..8327813
--- /dev/null
+++ b/resources/views/generic/edit.blade.php
@@ -0,0 +1,41 @@
+<x-ba-admin-layout>
+
+    @if($errors)
+        @ray($errors)
+    @endif
+
+    <form role="form" action="{{ $config->getUpdateUrl($model->id) }}" method="POST" enctype="multipart/form-data">
+
+        @csrf
+        @method('PUT')
+
+        <div class="bg-white shadow sm:rounded-b-lg border-t-2 border-blue-500">
+
+            {{-- Card Top Header --}}
+            <div class="px-4 py-5 sm:px-4 flex justify-between bg-gray-50">
+                <div>
+                    <h3 class="text-lg leading-6 font-medium text-gray-900">
+                        <i class="fad fa-edit text-gray-400"></i>&nbsp;Edit <span class="font-semibold">{{$config->name_to_use}}</span>
+                    </h3>
+                </div>
+                <div class="my-auto">
+                    <span class="text-sm">Fields with <span class="text-blue-500">*</span> are required</span>
+                </div>
+            </div>
+
+            <div class="px-4 pb-4">
+                @bind($model ?? null)
+                @includeFirst([$config->pathforAdminViews() .'._form', 'BlueAdminGeneric::_form_not_found'], ['ba_form_create' => false])
+                @endbind
+            </div>
+
+            <div class="p-4 flex justify-end border-t-2 border-gray-100">
+                <x-ba-admin-button href="{{$config->getBackOrIndexUrl()}}" class="py-1 bg-blue-300">Cancel</x-ba-admin-button>&nbsp;&nbsp;
+                <x-button class="bg-blue-500 shadow" type="submit" >Update</x-button>
+            </div>
+
+        </div>
+
+    </form>
+
+</x-ba-admin-layout>
diff --git a/resources/views/generic/index.blade.php b/resources/views/generic/index.blade.php
new file mode 100644
index 0000000..6b51dd3
--- /dev/null
+++ b/resources/views/generic/index.blade.php
@@ -0,0 +1,62 @@
+<x-ba-admin-layout>
+
+    <div class="flex flex-col">
+        <div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+            <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
+                <div class="shadow overflow-hidden border-t-2 border-{{$config->color ?? 'blue-200'}} sm:rounded-b-lg">
+
+                    <div class="bg-gray-50 px-6 flex justify-between">
+                        <div class="text-left font-bold text-gray-500 uppercase tracking-wider py-5 ">
+                            {{$config->name_to_use}}
+                        </div>
+                        <x-ba-admin-button href="{{$config->getCreateUrl()}}" class="py-1 bg-green-500 text-xs my-auto">
+                            {{__('Create New')}}
+                        </x-ba-admin-button>
+                    </div>
+
+                    <table class="min-w-full divide-y divide-gray-200" id="indexTable">
+                        <thead class="bg-gray-50">
+                        <tr>
+                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                                {{$config->titleField()}}
+                            </th>
+                            <th scope="col" class="relative px-6 py-3">
+                            </th>
+                        </tr>
+                        </thead>
+                        <tbody>
+
+                        @foreach($models as $model)
+                            <tr class="@if($loop->odd) bg-white @else bg-gray-50 @endif hover:bg-gray-100">
+                                <td class="px-6 py-3 whitespace-nowrap text-sm font-medium text-gray-900">
+                                    @php $titlefield = $config->titleField() @endphp
+                                    {{$model->$titlefield}}
+                                </td>
+                                <td class="px-6 py-3 whitespace-nowrap text-right text-sm font-medium">
+                                    <a href="{{$config->getShowUrl($model->id)}}" class="text-indigo-600 hover:text-indigo-900 mr-4">Details</a>
+                                    <a href="{{$config->getEditUrl($model->id)}}" class="text-indigo-600 hover:text-indigo-900">Edit</a>
+                                </td>
+                            </tr>
+                        @endforeach
+                        </tbody>
+                    </table>
+
+                    <script>
+                        $(document).ready( function () {
+                            $('#indexTable').DataTable();
+                        } );
+                    </script>
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    @push('blueadmin_header')
+        @include('BlueAdminLayout::dataTables')
+    @endpush
+
+
+</x-ba-admin-layout>
+
diff --git a/resources/views/generic/show.blade.php b/resources/views/generic/show.blade.php
new file mode 100644
index 0000000..83dff94
--- /dev/null
+++ b/resources/views/generic/show.blade.php
@@ -0,0 +1,51 @@
+<x-ba-admin-layout>
+
+        <div class="bg-white shadow overflow-hidden sm:rounded-b-lg border-t-2 border-{{$config->color ?? 'blue-500'}}">
+
+            {{-- Card Top Header --}}
+            <div class="px-4 py-5 sm:px-6 flex justify-between bg-gray-50">
+                <div>
+                    <h3 class="text-lg leading-6 font-medium text-gray-900">
+                        {{__('Details for')}} <span class="font-bold">{{$model->title}}</span>
+                    </h3>
+                    <p class="mt-1 max-w-2xl text-sm text-gray-500">
+                        {{ __('Record of type') }} {{$config->name_to_use}}
+                    </p>
+                </div>
+                <div class="my-auto flex gap-x-2">
+                    <x-ba-admin-button href="{{$config->getEditUrl($model->id)}}" class="py-1 bg-blue-500">Edit</x-ba-admin-button>
+                    <form action="{{$config->getDestroyUrl($model->id) }}" method="post">
+                        @csrf
+                        @method('delete')
+                        <x-button class="py-1 bg-blue-300">Delete</x-button>
+                    </form>
+                </div>
+
+            </div>
+
+            <div class="border-t border-gray-200 px-4 py-5 sm:p-0">
+                <dl class="sm:divide-y sm:divide-gray-200">
+                    @foreach($attributesToShow as $attribute)
+                        <div class="py-4 sm:py-5 sm:grid sm:grid-cols-5 sm:gap-4 sm:px-6">
+                            <dt class="text-sm font-medium text-gray-500">
+                                {{$attribute}}
+                            </dt>
+                            <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-4">
+                                @if($model->$attribute === true) <i class="fad fa-check-square text-green-300"></i> @endif
+                                @if($model->$attribute === false) <i class="fal fa-square"></i> @endif
+                                {{ is_object($model->$attribute) ? 'Object - cannot show details' : $model->$attribute }}
+                            </dd>
+                        </div>
+                    @endforeach
+
+                </dl>
+            </div>
+            <div class="text-sm text-gray-400 px-6 float-right">
+                Last updated <span class="font-bold">{{$model->updated_at->diffForHumans()}}</span> ({{$model->updated_at}})
+                <span class="text-blue-300">|</span>
+                Created <span class="font-bold">{{$model->created_at->diffForHumans()}}</span> ({{$model->created_at}})
+            </div>
+        </div>
+
+
+</x-ba-admin-layout>
diff --git a/src/BlueAdmin.php b/src/BlueAdmin.php
new file mode 100644
index 0000000..4afcb8e
--- /dev/null
+++ b/src/BlueAdmin.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin;
+
+class BlueAdmin
+{
+    public static function routes()
+    {
+        // Filepond routes
+        Route::prefix('filepond')->group(function () {
+            Route::post('/', [App\Http\Controllers\BlueAdmin\FilepondController::class, 'upload'])->name('filepond.upload');
+            Route::delete('/', [App\Http\Controllers\BlueAdmin\FilepondController::class, 'delete'])->name('filepond.delete');
+        });
+
+// Login as routes
+        Route::get('admin/login-as/stop', [\App\Http\Controllers\BlueAdmin\UserLoginAsController::class, 'stopLoginAs'])->name('stoploginas');
+        Route::get('admin/login-as/{user}', [\App\Http\Controllers\BlueAdmin\UserLoginAsController::class, 'loginAs'])/*->middleware('isadmin')*/->name('loginas');
+
+    }
+}
diff --git a/src/BlueAdminFacade.php b/src/BlueAdminFacade.php
new file mode 100644
index 0000000..fe25ed7
--- /dev/null
+++ b/src/BlueAdminFacade.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin;
+
+use Illuminate\Support\Facades\Facade;
+
+/**
+ * @see \Ndeblauw\BlueAdmin\Skeleton\SkeletonClass
+ */
+class BlueAdminFacade extends Facade
+{
+    /**
+     * Get the registered name of the component.
+     *
+     * @return string
+     */
+    protected static function getFacadeAccessor()
+    {
+        return 'blue-admin';
+    }
+}
diff --git a/src/BlueAdminServiceProvider.php b/src/BlueAdminServiceProvider.php
new file mode 100644
index 0000000..b19f6b0
--- /dev/null
+++ b/src/BlueAdminServiceProvider.php
@@ -0,0 +1,108 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin;
+
+use Illuminate\Support\Facades\Blade;
+use Illuminate\Support\ServiceProvider;
+
+class BlueAdminServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap the application services.
+     */
+    public function boot()
+    {
+        Blade::directive('bind', function ($bind) {
+            return '<?php app(Ndeblauw\BlueAdmin\FormDataBinder::class)->bind(' .$bind.'); ?>';
+        });
+
+        Blade::directive('endbind', function () {
+            return '<?php app(Ndeblauw\BlueAdmin\FormDataBinder::class)->pop(); ?>';
+        });
+
+        // Path to the resources
+        $this->loadViewsFrom(__DIR__.'/../resources/views/components/formelements', 'BlueAdminFormelements');
+        $this->loadViewsFrom(__DIR__.'/../resources/views/components/adminlayout', 'BlueAdminLayout');
+        $this->loadViewsFrom(__DIR__.'/../resources/views/components/adminui', 'BlueAdminUi');
+        $this->loadViewsFrom(__DIR__.'/../resources/views/generic', 'BlueAdminGeneric');
+
+        // Load the auxiliary routes
+        $this->loadRoutesFrom(__DIR__.'/routes.php');
+
+        // Basic building blocks for blueadmin backend
+        Blade::component('ba-admin-layout', View\Components\Adminlayout\AdminLayout::class);
+        Blade::component('ba-admin-sidebar', View\Components\Adminlayout\AdminSidebar::class);
+        Blade::component('ba-admin-topbar', View\Components\Adminlayout\AdminTopbar::class);
+        Blade::component('ba-admin-breadcrumbs', View\Components\Adminlayout\AdminBreadcrumbs::class);
+
+        // Basic building blocks for blueadmin UI
+        Blade::component('ba-admin-button', View\Components\Adminui\AdminButton::class);
+        Blade::component('ba-show-info', View\Components\Adminui\ShowInfo::class);
+
+        // Basic building blocks for admin forms
+        Blade::component('ba-hidden', View\Components\Formelements\Hidden::class);
+        Blade::component('ba-text', View\Components\Formelements\Text::class);
+        Blade::component('ba-textarea', View\Components\Formelements\Textarea::class);
+        Blade::component('ba-boolean', View\Components\Formelements\Boolean::class);
+        Blade::component('ba-datepicker', View\Components\Formelements\Datepicker::class);
+        Blade::component('ba-select', View\Components\Formelements\Select::class);
+        Blade::component('ba-select-searchbox', View\Components\Formelements\SelectWithSearchBox::class);
+        Blade::component('ba-radiobuttons', View\Components\Formelements\Radiobuttons::class);
+        Blade::component('ba-checkboxes', View\Components\Formelements\Checkboxes::class);
+        Blade::component('ba-mediafile', View\Components\Formelements\FilepondUpload::class);
+        Blade::component('ba-tagselect', View\Components\Formelements\TagSelect::class);
+
+        // Relationship building blocks
+        Blade::component('ba-belongsto', View\Components\Formelements\BelongsTo::class);
+
+        // Miscellaneous building blocks
+        Blade::component('ba-divider', View\Components\Formelements\Divider::class);
+        Blade::component('ba-info', View\Components\Formelements\Info::class);
+
+
+        /*
+         * Optional methods to load your package assets
+         */
+
+
+        if ($this->app->runningInConsole()) {
+            // Publishing the configuration file
+            $this->publishes([__DIR__ . '/../config/config.php' => config_path('blue-admin.php'),], 'config');
+
+            // Publishing the views.
+            /*$this->publishes([
+                __DIR__.'/../resources/views' => resource_path('views/vendor/blue-admin'),
+            ], 'views');*/
+
+            // Publishing assets.
+            /*$this->publishes([
+                __DIR__.'/../resources/assets' => public_path('vendor/blue-admin'),
+            ], 'assets');*/
+
+            // Publishing the translation files.
+            /*$this->publishes([
+                __DIR__.'/../resources/lang' => resource_path('lang/vendor/blue-admin'),
+            ], 'lang');*/
+
+            // Registering package commands.
+            // $this->commands([]);
+        }
+    }
+
+    /**
+     * Register the application services.
+     */
+    public function register()
+    {
+        $this->app->singleton(FormDataBinder::class, fn () => new FormDataBinder);
+
+
+        // Automatically apply the package configuration
+        $this->mergeConfigFrom(__DIR__ . '/../config/config.php', 'blue-admin');
+
+        // Register the main class to use with the facade
+        $this->app->singleton('blue-admin', function () {
+            return new BlueAdmin;
+        });
+    }
+}
diff --git a/src/Exceptions/InvalidPathException.php b/src/Exceptions/InvalidPathException.php
new file mode 100644
index 0000000..997aee0
--- /dev/null
+++ b/src/Exceptions/InvalidPathException.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Exceptions;
+
+use InvalidArgumentException;
+
+class InvalidPathException extends InvalidArgumentException
+{
+    public function __construct(
+        $message = 'The given file path was invalid',
+        $code = 400
+    ) {
+        parent::__construct($message, $code);
+    }
+}
diff --git a/src/FormDataBinder.php b/src/FormDataBinder.php
new file mode 100644
index 0000000..510c869
--- /dev/null
+++ b/src/FormDataBinder.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin;
+
+use Illuminate\Support\Arr;
+
+class FormDataBinder
+{
+    /**
+     * Tree of bound targets.
+     */
+    private array $bindings = [];
+
+    /**
+     * Bind a target to the current instance.
+     * @param mixed $target
+     * @return void
+     */
+    public function bind($target): void
+    {
+        $this->bindings[] = $target;
+    }
+
+    /**
+     * Get the latest bound target.
+     * @return mixed
+     */
+    public function get()
+    {
+        return Arr::last($this->bindings);
+    }
+
+    /**
+     * Remove the last binding.
+     * @return void
+     */
+    public function pop(): void
+    {
+        array_pop($this->bindings);
+    }
+}
diff --git a/src/Http/Controllers/AdminController.php b/src/Http/Controllers/AdminController.php
new file mode 100644
index 0000000..aba6617
--- /dev/null
+++ b/src/Http/Controllers/AdminController.php
@@ -0,0 +1,202 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Ndeblauw\BlueAdmin\Models\Filepond;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerBelongsToManyTrait;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerFilepondTrait;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerFormRequestTrait;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerPrefillTrait;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerReturnPathTrait;
+use Ndeblauw\BlueAdmin\Traits\AdminControllerSelectViewTrait;
+
+class AdminController extends Controller
+{
+    use AdminControllerReturnPathTrait;
+    use AdminControllerPrefillTrait;
+    use AdminControllerSelectViewTrait;
+    use AdminControllerFormRequestTrait;
+    use AdminControllerFilepondTrait;
+    use AdminControllerBelongsToManyTrait;
+
+    protected $config;
+    private $filepond;
+
+    public function __construct(Filepond $filepond)
+    {
+        $this->filepond = $filepond;
+
+        $configObject = static::CONFIG;
+        $this->config = new $configObject;
+    }
+
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        $models = ($this->config->CLASS)::all();
+
+        return view($this->getView('index'), compact('models'))->with('config', $this->config);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create(Request $request)
+    {
+        $this->setReturnPathSessionVariable();
+
+        if ($this->dealWithPrefillInputs($request)) {
+            $parameters = $this->extractNonPrefillParameters($request);
+
+            return redirect($this->config->getCreateUrl($parameters));
+        }
+
+        return view($this->getView('create'))->with('config', $this->config);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        // A - Validate the request data
+        $request = $this->getValidatedRequestObject();
+        $valid = $request->validated();
+
+        // B - Preparations for dealing with  relations
+        $filepond = $this->filepondPreparations($valid);
+        $belongsToMany = $this->belongsToManyPreparations($valid);
+
+        // C - Create the new record
+        $model = ($this->config->CLASS)::create($valid);
+
+        // D1 - Deal with relations - belongsToMany
+        foreach ($belongsToMany as $key => $values) {
+            $model->$key()->sync($values);
+        }
+
+        // D2 - Deal with relations - mediafiles
+        foreach ($filepond as $key => $fileset) {
+            foreach ($fileset as $file) {
+                $model->addMedia($this->filepond->getPathFromServerId($file))->toMediaCollection($key);
+            }
+        }
+
+        return redirect($this->getReturnPath('create', $model->id));
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        $model = ($this->config->CLASS)::findOrFail($id);
+        $model->load($this->config->getShowLoadList());
+
+        $attributesToShow = $this->config->getAttributesToShow()
+            ?? array_diff(array_keys($model->getAttributes()), ['deleted_at', 'created_at', 'updated_at', 'tenant_id', 'iid']);
+
+        return view($this->getView('show'), compact('model'))
+            ->with('attributesToShow', $attributesToShow)
+            ->with('config', $this->config);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        $this->setReturnPathSessionVariable($id);
+        $model = ($this->config->CLASS)::findOrFail($id);
+
+        return view($this->getView('edit'), compact('model'))
+            ->with('config', $this->config);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        // A - Validate the request data
+        $request = $this->getValidatedRequestObject();
+        $valid = $request->validated();
+
+        // B - Preparations for dealing with  relations
+        $filepond = $this->filepondPreparations($valid);
+        $belongsToMany = $this->belongsToManyPreparations($valid);
+
+        // C - Update the model
+        $model = ($this->config->CLASS)::findOrFail($id);
+        $model->update($valid);
+
+        // D1 - Deal with relations - belongsToMany
+        foreach ($belongsToMany as $key => $values) {
+            $model->$key()->sync($values);
+        }
+
+        // D2 - Deal with relations - mediafiles
+        foreach ($filepond as $key => $fileset) {
+            $listExistingFiles = $model->getMedia($key)->pluck('id')->toArray();
+            $toKeep = [];
+            $newOrder = [];
+            foreach ($fileset as $file) {
+                if (substr($file, 0, 14) === 'existing_file_') {
+                    // Already existing file? Add it to keep list
+                    $toKeep[] = substr($file, 14);
+                    $newOrder[] = substr($file, 14);
+                } else {
+                    // New upload? Add it to the collection
+                    $newMediaFile = $model->addMedia($this->filepond->getPathFromServerId($file))->preservingOriginal()->toMediaCollection($key);
+                    $newOrder[] = $newMediaFile->id;
+                }
+            }
+            // Remove (existing files) that were deleted
+            foreach (array_diff($listExistingFiles, $toKeep) as $idToDetach) {
+                $model->getMedia($key)->where('id', $idToDetach)->first()->delete();
+            }
+            \Spatie\MediaLibrary\MediaCollections\Models\Media::setNewOrder($newOrder);
+        }
+
+        return redirect($this->getReturnPath('edit', $id));
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        $model = ($this->config->CLASS)::findOrFail($id);
+        if ($this->config->has_policy) {
+            Gate::authorize('delete', $model);
+        }
+        $model->delete();
+
+        return redirect($this->config->getIndexUrl());
+    }
+}
diff --git a/src/Http/Controllers/FilepondController.php b/src/Http/Controllers/FilepondController.php
new file mode 100644
index 0000000..0d567f3
--- /dev/null
+++ b/src/Http/Controllers/FilepondController.php
@@ -0,0 +1,70 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Http\Controllers;
+
+use Ndeblauw\BlueAdmin\Models\Filepond;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+// to check below
+use Illuminate\Support\Facades\Response;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
+
+class FilepondController extends Controller
+{
+    private $filepond;
+
+    public function __construct(Filepond $filepond)
+    {
+        $this->filepond = $filepond;
+    }
+
+    public function upload(Request $request)
+    {
+        $input = array_reverse($request->allFiles());
+        $file = array_pop($input);
+
+        $file = is_array($file) ? $file[0] : $file;
+
+        if ($file === null) {
+            return Response::make(config('filepond.input_name').' is required', 422, [
+                'Content-Type' => 'text/plain',
+            ]);
+        }
+
+        $path = config('filepond.temporary_files_path', 'filepond');
+        $disk = config('filepond.temporary_files_disk', 'local');
+
+        if (! ($newFile = $file->storeAs($path.DIRECTORY_SEPARATOR.Str::random(), $file->getClientOriginalName(), $disk))) {
+            return Response::make('Could not save file', 500, [
+                'Content-Type' => 'text/plain',
+            ]);
+        }
+
+        return Response::make($this->filepond->getServerIdFromPath(Storage::disk($disk)->path($newFile)), 200, [
+            'Content-Type' => 'text/plain',
+        ]);
+    }
+
+    /**
+     * Takes the given encrypted filepath and deletes
+     * it if it hasn't been tampered with.
+     *
+     * @param Request $request
+     *
+     * @return mixed
+     */
+    public function delete(Request $request)
+    {
+        $filePath = $this->filepond->getPathFromServerId($request->getContent());
+        if (Storage::disk(config('filepond.temporary_files_disk', 'local'))->delete($filePath)) {
+            return Response::make('', 200, [
+                'Content-Type' => 'text/plain',
+            ]);
+        }
+
+        return Response::make('', 500, [
+            'Content-Type' => 'text/plain',
+        ]);
+    }
+}
diff --git a/src/Http/Controllers/UserLoginAsController.php b/src/Http/Controllers/UserLoginAsController.php
new file mode 100644
index 0000000..88f66d1
--- /dev/null
+++ b/src/Http/Controllers/UserLoginAsController.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+
+class UserLoginAsController extends Controller
+{
+    public function loginAs($user)
+    {
+        $current_user_id = auth()->id();
+        $user = User::findOrFail($user);
+
+        auth()->login($user);
+        session()->put('loginas', $current_user_id);
+
+        return redirect()->back();
+    }
+
+    public function stopLoginAs()
+    {
+        $id = session()->get('loginas');
+        $user = User::findOrFail($id);
+
+        auth()->login($user);
+        session()->forget('loginas');
+
+        return redirect()->route('admin.users.index'); // TODO - add back route in session as well!
+    }
+}
diff --git a/src/Models/BlueAdminModel.php b/src/Models/BlueAdminModel.php
new file mode 100644
index 0000000..8d2b6f3
--- /dev/null
+++ b/src/Models/BlueAdminModel.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Models;
+
+use Illuminate\Support\Str;
+use Ndeblauw\BlueAdmin\Traits\GetRoutesTrait;
+
+class BlueAdminModel
+{
+    use GetRoutesTrait;
+
+    public $has_policy = false;
+
+    public function modelname()
+    {
+        return substr($this->CLASS, strrpos($this->CLASS, '\\') + 1);
+    }
+
+    public function pathforAdminViews()
+    {
+        // TODO: enable setting it explicitly and then use that value
+        return 'admin.'.strtolower(Str::plural($this->modelname()));
+    }
+
+    public function routename()
+    {
+        return strtolower(Str::plural($this->modelname()));
+    }
+
+    public function titleField()
+    {
+        return property_exists($this, 'title_field') ? $this->title_field : 'title';
+    }
+
+    public function getShowLoadList()
+    {
+        return property_exists($this, 'show_load') ? $this->show_load : [];
+    }
+
+    public function getAttributesToShow()
+    {
+        return property_exists($this, 'attributesToShow') ? $this->attributesToShow : null;
+    }
+}
diff --git a/src/Models/Filepond.php b/src/Models/Filepond.php
new file mode 100644
index 0000000..9afeffa
--- /dev/null
+++ b/src/Models/Filepond.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Models;
+
+use Ndeblauw\BlueAdmin\Exceptions\InvalidPathException;
+use Illuminate\Support\Facades\Crypt;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
+
+class Filepond
+{
+    public function getServerIdFromPath($path)
+    {
+        return Crypt::encryptString($path);
+    }
+
+    public function getPathFromServerId($serverId)
+    {
+        if (! trim($serverId)) {
+            throw new InvalidPathException();
+        }
+
+        $filePath = Crypt::decryptString($serverId);
+        if (! Str::startsWith($filePath, $this->getBasePath())) {
+            throw new InvalidPathException();
+        }
+
+        return $filePath;
+    }
+
+    public function getBasePath()
+    {
+        return Storage::disk(config('blueadmin.filepond_temporary_files_disk', 'local'))
+            ->path(config('blueadmin.filepond_temporary_files_path', 'filepond'));
+    }
+}
diff --git a/src/Traits/AdminControllerBelongsToManyTrait.php b/src/Traits/AdminControllerBelongsToManyTrait.php
new file mode 100644
index 0000000..2a75327
--- /dev/null
+++ b/src/Traits/AdminControllerBelongsToManyTrait.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+trait AdminControllerBelongsToManyTrait
+{
+    public function belongsToManyPreparations(&$valid)
+    {
+        $belongsToMany = [];
+
+        if (property_exists($this->config, 'belongsToMany')) {
+            foreach ($this->config->belongsToMany as $key) {
+                if (array_key_exists($key, $valid)) {
+                    $belongsToMany[$key] = $valid[$key];
+                    unset($valid[$key]);
+                } else {
+                    $belongsToMany[$key] = [];
+                }
+            }
+        }
+
+        return $belongsToMany;
+    }
+}
diff --git a/src/Traits/AdminControllerFilepondTrait.php b/src/Traits/AdminControllerFilepondTrait.php
new file mode 100644
index 0000000..85898cd
--- /dev/null
+++ b/src/Traits/AdminControllerFilepondTrait.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+trait AdminControllerFilepondTrait
+{
+    public function filepondPreparations(&$valid)
+    {
+        $filepond = [];
+
+        if (property_exists($this->config, 'filepond')) {
+            foreach (($this->config->filepond) as $key) {
+                if (array_key_exists($key, $valid)) {
+                    $data = is_array($valid[$key]) ? $valid[$key] : [$valid[$key]];
+                    $filepond[$key] = $data;
+                    unset($valid[$key]);
+                }
+            }
+        }
+
+        return $filepond;
+    }
+}
diff --git a/src/Traits/AdminControllerFormRequestTrait.php b/src/Traits/AdminControllerFormRequestTrait.php
new file mode 100644
index 0000000..7586377
--- /dev/null
+++ b/src/Traits/AdminControllerFormRequestTrait.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+trait AdminControllerFormRequestTrait
+{
+    private function getFormRequestObjectName(): string
+    {
+        return 'App\\Http\\Requests\\'.$this->config->modelname().'Request';
+    }
+
+    private function getValidatedRequestObject(): FormRequest
+    {
+        return app($this->getFormRequestObjectName());
+    }
+}
diff --git a/src/Traits/AdminControllerPrefillTrait.php b/src/Traits/AdminControllerPrefillTrait.php
new file mode 100644
index 0000000..df19ec2
--- /dev/null
+++ b/src/Traits/AdminControllerPrefillTrait.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+use Illuminate\Support\Facades\Session;
+
+trait AdminControllerPrefillTrait
+{
+    private function dealWithPrefillInputs($request): bool
+    {
+        if ($request->missing('prefill')) {
+            return false;
+        }
+
+        Session::flash('prefill', $request->prefill);
+
+        return true;
+    }
+
+    private function extractNonPrefillParameters($request): array
+    {
+        $parameters = $request->all();
+        unset($parameters['prefill']);
+
+        return $parameters;
+    }
+}
diff --git a/src/Traits/AdminControllerReturnPathTrait.php b/src/Traits/AdminControllerReturnPathTrait.php
new file mode 100644
index 0000000..a020fac
--- /dev/null
+++ b/src/Traits/AdminControllerReturnPathTrait.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+use Illuminate\Support\Facades\Session;
+
+trait AdminControllerReturnPathTrait
+{
+    private function setReturnPathSessionVariable($id = null): void
+    {
+        // remove get parameters, if any
+        $previousUrl = substr(
+            url()->previous(),
+            0,
+            strpos(url()->previous(), '?') ?: strlen(url()->previous())
+        );
+
+        if ($id === null && $this->config->getCreateUrl() === $previousUrl) {
+            return;
+        }
+
+        if ($id !== null && $this->config->getEditUrl($id) === $previousUrl) {
+            return;
+        }
+
+        Session::put('blueadmin.returnpath', str_replace(url('/'), '', url()->previous()));
+    }
+
+    private function getReturnPath($from = null, $id = null): string
+    {
+        if ($from === 'create' && property_exists($this->config, 'afterCreate')) {
+            switch ($this->config->afterCreate) {
+                case 'index':
+                    return $this->config->getIndexUrl();
+                case 'show':
+                    return $this->config->getShowUrl($id);
+            }
+        }
+
+        if ($from === 'edit' && property_exists($this->config, 'afterEdit')) {
+            switch ($this->config->afterEdit) {
+                case 'index':
+                    return $this->config->getIndexUrl();
+                case 'show':
+                    return $this->config->getShowUrl($id);
+            }
+        }
+
+        return Session::get('blueadmin.returnpath', $this->config->getIndexUrl());
+    }
+}
diff --git a/src/Traits/AdminControllerSelectViewTrait.php b/src/Traits/AdminControllerSelectViewTrait.php
new file mode 100644
index 0000000..d8b7640
--- /dev/null
+++ b/src/Traits/AdminControllerSelectViewTrait.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+trait AdminControllerSelectViewTrait
+{
+    private function getView($type)
+    {
+        $VIEWPATH = $this->config->pathforAdminViews();
+
+        switch ($type) {
+            case 'index':
+                return view()->exists($VIEWPATH.'.index') ? $VIEWPATH.'.index' : 'BlueAdminGeneric::index';
+
+            case 'create':
+                return view()->exists($VIEWPATH.'.create') ? $VIEWPATH.'.create' : 'BlueAdminGeneric::create';
+
+            case 'show':
+                return view()->exists($VIEWPATH.'.show') ? $VIEWPATH.'.show' : 'BlueAdminGeneric::show';
+
+            case 'edit':
+                return view()->exists($VIEWPATH.'.edit') ? $VIEWPATH.'.edit' : 'BlueAdminGeneric::edit';
+        }
+    }
+}
diff --git a/src/Traits/GetRoutesTrait.php b/src/Traits/GetRoutesTrait.php
new file mode 100644
index 0000000..74271fd
--- /dev/null
+++ b/src/Traits/GetRoutesTrait.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\Traits;
+
+trait GetRoutesTrait
+{
+    public function getBackOrIndexUrl()
+    {
+        return session()->get('blueadmin.returnpath', $this->getIndexUrl());
+    }
+
+    public function getIndexUrl(): string
+    {
+        return route('admin.'.$this->routename().'.index');
+    }
+
+    public function getCreateUrl($parameters = null): string
+    {
+        return route('admin.'.$this->routename().'.create', $parameters);
+    }
+
+    public function getStoreUrl(): string
+    {
+        return route('admin.'.$this->routename().'.store');
+    }
+
+    public function getShowUrl($id): string
+    {
+        return route('admin.'.$this->routename().'.show', [strtolower($this->modelname()) => $id]);
+    }
+
+    public function getEditUrl($id): string
+    {
+        return route('admin.'.$this->routename().'.edit', [strtolower($this->modelname()) => $id]);
+    }
+
+    public function getUpdateUrl($id): string
+    {
+        return route('admin.'.$this->routename().'.update', [strtolower($this->modelname()) => $id]);
+    }
+
+    public function getDestroyUrl($id): string
+    {
+        return route('admin.'.$this->routename().'.destroy', [strtolower($this->modelname()) => $id]);
+    }
+}
diff --git a/src/View/Components/Adminlayout/AdminBreadcrumbs.php b/src/View/Components/Adminlayout/AdminBreadcrumbs.php
new file mode 100644
index 0000000..6bb7a36
--- /dev/null
+++ b/src/View/Components/Adminlayout/AdminBreadcrumbs.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminlayout;
+
+use Illuminate\Http\Request;
+use Illuminate\View\Component;
+
+class AdminBreadcrumbs extends Component
+{
+    private $segments;
+
+    public function __construct(Request $request)
+    {
+        $this->segments = $request->segments();
+    }
+
+    public function render()
+    {
+        $trail = [];
+        $prepend = '';
+        foreach ($this->segments as $segment) {
+            switch ($segment) {
+                case 'admin': $title = 'Admin'; break;
+                case 'locations': $title = 'Locaties'; break;
+                case 'seasons': $title = 'Seizoenen'; break;
+                case 'activitytypes': $title = 'Activiteitstypes'; break;
+                case 'organisers': $title = 'Organisatoren'; break;
+
+                case 'activities': $title = 'Activiteiten'; break;
+
+                case 'schools': $title = 'Scholen'; break;
+                case 'users': $title = 'Gebruikers'; break;
+
+                case 'pages': $title = 'Infopagina\'s'; break;
+
+                case 'reservations': $title = 'Reservaties'; break;
+                case 'reservations-by-activity': $title = 'Reservaties per activiteit'; break;
+                default: $title = 'UNKNOWN'; break;
+            }
+
+            if ($title == 'UNKNOWN' && is_numeric($segment)) {
+                continue;
+            }
+
+            $trail[] = (object) ['title' => $title, 'url' => $prepend.$segment];
+            $prepend .= $segment.'/';
+        }
+
+        return view('BlueAdminLayout::admin-breadcrumbs')->with('trail', $trail);
+    }
+}
diff --git a/src/View/Components/Adminlayout/AdminLayout.php b/src/View/Components/Adminlayout/AdminLayout.php
new file mode 100644
index 0000000..c842176
--- /dev/null
+++ b/src/View/Components/Adminlayout/AdminLayout.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminlayout;
+
+use Illuminate\View\Component;
+
+class AdminLayout extends Component
+{
+    public function __construct()
+    {
+        //
+    }
+
+    public function render()
+    {
+        return view('BlueAdminLayout::admin-layout');
+    }
+}
diff --git a/src/View/Components/Adminlayout/AdminSidebar.php b/src/View/Components/Adminlayout/AdminSidebar.php
new file mode 100644
index 0000000..5749416
--- /dev/null
+++ b/src/View/Components/Adminlayout/AdminSidebar.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminlayout;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\View\Component;
+
+class AdminSidebar extends Component
+{
+    private $menu;
+
+    public function __construct()
+    {
+        $this->menu = config('blue-admin.menu');
+    }
+
+    public function render()
+    {
+        $route = Route::current();
+
+        $annotatedMenu = $this->annotateActive($this->menu, $route->uri);
+
+        return view('BlueAdminLayout::admin-sidebar')
+            ->with('menu', json_decode(json_encode($annotatedMenu, false)));
+    }
+
+    private function annotateActive($menu, $uri)
+    {
+        $value = preg_replace('/\/\{[\s\S]+?\}/', '', $uri); // allow detection for all resource routes
+
+        $value = str_replace('/edit', '', $value);
+        $value = str_replace('/create', '', $value);
+        $value = str_replace('/for-season', '', $value);
+
+        foreach ($menu as &$item) {
+            $open = false;
+
+            if (isset($item['submenu'])) {
+                foreach ($item['submenu'] as &$subitem) {
+                    if ($subitem['link'] == $value) {
+                        $subitem['active'] = true;
+                        $open = true;
+                        break;
+                    }
+                }
+            } else {
+                if ($item['link'] == $value) {
+                    $item['active'] = true;
+                    break;
+                }
+            }
+
+            if ($open) {
+                $item['open'] = true;
+                break;
+            }
+        }
+
+        return $menu;
+    }
+}
diff --git a/src/View/Components/Adminlayout/AdminTopbar.php b/src/View/Components/Adminlayout/AdminTopbar.php
new file mode 100644
index 0000000..4740c05
--- /dev/null
+++ b/src/View/Components/Adminlayout/AdminTopbar.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminlayout;
+
+use Illuminate\View\Component;
+
+class AdminTopbar extends Component
+{
+    public function __construct()
+    {
+        //
+    }
+
+    public function render()
+    {
+        return view('BlueAdminLayout::admin-topbar');
+    }
+}
diff --git a/src/View/Components/Adminui/AdminButton.php b/src/View/Components/Adminui/AdminButton.php
new file mode 100644
index 0000000..c7674ca
--- /dev/null
+++ b/src/View/Components/Adminui/AdminButton.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminui;
+
+use Illuminate\View\Component;
+
+class AdminButton extends Component
+{
+    public $href;
+
+    public function __construct($href = '')
+    {
+        $this->href = $href;
+    }
+
+    public function render()
+    {
+        return view('BlueAdminUi::admin-button');
+    }
+}
diff --git a/src/View/Components/Adminui/ShowInfo.php b/src/View/Components/Adminui/ShowInfo.php
new file mode 100644
index 0000000..8fcf139
--- /dev/null
+++ b/src/View/Components/Adminui/ShowInfo.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Adminui;
+
+use Illuminate\View\Component;
+
+class ShowInfo extends Component
+{
+    public $label;
+
+    public function __construct($label)
+    {
+        $this->label = $label;
+    }
+
+    public function render()
+    {
+        return view('BlueAdminUi::show-info');
+    }
+}
diff --git a/src/View/Components/Component.php b/src/View/Components/Component.php
new file mode 100644
index 0000000..a19bba0
--- /dev/null
+++ b/src/View/Components/Component.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components;
+
+use Illuminate\Support\Facades\Session;
+use Illuminate\View\Component as BaseComponent;
+
+abstract class Component extends BaseComponent
+{
+    use HandlesBoundModel;
+
+    const TEMPLATE = '';
+    const REQUIRED = '<span class="text-blue-500">*</span>';
+    const DISABLED = ' disabled';
+    const SIZE = 'w-full md:w-1/2';
+
+    public string $name;
+    public string $id;
+    public string $label;
+    public string $placeholder;
+    public string $comment;
+    public string $required;
+    public string $size;
+    public string $disabled;
+    public $model;
+    public $value;
+
+    public function __construct($name, $label, $placeholder, $id, $comment, $required, $size, $value, $disabled = false, $bind = null)
+    {
+        // If ?prefil[name]=xxx in url, prefill the field - only if no value was explicitly given
+        $prefill = Session::get('prefill', false);
+        if (is_null($value) && $prefill) {
+            $value = array_key_exists($name, $prefill) ? $prefill[$name] : $value;
+        }
+
+        $this->name = $name;
+        $this->label = $label ?? ucfirst($name);
+        $this->placeholder = $placeholder ?? '';
+        $this->id = $id ?? $name;
+        $this->comment = $comment ?? '';
+
+        $this->required = $required ? $this::REQUIRED : '';
+        $this->size = $size === null ? $this::SIZE : $size;
+
+        $this->disabled = $disabled ? $this::DISABLED : '';
+
+        if (basename(request()->path()) == 'create') {
+            $this->value = $value;
+        } else {
+            $this->model = $this->getBoundTarget();
+            $this->value = $value ?: $this->getBoundValue($bind, $name);
+        }
+    }
+
+    public function render()
+    {
+        $template = property_exists($this, 'template') ? ($this->template ?? static::TEMPLATE) : static::TEMPLATE;
+
+        return view('BlueAdminFormelements::'.$template);
+    }
+
+    protected function getOptionsFromSource(string $source = null)
+    {
+        if ($source === null) {
+            abort(500, 'Either options or source needs to be set to use <x-ba-radiobuttons');
+        }
+
+        $Source = 'BlueAdminFormelements::'.$source;
+
+        return $Source::getSelectValues();
+    }
+}
diff --git a/src/View/Components/Formelements/BelongsTo.php b/src/View/Components/Formelements/BelongsTo.php
new file mode 100644
index 0000000..5aca9ce
--- /dev/null
+++ b/src/View/Components/Formelements/BelongsTo.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class BelongsTo extends Component
+{
+    const TEMPLATE = 'select';
+    public $template;
+    public $options;
+    public $allowNullOption;
+    public $inline;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        $options = null,
+        $source = null,
+        $allowNullOption = null,
+        bool $inline = false,
+        $template = null
+    ) {
+        $name = $name.'_id';
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, $value, $disabled);
+        $this->options = $options ?? $this->getOptionsFromSource($source);
+        $this->allowNullOption = (isset($allowNullOption)) ? true : false;
+        $this->template = $template;
+        $this->inline = (bool) $inline;
+    }
+}
diff --git a/src/View/Components/Formelements/Boolean.php b/src/View/Components/Formelements/Boolean.php
new file mode 100644
index 0000000..aa5b6df
--- /dev/null
+++ b/src/View/Components/Formelements/Boolean.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Boolean extends Component
+{
+    const TEMPLATE = 'boolean';
+    public string $legend;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $placeholder = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        string $legend = null
+    ) {
+        parent::__construct($name, $label, $placeholder, $id, $comment, $required, $size, $value, $disabled);
+        $this->legend = $legend ?? '';
+    }
+}
diff --git a/src/View/Components/Formelements/Checkboxes.php b/src/View/Components/Formelements/Checkboxes.php
new file mode 100644
index 0000000..38036c6
--- /dev/null
+++ b/src/View/Components/Formelements/Checkboxes.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Checkboxes extends Component
+{
+    const TEMPLATE = 'checkboxes';
+    public $values;
+    public bool $inline;
+    public $options;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $values = null,
+        bool $inline = false,
+
+        array $options = null,
+        $source = null
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, null, $disabled);
+
+        if ($this->model !== null) {
+            $this->values = $this->model->$name->pluck('id')->toArray();
+        } else {
+            $this->values = is_array($values) ? $values : [$values];
+        }
+
+        $this->options = $options ?? $this->getOptionsFromSource($source);
+        $this->inline = $inline;
+    }
+}
diff --git a/src/View/Components/Formelements/Datepicker.php b/src/View/Components/Formelements/Datepicker.php
new file mode 100644
index 0000000..dcb5d03
--- /dev/null
+++ b/src/View/Components/Formelements/Datepicker.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Datepicker extends Component
+{
+    const TEMPLATE = 'datepicker';
+    public bool $onlyDate;
+    public bool $onlyTime;
+    public string $type;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $placeholder = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        bool $onlyDate = false,
+        bool $onlyTime = false
+    ) {
+        if ($onlyDate && $onlyTime) {
+            abort(404, "You can't assign both onlyDate and onlyTime together...");
+        }
+        parent::__construct($name, $label, $placeholder, $id, $comment, $required, $size, $value, $disabled);
+        $this->onlyDate = $onlyDate ? true : false;
+        $this->onlyTime = $onlyTime ? true : false;
+
+        $this->type = $onlyDate ? 'date' : ($onlyTime ? 'time' : 'datetime-local');
+
+        $dateValue = \Carbon\Carbon::parse($this->value);
+
+        switch ($this->type) {
+            case 'date':
+                $this->value = ($this->value) ? $dateValue->format('Y-m-d') : null;
+                break;
+
+            case 'time':
+                $this->value = ($this->value) ? $dateValue->format('H:i') : null;
+                break;
+
+            default:
+                $this->value = ($this->value) ? $dateValue->format('Y-m-d').'T'.$dateValue->format('H:i') : null;
+                break;
+        }
+    }
+}
diff --git a/src/View/Components/Formelements/Divider.php b/src/View/Components/Formelements/Divider.php
new file mode 100644
index 0000000..8c84043
--- /dev/null
+++ b/src/View/Components/Formelements/Divider.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Illuminate\View\Component;
+
+class Divider extends Component
+{
+    public $subtitle;
+
+    public function __construct(string $subtitle = null)
+    {
+        $this->subtitle = $subtitle;
+    }
+
+    public function render()
+    {
+        return view('BlueAdminFormelements::divider');
+    }
+}
diff --git a/src/View/Components/Formelements/FilepondUpload.php b/src/View/Components/Formelements/FilepondUpload.php
new file mode 100644
index 0000000..af9a52f
--- /dev/null
+++ b/src/View/Components/Formelements/FilepondUpload.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class FilepondUpload extends Component
+{
+    const TEMPLATE = 'filepondupload';
+    public $multiple;
+    public $maxFiles;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        bool $multiple = false,
+        int $maxFiles = null
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size ?? 'col-9', $value, $disabled);
+        $this->multiple = $multiple;
+        $this->maxFiles = $maxFiles;
+    }
+}
diff --git a/src/View/Components/Formelements/Hidden.php b/src/View/Components/Formelements/Hidden.php
new file mode 100644
index 0000000..bea35cb
--- /dev/null
+++ b/src/View/Components/Formelements/Hidden.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Hidden extends Component
+{
+    const TEMPLATE = 'hidden';
+
+    public function __construct(
+        string $name,
+        string $value = null,
+        string $id = null,
+        $model = null
+    ) {
+        parent::__construct($name, null, null, $id, null, false, null, $value);
+    }
+}
diff --git a/src/View/Components/Formelements/Info.php b/src/View/Components/Formelements/Info.php
new file mode 100644
index 0000000..55badb3
--- /dev/null
+++ b/src/View/Components/Formelements/Info.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Illuminate\View\Component;
+
+class Info extends Component
+{
+    public $label;
+    public $value;
+    public $comment;
+    public $name = 'nn';
+    public $required = false;
+
+    public function __construct($label, $value, $comment = '')
+    {
+        $this->label = $label;
+        $this->value = $value;
+        $this->comment = $comment;
+    }
+
+    public function render()
+    {
+        return view('components.admin.formelements.info');
+    }
+}
diff --git a/src/View/Components/Formelements/Radiobuttons.php b/src/View/Components/Formelements/Radiobuttons.php
new file mode 100644
index 0000000..72c8faa
--- /dev/null
+++ b/src/View/Components/Formelements/Radiobuttons.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Radiobuttons extends Component
+{
+    const TEMPLATE = 'radiobuttons';
+
+    public $options;
+    public $inline;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        bool $inline = false,
+
+        $options = null,
+        $source = null
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, $value, $disabled);
+        $this->inline = (bool) $inline;
+        $this->options = $options ?? $this->getOptionsFromSource($source);
+    }
+}
diff --git a/src/View/Components/Formelements/Select.php b/src/View/Components/Formelements/Select.php
new file mode 100644
index 0000000..ebec895
--- /dev/null
+++ b/src/View/Components/Formelements/Select.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Select extends Component
+{
+    const TEMPLATE = 'select';
+
+    public $options;
+    public $allowNullOption;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        array $options,
+        bool $allowNullOption = false
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, $value, $disabled);
+        $this->options = $options;
+        $this->allowNullOption = ($allowNullOption) ? true : false;
+    }
+}
diff --git a/src/View/Components/Formelements/SelectWithSearchBox.php b/src/View/Components/Formelements/SelectWithSearchBox.php
new file mode 100644
index 0000000..3daa9ae
--- /dev/null
+++ b/src/View/Components/Formelements/SelectWithSearchBox.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class SelectWithSearchBox extends Component
+{
+    const TEMPLATE = 'selectsearchbox';
+
+    public $options;
+    public $allowNullOption;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        array $options,
+        bool $allowNullOption = false
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, $value, $disabled);
+        $this->options = $options;
+        $this->allowNullOption = ($allowNullOption) ? true : false;
+    }
+}
diff --git a/src/View/Components/Formelements/TagSelect.php b/src/View/Components/Formelements/TagSelect.php
new file mode 100644
index 0000000..6b24b66
--- /dev/null
+++ b/src/View/Components/Formelements/TagSelect.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class TagSelect extends Component
+{
+    const TEMPLATE = 'tagselect';
+
+    public $options;
+    public $inline;
+    public $allowNullOption;
+    public $values;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        array $values = null,
+        bool $inline = false,
+        bool $allowNullOption = false,
+
+        $options = null,
+        $source = null
+    ) {
+        parent::__construct($name, $label, null, $id, $comment, $required, $size, $disabled);
+
+        if ($this->model !== null) {
+            $this->values = $this->model->$name->pluck('id')->toArray();
+        } else {
+            $this->values = is_array($values) ? $values : [$values];
+        }
+
+        $this->inline = (bool) $inline;
+        $this->allowNullOption = ($allowNullOption) ? true : false;
+        $this->options = $options ?? $this->getOptionsFromSource($source);
+    }
+}
diff --git a/src/View/Components/Formelements/Text.php b/src/View/Components/Formelements/Text.php
new file mode 100644
index 0000000..8dbc86f
--- /dev/null
+++ b/src/View/Components/Formelements/Text.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Text extends Component
+{
+    const TEMPLATE = 'text';
+    public string $type;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $placeholder = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        string $type = null
+    ) {
+        parent::__construct($name, $label, $placeholder, $id, $comment, $required, $size, $value, $disabled);
+
+        $this->type = $type ?? 'text';
+    }
+}
diff --git a/src/View/Components/Formelements/Textarea.php b/src/View/Components/Formelements/Textarea.php
new file mode 100644
index 0000000..d792b0f
--- /dev/null
+++ b/src/View/Components/Formelements/Textarea.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components\Formelements;
+
+use Ndeblauw\BlueAdmin\View\Components\Component;
+
+class Textarea extends Component
+{
+    const TEMPLATE = 'textarea';
+    public bool $rte;
+    public int $rows;
+
+    public function __construct(
+        string $name,
+        string $label = null,
+        string $placeholder = null,
+        string $comment = null,
+        string $id = null,
+        bool $required = false,
+        bool $disabled = false,
+        string $size = null,
+        string $value = null,
+        int $rows = 6,
+        bool $rte = false
+    ) {
+        parent::__construct($name, $label, $placeholder, $id, $comment, $required, $size, $value, $disabled);
+
+        $this->rows = $rows;
+        $this->rte = $rte;
+    }
+}
diff --git a/src/View/Components/HandlesBoundModel.php b/src/View/Components/HandlesBoundModel.php
new file mode 100644
index 0000000..3307c6b
--- /dev/null
+++ b/src/View/Components/HandlesBoundModel.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace Ndeblauw\BlueAdmin\View\Components;
+
+use Ndeblauw\BlueAdmin\FormDataBinder;
+
+trait HandlesBoundModel
+{
+    /*
+     *  Idea from https://github.com/protonemedia/laravel-form-components
+     */
+
+    /**
+     * Get an instance of FormDataBinder.
+     * @return FormDataBinder
+     */
+    private function getFormDataBinder(): FormDataBinder
+    {
+        return app(FormDataBinder::class);
+    }
+
+    /**
+     * Get the latest bound target.
+     * @return mixed
+     */
+    protected function getBoundTarget()
+    {
+        return $this->getFormDataBinder()->get();
+    }
+
+    /**
+     * Get an item from the latest bound target.
+     * @param mixed $bind
+     * @param string $name
+     * @return mixed
+     */
+    private function getBoundValue($bind = null, string $name)
+    {
+        if ($bind === false) {
+            return null;
+        }
+
+        $bind = $bind ?: $this->getBoundTarget();
+
+        return data_get($bind, $name);
+    }
+}
diff --git a/src/routes.php b/src/routes.php
new file mode 100644
index 0000000..bda71cd
--- /dev/null
+++ b/src/routes.php
@@ -0,0 +1,17 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+
+Route::middleware('web')->group( function() {
+    // Filepond routes
+    Route::prefix('blueadmin/filepond')->group(function () {
+        Route::post('/', [Ndeblauw\BlueAdmin\Http\Controllers\FilepondController::class, 'upload'])->name('filepond.upload');
+        Route::delete('/', [Ndeblauw\BlueAdmin\Http\Controllers\FilepondController::class, 'delete'])->name('filepond.delete');
+    });
+
+    // Login as routes
+    Route::get('admin/login-as/stop', [Ndeblauw\BlueAdmin\Http\Controllers\UserLoginAsController::class, 'stopLoginAs'])->name('stoploginas');
+    Route::get('admin/login-as/{user}', [Ndeblauw\BlueAdmin\Http\Controllers\UserLoginAsController::class, 'loginAs'])/*->middleware('isadmin')*/->name('loginas');
+
+});
+