@extends('admin.layouts.container')

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


<div class="border-item">
    <form class="form-row"   method="post" action="{{$action}}" enctype="multipart/form-data">
        
       
        @csrf
     <div id="messages"class="form-group col-lg-12" style="display:none">
         <p class="alert 'alert-class alert-success">{{ __('web.success') }}</p>
     </div>
    
       <div class="form-group col-lg-6">
           <select id="member" name="type" onchange="typechange(this)" class="form-control">
               <option value="all">{{__('dashboard.all')}}</option>
              
               <option value="member">{{__('members.member')}}</option>
               <option value="consult">{{__('members.consult')}}</option>
               
           </select>
       </div>
       <div class="form-group col-lg-6"  >
           <div class="row" style="display:none" id="members">
               
           </div>
           
       </div>
       
      @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ meta('title', $language->local) ?? __('articles.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) ?? __('articles.title') }}" value='{{ old("title_{$language->local}", $article[$language->local]->title ?? "") }}'/>
        </div>

        <div class="form-group col-lg-12">
            <label>{{ meta('description', $language->local) ?? __('articles.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) ?? __('articles.description')}}">{{ old("description_{$language->local}", $article[$language->local]->description ?? "") }}</textarea>
        </div>

        @endforeach

       
    


        <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 typechange(elem){
        let data = $(elem).val();
        if(data ==  'all'){
            $('#members').css('display','none');
        }
        else{
            $('#members').css('display','block');
            $.ajax({
          url : urls+'/'+data,
          type : 'GET',
          data : 'nothing',
          success:function(data)
          {
            $('#members').html(data);
          }
        })
        }
    }
</script>
    <!-- Editor JS files -->
    <!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-database.js"></script>

<!--<script>-->
  
<!--  var firebaseConfig = {-->
<!--    apiKey: "AIzaSyD8Ch76IgLgWYeBfVVu_bZVAfg7yaHGjo0",-->
<!--    authDomain: "alhanger-22dac.firebaseapp.com",-->
<!--    databaseURL: "https://alhanger-22dac-default-rtdb.firebaseio.com",-->
<!--    projectId: "alhanger-22dac",-->
<!--    storageBucket: "alhanger-22dac.appspot.com",-->
<!--    messagingSenderId: "174330748086",-->
<!--    appId: "1:174330748086:web:f5bf676633f133442d1a17",-->
<!--    measurementId: "G-VZBX4HRHS3"-->
<!--  };-->

<!--  firebase.initializeApp(firebaseConfig);-->

        
        
<!--function formmanager(elem){-->
<!--        event.preventDefault();-->
<!--        $('#messages').css('display','none');-->
<!--        var action = $(elem).attr('action');-->
<!--       var urls = action;-->
<!--       var dataform = new FormData( $(elem)[0]);-->
<!--        var datas = $(elem).attr('data-id');-->
<!--        var target =  $(elem).attr('target-id');-->
<!--        var user =  'Hanqr'; -->
<!--        var ad_id = $('#message').val();-->
<!--        var name =  'Hanqr'; -->
<!--         let member = $('#member').val();-->
<!--         if(member =='all'){-->
<!--      $.ajax({-->
<!--          url : urls,-->
<!--          type: 'POST',              -->
<!--          data: dataform,-->
<!--          dataType : 'json',-->
<!--          contentType: false, -->
<!--          processData: false, -->
<!--          success:function(data)-->
<!--          {-->
<!--              console.log(data);-->
<!--               $('#messages').css('display','block');-->
                
<!--                 $.each( data, function( key, value ) {-->
                  
        
<!--            var channel = 'notification'+value;-->
            
        
<!--      var sent=  firebase.database().ref(channel).push().set({-->
<!--      "data":'Management',-->
<!--      "date":{!! json_encode(date("Y-m-d")) !!},-->
<!--      "time":{!! json_encode(date("g:i a")) !!},-->
<!--    }).then(function(snapshot) {-->
<!--        $('#messages').css('display','block');-->
<!--  if (snapshot && snapshot.exists()) {-->
<!--    console.log(snapshot.val());-->
    
<!--  }-->
<!--  else {-->
<!--    console.log("No data available");-->
<!--  }-->
  
<!--}).catch(function(error) {-->
<!--  console.error(error);-->
<!--});-->
<!--      console.log({sent})-->

<!--          })-->
        
             
    
<!--          }-->
       
<!--        })-->
<!--         }-->
<!--         else{-->
             
<!--             let member = $('#member').val();-->
         
<!--              $.ajax({-->
<!--          url : urls,-->
<!--          type: 'POST',              -->
<!--          data: dataform,-->
<!--          dataType : 'json',-->
<!--          contentType: false, -->
<!--          processData: false, -->
<!--          success:function(data)-->
<!--          {-->
              
<!--                      $('#messages').css('display','block');  -->
            
<!--         let channel = 'notification'+member;-->
<!--            let message = {-->
<!--      "data" :"Management",-->
<!--      "date" : {!! json_encode(date("Y-m-d")) !!},-->
<!--      "time" : {!! json_encode(date("g:i a")) !!},-->
<!--    }-->
<!--        console.log({channel, message})-->
<!--      let sent=  firebase.database().ref(channel).push().set(message).then(function(snapshot) {-->
<!--  if (snapshot && snapshot.exists()) {-->
    //console.log(snapshot.val());
<!--  }-->
<!--  else {-->
<!--    console.log("No data available");-->
<!--  }-->
<!--      });-->
<!--          }-->
       
<!--        })-->
<!--         }-->
<!--         $('#message').val("");-->
<!--   }-->
   
<!--    </script>-->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            urls = "{{url('/')}}/admin/typeselect",
            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



