@include('admin.header', [
   'elementActive' => 'aboutus'
])

<div class="content-wrapper">

    <section class="content-header">
      <h1>
      Sobre nós	      
      <small>Adicone informações sobre a Rádio</small> 
      
      </h1> 
    </section>





<!-- Main content -->
<section class="content">
   <div class="row">
      <div class="col-xs-12">


        <section class="content">
            <div class="row">        	
                <div class="col-xs-12">
              
    
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs ">
                           <li {!! $active == 'aboutus' || $active == false ? 'class="active"' : '' !!}  >
                              <a href="#aboutus" data-toggle="tab">Sobre Nós</a>
                           </li>
                           <li {!! $active == 'colors' ? 'class="active"' : '' !!}>
                                <a href="#colors" data-toggle="tab" aria-expanded="false">Cores</a>
                            </li>
                        </ul>
            
                        <div class="tab-content">
    
                            <div id="aboutus" class="tab-pane {!! $active == 'aboutus' || $active == false ? 'active' : '' !!}">
                            <div style="text-align:left;">
                                    
            

                                <br/>
                                <form class="form-group">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="enable" id="enable" {{ $enable ? 'checked' : '' }} onclick="enableAboutUs()" id="flexCheckDefault">
                                    <label class="form-check-label" for="flexCheckDefault">
                                        Habilitar "Sobre Nós"
                                    </label>
                                    </div>
                                </form>
                                
                        </div>

                            <form action="{{ route('admin.aboutus.update') }}" class="form-horizontal" method="post" enctype="multipart/form-data">  						
                                @csrf
                                @method('put')
                                <fieldset>
                                    
                                    <div class="form-group">
                                        <label class="col-md-12">Titulo</label>
                                        <div class="col-md-6">
                                            <input name="title" type="text" class="form-control" value="{{ $aboutus->title}}">
                                        </div>
                                    </div>
        
                    
                                    <div class="form-group">
                                        <label class="col-md-12">Conteúdo</label>
                                        <div class="col-md-12">
                                            <textarea  name="content" rows="10">{{ $aboutus->about_us }}</textarea>
                                        </div>
                                    </div>
                    
                                </fieldset>
                    
                                <div>
                                    <button type="submit" class="btn btn-primary">Salvar</button>
                                    </div>
                                
                            </form>         
        
        
                    </div>
                    <div id="colors" class="tab-pane {!! $active == 'colors' ? 'active' : '' !!}">
                        <div class="tab-content">
                           <div class="tab-pane active">
         
                              
                              <div id="cores" class="tab-pane {!! $active == 'colors' ? 'active' : '' !!}">
                                 <form action="{{ route('admin.aboutus.colors.update') }}" class="form-horizontal" method="post">
                                    @csrf
                                    @method('PUT')
            
                                    <div class="col-md-5">
                                        <div class="row" style="margin-left:15px;">
                                            <div class="col-md-4 form-group">
                                               <label for="color">Fundo</label>
                                               <input type="color" id="color" name="color" onchange="clickColor(0, -1, -1, 5)" value="{{ $aboutUsColor->color }}" style="width:85%;height: 36px;">
                                            </div>
                                            {{-- <div class="col-md-8 form-group">
                                                <label for="background_file"><br/></label>
                                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                                <div class="input-append">
                                                    <div class="uneditable-input">
                                                    <i class="fa fa-file fileupload-exists"></i>
                                                    <span class="fileupload-preview"></span>
                                                    </div>
                                                    <span class="btn btn-default btn-file">
                                                    <span class="fileupload-exists">Alterar</span>
                                                    <span class="fileupload-new">Procurar arquivo</span>
                                                    <input type="file" name="background">
                                                    </span>
                                                    <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remover</a>
                                                </div>
                                                </div>
                                            </div> --}}
                                         </div>
                                    </div>
            
                                       
                                    <div class="col-md-7">
                                       <style>
                                           iframe {
                                               width: 900px;
                                               height: 400px;
                                               overflow: auto;
                                           }
                                       </style>
                                       <label for="color">Pré-visualização</label>
                                       <iframe src="{{ route('home.index') }}" frameborder="0" width="100%" height="400"></iframe>
                                   </div>
                                       
                                       
                                                                     
                                    <div style="padding-top:15px;">
                                       <button type="submit" class="btn btn-primary">Salvar</button>
                                    </div>
            
                                 </form>
                                 </div>
            
                           </div>
            
                        </div>  
                     </div>
                    </div>
                    </div>
        
            </div>
                </div>
                <!-- /.row -->
            </div>
        </section>
        
      </div>
   </div>
   <!-- /.row -->
</section>
<!-- /.content -->




   </div>


@include('admin.footer')

<script>
   CKEDITOR.replace( 'content', {
       filebrowserUploadUrl: "{{route('admin.posts.upload', ['_token' => csrf_token() ])}}",
       filebrowserUploadMethod: 'form',
       image_previewText: ' ',
       removeButtons: 'Save',
       extraPlugins: 'emojione'
   });
   
   CKEDITOR.config.allowedContent = true;
   CKEDITOR.config.fillEmptyBlocks = false;
   
   CKEDITOR.instances.content.on('blur', function() {
       verifyNewsletterBodyTerms(CKEDITOR.instances.content.getData());
   });

   function enableAboutUs(){
        $('#enable').prop( "disabled", true );
        $.ajax({
            headers: {
                    'X-CSRF-Token': "{{ csrf_token() }}",
            },
            type: 'PUT',
            url: "{{ route('admin.aboutus.update') }}",
            data: { 
                enable: $('#enable').is(':checked')
            },
            enctype: 'multipart/form-data',
            success: function(data){
                $('#enable').prop( "disabled", false );
            },
            error: function(data){
                $('#enable').prop( "disabled", false );
                console.log('Erro no Ajax !');
            }
        });
    }
</script>