From 574b4e60b87008904797c9046f7821f0e3613bdb Mon Sep 17 00:00:00 2001
From: Marijn van der Horst <marijn@topixx.nl>
Date: Sun, 24 Nov 2019 19:54:00 +0100
Subject: [PATCH] Added beheer front-end to manage intro packages.

# Conflicts:
#	app/Repositories/IntroPackageRepository.php
#	package-lock.json
#	package.json
#	resources/lang/nl/menu.php
#	routes/web.php
#	webpack.mix.js
---
 .../Controllers/IntroPackageController.php    | 155 ++++++++++++++++++
 app/IntroPackage.php                          |  28 ++++
 app/Repositories/IntroPackageRepository.php   |  65 ++++++++
 app/Repositories/RepositorieFactory.php       |   2 +
 ..._24_132959_create_intro_packages_table.php |  39 +++++
 package-lock.json                             |  18 ++
 package.json                                  |   1 +
 resources/lang/en/intro.php                   |  13 ++
 resources/lang/nl/intro.php                   |  13 ++
 resources/lang/nl/menu.php                    |   2 +
 .../intro/packages/create_edit.blade.php      | 111 +++++++++++++
 .../beheer/intro/packages/index.blade.php     |  66 ++++++++
 .../beheer/intro/packages/show.blade.php      |  82 +++++++++
 resources/views/layouts/beheer.blade.php      |  12 +-
 routes/web.php                                |   5 +
 webpack.mix.js                                |   4 +-
 16 files changed, 614 insertions(+), 2 deletions(-)
 create mode 100644 app/Http/Controllers/IntroPackageController.php
 create mode 100644 app/IntroPackage.php
 create mode 100644 app/Repositories/IntroPackageRepository.php
 create mode 100644 database/migrations/2019_11_24_132959_create_intro_packages_table.php
 create mode 100644 resources/lang/en/intro.php
 create mode 100644 resources/lang/nl/intro.php
 create mode 100644 resources/views/beheer/intro/packages/create_edit.blade.php
 create mode 100644 resources/views/beheer/intro/packages/index.blade.php
 create mode 100644 resources/views/beheer/intro/packages/show.blade.php

diff --git a/app/Http/Controllers/IntroPackageController.php b/app/Http/Controllers/IntroPackageController.php
new file mode 100644
index 00000000..0912b2c4
--- /dev/null
+++ b/app/Http/Controllers/IntroPackageController.php
@@ -0,0 +1,155 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\IntroPackage;
+use App\repositories\RepositorieFactory;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Validation\ValidationException as ValidationExceptionAlias;
+
+class IntroPackageController extends Controller
+{
+    private $_introPackageRepository;
+    private $_applicationFormRepository;
+
+
+    /**
+     * IntroPackageController constructor.
+     */
+    public function __construct(RepositorieFactory $repositoryFactory)
+    {
+        $this->_introPackageRepository = $repositoryFactory->getRepositorie(RepositorieFactory::$INTROPACKAGEREPOKEY);
+        $this->_applicationFormRepository = $repositoryFactory->getRepositorie(RepositorieFactory::$APPLICATIONFORMREPOKEY);
+
+        $this->middleware('auth');
+        $this->middleware('authorize:'
+            . \Config::get('constants.Content_administrator') .','
+            . \Config::get('constants.Activity_administrator')
+        );
+    }
+
+    /**
+     * Validate request input
+     *
+     * @param Request $request
+     * @throws ValidationExceptionAlias
+     */
+    private function validateInput(Request $request){
+        $this->validate($request, [
+            'NL_text' => 'required',
+            'EN_text' => 'required',
+            'deadline' => 'required|date',
+            'application_form_id' => 'required|integer',
+        ]);
+    }
+
+    /**
+     * Display a listing of intro packages.
+     *
+     * @return Response
+     */
+    public function index()
+    {
+        $packages = $this->_introPackageRepository->all();
+
+        return view('beheer.intro.packages.index', [
+            'packages' => $packages,
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new intro package.
+     *
+     * @return Response
+     */
+    public function create()
+    {
+        $applicationForms = $this->_applicationFormRepository->all(array("name","id"));
+
+        return view('beheer.intro.packages.create_edit', [
+            'package' => null,
+            'applicationForms' => $applicationForms,
+        ]);
+    }
+
+    /**
+     * Store a newly created intro package in storage.
+     *
+     * @param Request $request
+     * @return Response
+     * @throws ValidationExceptionAlias
+     */
+    public function store(Request $request)
+    {
+        $this->validateInput($request);
+        $this->_introPackageRepository->create($request->all());
+
+        Session::flash("message", trans('intro.packageAdded'));
+
+        return redirect()->route('beheer.intro.packages.index');
+    }
+
+    /**
+     * Display the specified intro package.
+     *
+     * @param IntroPackage $package
+     * @return Response
+     */
+    public function show(IntroPackage $package)
+    {
+        return view('beheer.intro.packages.show', [
+            'package' => $package,
+        ]);
+    }
+
+    /**
+     * Show the form for editing the specified intro package.
+     *
+     * @param IntroPackage $package
+     * @return Response
+     */
+    public function edit(IntroPackage $package)
+    {
+        $applicationForms = $this->_applicationFormRepository->all(array("name","id"));
+
+        return view('beheer.intro.packages.create_edit', [
+            'package' => $package,
+            'applicationForms' => $applicationForms,
+        ]);
+    }
+
+    /**
+     * Update the specified intro package in storage.
+     *
+     * @param Request $request
+     * @param IntroPackage $package
+     * @return Response
+     * @throws ValidationExceptionAlias
+     */
+    public function update(Request $request, IntroPackage $package)
+    {
+        $this->validateInput($request);
+        $this->_introPackageRepository->update($package->id, $request->all());
+
+        Session::flash("message", trans('intro.packageEdited'));
+
+        return redirect()->route('beheer.intro.packages.index');
+    }
+
+    /**
+     * Remove the specified intro package from storage.
+     *
+     * @param IntroPackage $package
+     * @return Response
+     */
+    public function destroy(IntroPackage $package)
+    {
+        $this->_introPackageRepository->delete($package->id);
+
+        Session::flash("message", trans('intro.packageDeleted'));
+
+        return redirect()->route('beheer.intro.packages.index');
+    }
+}
diff --git a/app/IntroPackage.php b/app/IntroPackage.php
new file mode 100644
index 00000000..829576d4
--- /dev/null
+++ b/app/IntroPackage.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class IntroPackage extends Model
+{
+    protected $casts = [
+        'deadline' => 'date',
+    ];
+
+    protected $fillable = [
+        'name',
+        'deadline',
+        'application_form_id',
+    ];
+
+    public function packageName()
+    {
+        return $this->hasOne(Text::class, 'id', 'name');
+    }
+
+    public function applicationForm()
+    {
+        return $this->belongsTo(ApplicationForm::class);
+    }
+}
diff --git a/app/Repositories/IntroPackageRepository.php b/app/Repositories/IntroPackageRepository.php
new file mode 100644
index 00000000..90ccf8e2
--- /dev/null
+++ b/app/Repositories/IntroPackageRepository.php
@@ -0,0 +1,65 @@
+<?php
+
+namespace App\repositories;
+
+
+use App\IntroPackage;
+use Carbon\Carbon;
+
+class IntroPackageRepository implements IRepository
+{
+    private $_textRepository;
+
+    public function __construct(TextRepository $textRepository)
+    {
+        $this->_textRepository = $textRepository;
+    }
+
+    public function create(array $data)
+    {
+        $text = $this->_textRepository->create($data);
+
+        $data['deadline'] = Carbon::createFromFormat('d-m-Y', $data['deadline']);
+
+        $package = new IntroPackage($data);
+        $package->name = $text->id;
+        $package->save();
+
+        return $package;
+    }
+
+    public function update($id, array $data)
+    {
+        $package = $this->find($id);
+
+        $data['deadline'] = Carbon::createFromFormat('d-m-Y', $data['deadline']);
+
+        $package->update($data);
+        $this->_textRepository->update($package->name, $data);
+
+        return $package;
+    }
+
+    public function delete($id)
+    {
+        $package = $this->find($id);
+        $package->delete();
+        $this->_textRepository->delete($package->name);
+
+    }
+
+    public function find($id, $columns = array('*'))
+    {
+        return $this->findBy('id', $id, $columns)->first();
+    }
+
+    public function findBy($field, $value, $columns = array('*'))
+    {
+        return IntroPackage::where($field, '=', $value)->get($columns);
+    }
+
+    public function all($columns = array('*'))
+    {
+        return IntroPackage::all($columns);
+    }
+}
diff --git a/app/Repositories/RepositorieFactory.php b/app/Repositories/RepositorieFactory.php
index ab7b3f8c..c81088a0 100644
--- a/app/Repositories/RepositorieFactory.php
+++ b/app/Repositories/RepositorieFactory.php
@@ -27,6 +27,7 @@ class RepositorieFactory{
     public static $BOOKREPOKEY = "BookRepository";
     public static $PHOTOALBUMREPOKEY = "PhotoAlbum";
     public static $PHOTOREPOKEY = "Photo";
+    public static $INTROPACKAGEREPOKEY = "IntroPackage";
 
 
     public function __construct() {
@@ -45,6 +46,7 @@ public function __construct() {
             RepositorieFactory::$BOOKREPOKEY => new BookRepository($textRepository), 
             RepositorieFactory::$PHOTOALBUMREPOKEY => new PhotoAlbumRepository(),
             RepositorieFactory::$PHOTOREPOKEY => new PhotoRepository(),
+            RepositorieFactory::$INTROPACKAGEREPOKEY => new IntroPackageRepository($textRepository),
         ];
     }
 
diff --git a/database/migrations/2019_11_24_132959_create_intro_packages_table.php b/database/migrations/2019_11_24_132959_create_intro_packages_table.php
new file mode 100644
index 00000000..f2f7e37c
--- /dev/null
+++ b/database/migrations/2019_11_24_132959_create_intro_packages_table.php
@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateIntroPackagesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('intro_packages', function (Blueprint $table) {
+            $table->increments('id');
+
+            $table->integer('name')->unsigned();
+            $table->date('deadline');
+            $table->integer('application_form_id')->unsigned();
+
+            $table->timestamps();
+
+            $table->foreign('name')->references('id')->on('texts');
+            $table->foreign('application_form_id')->references('id')->on('application_forms');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('intro_packages');
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index b7e8b532..44866337 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "axios": "^0.27.2",
         "blueimp-load-image": "5.16.0",
         "bootstrap": "^4.4.1",
+        "bootstrap-select": "^1.13.12",
         "browser-sync": "^2.27.10",
         "browser-sync-webpack-plugin": "^2.3.0",
         "datatables.net": "^1.12.1",
@@ -2976,6 +2977,16 @@
         "popper.js": "^1.16.1"
       }
     },
+    "node_modules/bootstrap-select": {
+      "version": "1.13.18",
+      "resolved": "https://registry.npmjs.org/bootstrap-select/-/bootstrap-select-1.13.18.tgz",
+      "integrity": "sha512-V1IzK4rxBq5FrJtkzSH6RmFLFBsjx50byFbfAf8jYyXROWs7ZpprGjdHeoyq2HSsHyjJhMMwjsQhRoYAfxCGow==",
+      "dev": true,
+      "peerDependencies": {
+        "bootstrap": ">=3.0.0",
+        "jquery": "1.9.1 - 3"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -12841,6 +12852,13 @@
       "dev": true,
       "requires": {}
     },
+    "bootstrap-select": {
+      "version": "1.13.18",
+      "resolved": "https://registry.npmjs.org/bootstrap-select/-/bootstrap-select-1.13.18.tgz",
+      "integrity": "sha512-V1IzK4rxBq5FrJtkzSH6RmFLFBsjx50byFbfAf8jYyXROWs7ZpprGjdHeoyq2HSsHyjJhMMwjsQhRoYAfxCGow==",
+      "dev": true,
+      "requires": {}
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
diff --git a/package.json b/package.json
index 80990fcd..dc48f1f5 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "axios": "^0.27.2",
     "blueimp-load-image": "5.16.0",
     "bootstrap": "^4.4.1",
+    "bootstrap-select": "^1.13.12",
     "browser-sync": "^2.27.10",
     "browser-sync-webpack-plugin": "^2.3.0",
     "datatables.net": "^1.12.1",
diff --git a/resources/lang/en/intro.php b/resources/lang/en/intro.php
new file mode 100644
index 00000000..a5e7f30b
--- /dev/null
+++ b/resources/lang/en/intro.php
@@ -0,0 +1,13 @@
+<?php
+
+return [
+    "packageCreate"      => "New introduction package",
+    "packageName"        => "Name",
+    "packageDeadline"    => "Registration deadline",
+    "packageEdit"        => "Edit package",
+    "packageShow"        => "Show package",
+    "packageForm"        => "Registration form",
+    "packageAdded"       => "Introduction package has been created.",
+    "packageEdited"      => "Introduction package has been edited.",
+    "packageDeleted"     => "Introduction package has been removed.",
+];
diff --git a/resources/lang/nl/intro.php b/resources/lang/nl/intro.php
new file mode 100644
index 00000000..dac483bc
--- /dev/null
+++ b/resources/lang/nl/intro.php
@@ -0,0 +1,13 @@
+<?php
+
+return [
+    "packageCreate"      => "Nieuw intro pakket",
+    "packageName"        => "Naam",
+    "packageDeadline"    => "Inschrijf deadline",
+    "packageEdit"        => "Pakket aanpassen",
+    "packageShow"        => "Pakket weergeven",
+    "packageForm"        => "Inchrijfformulier",
+    "packageAdded"       => "Intro pakket is aangemaakt.",
+    "packageEdited"      => "Intro pakket is aangepast.",
+    "packageDeleted"      => "Intro pakket is verwijderd.",
+];
diff --git a/resources/lang/nl/menu.php b/resources/lang/nl/menu.php
index fe28e73d..61d308b6 100644
--- a/resources/lang/nl/menu.php
+++ b/resources/lang/nl/menu.php
@@ -38,4 +38,6 @@
     "become_member" => "Word lid",
     "activities" => "Activiteiten",
     "content" => "Content",
+    "intro" => "Intro",
+    "introPackages" => "Intro pakketten",
 ];
diff --git a/resources/views/beheer/intro/packages/create_edit.blade.php b/resources/views/beheer/intro/packages/create_edit.blade.php
new file mode 100644
index 00000000..d07a1023
--- /dev/null
+++ b/resources/views/beheer/intro/packages/create_edit.blade.php
@@ -0,0 +1,111 @@
+@extends('layouts.beheer')
+
+@push('styles')
+    <link rel="stylesheet" type="text/css" href="{{mix("css/vendor/tempusdominus.css")}}">
+    <link rel="stylesheet" type="text/css" href="{{mix("css/vendor/bootstrap-select.css")}}">
+@endpush
+
+@php
+$create = $package == null;
+@endphp
+
+@section('title')
+{{ $create ? trans('intro.packageCreate') : trans('intro.packageEdit') }}
+@endsection
+
+@section('content')
+    @if(Session::has('message'))
+        <div class="alert alert-success alert-dismissable" role="alert">
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            {{Session::get('message')}}
+        </div>
+    @endif
+    @if ($errors->any())
+        <ul class="alert alert-danger">
+            @foreach ($errors->all() as $error)
+                <li>{{ $error }}</li>
+            @endforeach
+        </ul>
+    @endif
+
+    <div class="card">
+        <div class="card-header">
+            <h3>{{ $create ? trans('intro.packageCreate') : trans('intro.packageEdit') }}</h3>
+        </div>
+        <div class="card-body">
+            {!! Form::open(['method' => $create ? 'POST' : 'PATCH', 'url' => route('beheer.intro.packages.' . ($create ? 'store' : 'update'), $package)]) !!}
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    {!! Form::label('NL_text', trans('intro.packageName') . ' NL') !!}
+                    {!! Form::text('NL_text', $create ? '' : $package->packageName->NL_text, ['class' => 'form-control','required' => 'required']) !!}
+                </div>
+                <div class="form-group col-md-6">
+                    {!! Form::label('EN_text', trans('intro.packageName') . ' EN') !!}
+                    {!! Form::text('EN_text', $create ? '' : $package->packageName->EN_text, ['class' => 'form-control','required' => 'required']) !!}
+                </div>
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    {!! Form::label('startDate', trans('intro.packageDeadline')) !!}
+                    <div class="input-group date" id="deadlineBox" data-target-input="nearest">
+                        <input type='text' class="form-control datetimepicker-input" id="deadline"
+                               name="deadline"
+                               data-target="#deadlineBox"
+                               value="{{ ($create ? \Carbon\Carbon::now() : $package->deadline)->format('d-m-Y') }}" required/>
+                        <div class="input-group-append" data-target="#deadlineBox" data-toggle="datetimepicker">
+                            <div class="input-group-text"><i class="ion-calendar"></i></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group col-md-6">
+                    {!! Form::label('startDate', trans('intro.packageForm')) !!}
+                    <div class="input-group date" id="deadlineBox" data-target-input="nearest">
+                        <select class="selectpicker w-100" id="application-select" data-live-search="true" name="application_form_id">
+                            @foreach($applicationForms as $applicationForm)
+                                <option value="{{ $applicationForm->id }}">
+                                    {{ $applicationForm->applicationFormName->text() }}
+                                </option>
+                            @endforeach
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="my-4">
+        {!! Form::submit(trans('menu.save'), ['class'=> 'btn btn-primary'] ) !!}
+        {!! Form::close() !!}
+        <a class="btn btn-danger btn-close" href="{{ route('beheer.intro.packages.' . ($create ? 'index' : 'show'), $package) }}">{{trans('menu.cancel')}}</a>
+    </div>
+@endsection
+
+@push('scripts')
+<script src="{{mix("js/vendor/datatables.js")}}" type="text/javascript"></script>
+<script src="{{mix("js/vendor/moment.js")}}" type="text/javascript"></script>
+<script src="{{mix("js/vendor/tempusdominus.js")}}" type="text/javascript"></script>
+<script src="{{mix("js/vendor/bootstrap-select.js")}}" type="text/javascript"></script>
+<script>
+    $('#deadlineBox').datetimepicker({
+        locale: 'nl',
+        format: 'L',
+        icons: {
+            time: 'ion-clock',
+            date: 'ion-calendar',
+            up: 'ion-android-arrow-up',
+            down: 'ion-android-arrow-down',
+            previous: 'ion-chevron-left',
+            next: 'ion-chevron-right',
+            today: 'ion-calendar',
+            clear: 'ion-trash-a',
+            close: 'ion-close'
+        }
+    });
+
+    $(document).ready(function() {
+        //$.fn.selectpicker.Constructor.BootstrapVersion = '4';
+        $('#deadlineBox').datetimepicker();
+        $('#application-select').selectpicker();
+    });
+</script>
+@endpush
diff --git a/resources/views/beheer/intro/packages/index.blade.php b/resources/views/beheer/intro/packages/index.blade.php
new file mode 100644
index 00000000..ffc4e9f7
--- /dev/null
+++ b/resources/views/beheer/intro/packages/index.blade.php
@@ -0,0 +1,66 @@
+@extends('layouts.beheer')
+
+@section('title')
+{{ trans("menu.introPackages") }}
+@endsection
+
+@section('content')
+    @if(Session::has('message'))
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            {{ Session::get('message') }}
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+    @endif
+
+    <div class="row mb-3">
+        <div class="col-md-6">
+            <h1>{{ trans("menu.introPackages") }}</h1>
+        </div>
+
+        <div class="col-md-6">
+            <div class="btn-group mt-2 float-md-right" role="group" aria-label="Actions">
+                <a href="{{ route('beheer.intro.packages.create') }}" class="btn btn-primary">
+                    <span title="{{ trans("intro.packageCreate") }}" class="ion-plus" aria-hidden="true"></span>
+                    {{ trans("intro.packageCreate") }}
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <table class="table table-striped w-100" id="packages_table">
+        <thead>
+        <tr>
+            <td>
+                <strong>{{trans('intro.packageName')}}</strong>
+            </td>
+            <td>
+                <strong>{{trans('intro.packageDeadline')}}</strong>
+            </td>
+            <td>
+                <strong>{{trans('menu.action')}}</strong>
+            </td>
+        </tr>
+        </thead>
+        <tbody>
+        @foreach ($packages as $package)
+            <tr>
+                <td>{{ $package->packageName->text() }}</td>
+                <td>{{ $package->deadline->format('d-m-Y') }}</td>
+                <td>
+                    <a href="{{ route('beheer.intro.packages.edit', $package) }}"><span title="{{trans('intro.packageEdit')}}" class="ion-edit" aria-hidden="true"></span></a>
+                    <a href="{{ route('beheer.intro.packages.show', $package) }}"><span title="{{trans("intro.packageShow")}}" class="ion-eye" aria-hidden="true"></span></a>
+                </td>
+            </tr>
+        @endforeach
+        </tbody>
+    </table>
+@endsection
+
+@push('scripts')
+<script src="{{mix("js/vendor/datatables.js")}}" type="text/javascript"></script>
+<script>
+    $('#registrations_table').DataTable();
+</script>
+@endpush
diff --git a/resources/views/beheer/intro/packages/show.blade.php b/resources/views/beheer/intro/packages/show.blade.php
new file mode 100644
index 00000000..e34e73bf
--- /dev/null
+++ b/resources/views/beheer/intro/packages/show.blade.php
@@ -0,0 +1,82 @@
+@extends('layouts.beheer')
+
+@section('title')
+{{ trans("menu.introPackages") }}
+@endsection
+
+@section('content')
+    @if(Session::has('message'))
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            {{ Session::get('message') }}
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+    @endif
+
+    <div class="row mb-3">
+        <div class="col-md-6">
+            <h1>{{trans("menu.introPackages")}}</h1>
+        </div>
+
+        <div class="col-md-6">
+            <div class="btn-group mt-2 float-md-right" role="group" aria-label="Actions">
+                <a href="{{ route('beheer.intro.packages.edit', $package) }}" class="btn btn-primary">
+                    <em class="ion-edit"></em> {{trans("menu.edit")}}
+                </a>
+                <a href="{{ route('beheer.intro.packages.index') }}" class="btn btn-block btn-primary">
+                    <em class="ion-android-arrow-back"></em> {{trans("menu.back")}}
+                </a>
+                {{ Form::open(array('url' => route('beheer.intro.packages.destroy', $package), 'method' => 'delete')) }}
+                <button type="submit" class="btn btn-danger"><em class="ion-trash-a"></em> {{trans('menu.delete')}}</button>
+                {{ Form::close() }}
+            </div>
+        </div>
+    </div>
+    <div class="card mt-4">
+        <div class="card-header">
+            <h3>{{ trans("menu.introPackages") }}</h3>
+        </div>
+        <div class="card-body">
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <b>@lang('intro.packageName') NL</b>
+                </div>
+                <div class="form-group col-md-6">
+                    <b>@lang('intro.packageName') EN</b>
+                </div>
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    {{ $package->packageName->NL_text }}
+                </div>
+                <div class="form-group col-md-6">
+                    {{ $package->packageName->EN_text }}
+                </div>
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <b>@lang('intro.packageDeadline')</b>
+                </div>
+                <div class="form-group col-md-6">
+                    <b>@lang('intro.packageForm')</b>
+                </div>
+            </div>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    {{ $package->deadline->format('d-m-Y') }}
+                </div>
+                <div class="form-group col-md-6">
+                    {{ $package->applicationForm->applicationFormName->text() }}
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
+
+@push('scripts')
+<script src="{{mix("js/vendor/datatables.js")}}" type="text/javascript"></script>
+<script>
+</script>
+@endpush
diff --git a/resources/views/layouts/beheer.blade.php b/resources/views/layouts/beheer.blade.php
index b1506918..95e01aaa 100644
--- a/resources/views/layouts/beheer.blade.php
+++ b/resources/views/layouts/beheer.blade.php
@@ -84,6 +84,16 @@
                                 </div>
                             </li>
                         @endif
+                        @if(\Illuminate\Support\Facades\Auth::user()->hasRole(Config::get('constants.Content_administrator'),Config::get('constants.Activity_administrator')))
+                            <li class="nav-item dropdown">
+                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    {{trans("menu.intro")}}
+                                </a>
+                                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                    <a class="dropdown-item" href="{{ route('beheer.intro.packages.index') }}">{{trans("menu.introPackages")}}</a>
+                                </div>
+                            </li>
+                        @endif
                         @if(\Illuminate\Support\Facades\Auth::user()->hasRole(Config::get('constants.Content_administrator')))
                             <li class="nav-item dropdown">
                                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -170,4 +180,4 @@ function handleSNBlur (e) {
         $contentEn.summernote(summernoteSettings).on('summernote.blur.codeview', handleSNBlur);
     });
 </script>
-@endpush
\ No newline at end of file
+@endpush
diff --git a/routes/web.php b/routes/web.php
index 956c2359..54639d4f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -106,3 +106,8 @@
 Route::get('/beheer/settings','SettingsController@index');
 Route::put('/beheer/settings','SettingsController@update');
 Route::get('/beheer/settings/edit','SettingsController@edit');
+
+// intro routes
+Route::resource('beheer/intro/packages', 'IntroPackageController', [
+    'names' => 'beheer.intro.packages',
+]);
diff --git a/webpack.mix.js b/webpack.mix.js
index f7b37de9..e6087f06 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -35,8 +35,10 @@ mix.js('resources/assets/js/app.js', 'public/js')
    .copyDirectory("resources/assets/img", "public/img");
 
 // Management
-mix.combine("node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.js", "public/js/vendor/tempusdominus.js")
+mix.combine("node_modules/bootstrap-select/dist/js/bootstrap-select.min.js", "public/js/vendor/bootstrap-select.js")
+   .combine("node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.js", "public/js/vendor/tempusdominus.js")
    .combine("node_modules/summernote/dist/summernote-bs4.js", "public/js/vendor/summernote.js")
+   .combine("node_modules/bootstrap-select/dist/css/bootstrap-select.css", "public/css/vendor/bootstrap-select.css")
    .combine("node_modules/summernote/dist/summernote-bs4.css", "public/css/vendor/summernote.css")
    .combine("node_modules/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.css", "public/css/vendor/tempusdominus.css")
    .copyDirectory("node_modules/summernote/dist/font", "public/css/vendor/font");