@extends('store.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>


<div class="border-item">
    @if(!($notification ?? ''  && $notification->id))
   <!-- <div class="noti_search_box mb-4">-->
   <!--   <input type="text" class="search-input" onkeyup="selectuser(this)" id="search" placeholder=" بحث">-->
   <!--   <button class="search-button" onclick="selectuserclick(this)">-->
   <!--     <i class="fas fa-search"></i>-->
   <!--   </button>-->
   <!--</div>-->
   @endif
    <form class="form-row"   method="post" action="{{$action}}" enctype="multipart/form-data">
      @if($notification ?? ''  && $notification->id)
            @method('PUT')
        @endif
        @csrf
     @if($notification ?? ''  && $notification->id)
      @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ meta('title', $language->local) ?? __('notifications.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('notifications.title') }}" value='{{ old("title_{$language->local}", $notification[$language->local]->title ?? "") }}'/>
        </div>

        <div class="form-group col-lg-12">
            <label>{{ meta('description', $language->local) ?? __('notifications.description')}} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <textarea name="description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description', $language->local) ?? __('notifications.description')}}">{{ old("description_{$language->local}", $notification[$language->local]->description ?? "") }}</textarea>
        </div>

        @endforeach
     @else
       <div class="form-group col-lg-12">
            <div class="custom-control custom-checkbox d-block">
                <input type="checkbox" class="custom-control-input checkbox" onclick="selectalldata(this)" id="notifications_check" name="selecctall" >
                <label class="custom-control-label" for="notifications_check"><h5>{{__('notifications.all')}}</h5></label>
            </div>
           <div class="companies_checkbox row">
                    @foreach($users as $row)
                    <div class="col-3 checkboxes" id="companies{{$row->id}}">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input checkbox" id="{{$row->id}}"  name="user_id[]" value="{{$row->id}}" >
                            <label class="custom-control-label" for="{{$row->id}}">{{$row->name}}</label>
                        </div>
                    </div>
                    @endforeach
                </div>
       </div>
       <div class="side-title col-lg-12 mt-4">
            <h3>تفاصيل الرسالة</h3>
        </div>
        @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ meta('title', $language->local) ?? __('notifications.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('notifications.title') }}" value='{{ old("title_{$language->local}", $notification[$language->local]->title ?? "") }}'/>
        </div>

        <div class="form-group col-lg-12">
            <label>{{ meta('description', $language->local) ?? __('notifications.description')}} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <textarea name="description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description', $language->local) ?? __('notifications.description')}}">{{ old("description_{$language->local}", $notification[$language->local]->description ?? "") }}</textarea>
        </div>

        @endforeach

     @endif 
    


        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>


@endsection

@section('inner_js')

<script>
function selectuser(elem){
    let data = $('#search').val();
    if(data == ''){
        $( ".checkboxes" ).each(function() {
  $( this ).css('display','block');
});
    }
    else{
        
             $('.checkboxes').each(function () { 
  $( this ).css('display','none');
});

    
    $.ajax({
          url : url_lisence+'/'+data,
          type : 'GET',
          data : 'nothing',
          dataType : 'json',
         
          success:function(data)
          {
             
           $.each( data, function( key, value ) {
                let dataval = 'companies'+value;
                
  $( "#"+dataval ).css('display','block');
});
          }
        })
       
    }
}
function selectuserclick(elem){
       let data = $(elem).val();
    if(data == ''){
        $( ".checkboxes" ).each(function() {
  $( this ).css('display','block');
});
    }
    else{
        
             $('.checkboxes').each(function () { 
  $( this ).css('display','none');
});

    
    $.ajax({
          url : url_lisence+'/'+data,
          type : 'GET',
          data : 'nothing',
          dataType : 'json',
         
          success:function(data)
          {
             
           $.each( data, function( key, value ) {
                let dataval = 'companies'+value;
                
  $( "#"+dataval ).css('display','block');
});
          }
        })
       
    }
}
  function selectalldata(elem){
      
        if (elem.checked) {
            $('.checkbox').each(function () { //loop through each checkbox
                $(this).prop('checked', true); //check 
            });
        } else {
            $('.checkbox').each(function () { //loop through each checkbox
                $(this).prop('checked', false); //uncheck              
            });
        }
    
}
    </script>
   <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
   
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            url_lisence = {!! json_encode(url(getCurrentLocale().'/admin/usersdata/')) !!},
            url_type = {!! json_encode(url(getCurrentLocale().'/admin/type/')) !!},
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
    <script src="{{ asset('assets/admin/js/areas.js') }}"></script>
@endsection