@if (session('message'))
        <div class="px-4 my-2">
            <div class="alert alert-success" role="alert">
                {!! session('message') !!}
            </div>
        </div>
    @endif
    @if (session('error'))
        <div class="px-4 my-2">
            <div class="mr-4 alert alert-danger" role="alert">
                {!! session('error') !!}
            </div>
        </div>
    @endif

     
    <form id="formAuthor"  name="formAuthor">    
    <div class="m-2 p-2 mw-100">
    
        <div class="form-row "> 
            <div class="form-group d-flex justify-content-end m-2">
                <span class="flex-grow-1"><h3>{{ __('applabels.Author') }}</h3></span>
                <button type="button" class="m-2 btn btn-primary" id="submit" onclick="saveForm()"  ><b>{{ __('applabels.Save') }}</b></button>
                <button type="button" class="m-2 btn btn-danger" onclick="blockUser({{  $author->blocked  }})"><b>{{ __('applabels.Block') }}</b></button>            
            </div>
        </div> 

        <div class="form-row d-flex  mb-2">

            <div class="form-group  me-auto">
           
                <label for="id" class="form-label text-nowrap"><b>{{ __('applabels.SocialMedia') }}</b>  <i class="fa-brands fa-{{ isset($author->social_media) ? strtolower($author->social_media->name) : '' }}"></i></b> </label>
                <input type="hidden" name="id" class="form-control" id="id" value="{{ isset($author->id) ? $author->id : null }}" />
                <i class="fa-solid fa-xl fa-{{ $author->blocked ? 'lock' : 'lock-open' }}"></i>
                <input type="hidden" name="blocked" class="form-control" id="blocked" value="{{  $author->blocked  }}" />
                <input type="hidden" name="social_media_id" class="form-control" id="social_media_id" value="{{ isset($author->social_media) ? $author->social_media->id : null }}" />
            </div>   
            <div class="form-group ml-auto">
                <label class="form-label-sm"><b>{{ __('applabels.ID') }}</b>
                <input name="api_author_id" class="form-control-sm form-control" id="api_author_id" value="{{ isset($author['api_author_id']) ? $author['api_author_id'] : '' }}" readonly/>
            </div>
        </div>
        <div class="form-row d-flex">
            <div class="form-group flex-fill me-2">
                <label class="form-label"><b>{{ __('applabels.AuthorName') }}</b> </label>
                <input name="name" class="form-control-sm form-control" id="name" value="{{ isset($author['name']) ? $author['name'] : '--' }}" readonly/>
            </div>
          
           
            <div class="form-group flex-fil">
                <label class="form-label"><b>{{ __('applabels.Email') }}</b> </label>
                <input name="email" class="form-control-sm form-control" id="email" value="{{ isset($author['email']) ? $author['email'] : '--' }}" readonly/>
            </div>
           
        </div>
   
    
        <div class="form-row d-flex">     <hr class="flex-fill mb-1"> </div>
        <div class="form-row  d-flex">    
            
            <div class=" form-group col-md-4 flex-column">
                <label class="form-label"><b>{{ __('applabels.SocialMedia') }}</b></label>
                
                    @foreach($statusReasonsFlag as $statusReason )
                    <div class="p-8 bd-highlight"><input type="checkbox" class="checkboxClass" name="statusFlagReason[]"  id="SM_{{ $statusReason->id }}" {{ $author->block_statuses->contains($statusReason) ? 'checked' : '' }} value="{{ $statusReason->id }}" >
                    <label class="form-control-sm p-0 m-0" for="SM_{{ $statusReason->id }}"> {{ $statusReason->description }} </label></div>
                    @endforeach
                

            </div>
            <div class="form-group col-md-4">
                    <label class="form-label"><b> {{ __('applabels.Notifications') }} </b> <span class="text-danger">*</span></label><br/>
                    
                    @foreach($statusReasonsNotif as $statusReason )
                    <div class="p-8 bd-highlight"><input type="checkbox" class="checkboxClass" name="statusFlagReason[]"   id="SM_{{ $statusReason->id }}" {{ $author->block_statuses->contains($statusReason) ? 'checked' : '' }} value="{{ $statusReason->id }}" >
                    <label class="form-control-sm p-0 m-0" for="SM_{{ $statusReason->id }}"> {{ $statusReason->description }} </label></div>
                    @endforeach
            </div>
           
            <div class=" form-group col-md-4 flex-column">
                <label class="form-label"><b>{{ __('applabels.Blocking') }}</b></label>
                
                    @foreach($statusReasonsBlock as $statusReason )
                    <div class="p-8 bd-highlight"><input type="checkbox" class="checkboxClass" name="statusBlockReason[]"  id="SM_{{ $statusReason->id }}" {{ $author->block_statuses->contains($statusReason) ? 'checked' : '' }} value="{{ $statusReason->id }}" >
                    <label class="form-control-sm p-0 m-0" for="SM_{{ $statusReason->id }}"> {{ $statusReason->description }} </label></div>
                    @endforeach
                

            </div>
            
        </div>
     
    </div>
</form>