@extends('layouts.mainlayout')
@section('title', 'Notification')
@section('main')
    <!-- Form validation -->
    <div class="card">
        <div class="card-header header-elements-inline">
            {{-- <h5 class="card-title icon-vcard font-weight-bold">@if(isset($role)) {{ 'Edit Role' }} --}}
            {{-- @else {{ 'Create Role' }}@endif</h5> --}}
        </div>
        <div class="card-body">
            @if(isset($notifications))
            <form class="form-validate-jquery" action="{{ route('notification.update',$notifications->id) }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="_method" value="PATCH"/>
                @else
                <form class="form-validate-jquery" action="{{ route('notification.store') }}" method="POST" enctype="multipart/form-data">
                @endif
                @csrf
                <fieldset class="mb-3">
                    <legend class="text-uppercase font-size-sm font-weight-bold">Notification List</legend>
                    <!-- Basic text input -->
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3">@if(isset($notifications)) {{ 'Edit List Name' }}
                        @else {{ 'List Name' }}@endif<span class="text-danger"></span></label>
                        <div class="col-lg-9">
                            <input type="text" name="notification" class="form-control required @error('notification') is-invalid @enderror"
                             @if(isset($notifications)) value="{{$notifications->notification}}" autofocus @endif />
                            @error('notification')
                            <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <!-- /basic text input -->
                </fieldset>
                <div class="form-group row" >
                    <label class="col-form-label col-lg-3">Users:</label>
                    <div class="col-lg-9">
                        <select name="user_id[]" class="form-control select-multiple-drag required @error('user_id') is-invalid @enderror" multiple="multiple">
                            @if(isset($users))
                            @foreach ($users as $user)
                                <option  value="{{$user->id}}"
                                    @if(isset($usersArr))
                                    @foreach($usersArr as $usersSelect)
                                    @if ( $usersSelect->id == $user->id){{ 'selected="selected"' }} @endif @endforeach @endif>
                                    {{ $user->name }} {{ $user->lastName }}
                                </option>
                            @endforeach
                            @else
                            <option></option>
                                @foreach ($users as $user)
                                    <option  value="{{$user->id}}">{{ $user->name }}</option>
                                @endforeach
                                @endif
                        </select>
                        @error('user_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                
                <div class="d-flex justify-content-end align-items-center">
                    <button type="submit" class="btn btn-primary ml-3">@if(isset($notifications)) {{ 'Update' }}
                    @else {{ 'Save' }} @endif<i class="icon-paperplane ml-2"></i></button>
                    <a class="btn btn-default btn-close btn-danger ml-3" href="{{ route('notification.index') }}">Cancel</a>
                </div>
            </form>
        </div>
    </div>
    <!-- /form validation -->
@endsection
@section('js')


<script>
    // $(document).ready(function () {
    //     $(".alert").click(function() {
    //         var value = $('.userName').val();
    //         console.log(value);
    //         return false;
    //     }); 
    // });
    // </script>
@endsection