@extends('backend.layouts.layout-2')


@section('page-title', trans('app.notificationslbl'))
@section('page-heading', trans('app.notificationslbl'))

@section('styles')
    @parent
    <link rel="stylesheet" href="{{ mix('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/select2/select2.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
@endsection

@section('scripts')
    @parent
    <!-- Dependencies -->
    <script src="{{ mix('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ mix('/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ mix('/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script>
    <script>
        $(function () {
            $('.selectpicker').selectpicker();
        });
        $(document).ready(function() {
            $('.select2-multiple').select2();
        });
    </script>
@endsection

@section('content')
    <div class="row">
        <div class="col-6">
           <div class="card mb-4">
                <div class="card-body">
                    <h5 class="mb-4">