@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'Add New Logo')
@section('content')
<div class="page-header d-print-none">
    <div class="container-xl">
      <div class="row g-2 align-items-center">
        <div class="col">
          <h2 class="page-title">
            Add New Logo
          </h2>
        </div>
      </div>
    </div>
  </div>

  <div class="page-body">
    <div class="container-xl">
      {{-- {{$settings=\App\Models\Settings::find(1)->blog_logo}} --}}
  
    <div class="card">
        <div class="card-body">
            <div class="row">
              <div class="col-md-4">
                <div class="">
                  <img src="{{ asset('/storage/image/logoimages/thumbnails/resized_'.$settings->blog_logo)}}">
                  {{-- <input type="text" name="" value="{{asset($settings->blog_logo)}}"> --}}
                </div>
                <form action="{{route('author.logos.add-black-logo')}}" method="post" enctype="multipart/form-data">
                  @csrf
                  <div class="mb-3">
                    <div class="form-label">Logo Black</div>
                    {{-- <img src="{{asset('/storage/image/postimages/thumbnails/resized_'.$post->featured_image)}}"
                            alt="" class="card-img-top"> --}}
                    <input type="file" class="form-control" name="blog_logo">
                    <span class="text-danger error-text blog_logo_error">@error('blog_logo')
                      {{$message}}
                    @enderror</span>
                  </div>
                  <button type="submit" class="btn btn-primary">Save Image</button>
                </form>
            </div>
                <div class="col-md-4">
                  <div class="">
                    <img src="{{ asset('/storage/image/logoimages/thumbnails/resized_'.$settings->blog_logo_white)}}">
                    {{-- <input type="text" name="" value="{{asset($settings->blog_logo)}}"> --}}
                  </div>
                  <form action="{{route('author.logos.add-white-logo')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="mb-3">
                        <div class="form-label">Logo White</div>
                        <input type="file" class="form-control" name="blog_logo_white">
                        <span class="text-danger error-text blog_logo_white_error">@error('blog_logo_white')
                          {{$message}}
                        @enderror</span>
                      </div>
                      
                      <button type="submit" class="btn btn-primary">Save Image</button>
                  </form>
                </div>
                <div class="col-md-4">
                  <div class="">
                    <img src="D:\Project\travel\public\back\dist\img\authors\AIMG1171605972223753.jpg" alt="">
                    {{-- <img src="" alt=""> --}}
                    {{-- <img src="{{ asset($settings->blog_favicon)}}"> --}}
                    {{-- <span class="avatar avatar-md" style="background-image: url({{ $settings->blog_favicon }})"></span> --}}
                    {{-- <input type="text" name="" value="{{asset($settings->blog_logo)}}"> --}}
                  </div>
                  <form action="{{route('author.logos.add-favicon')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="mb-3">
                      <div class="form-label">Favicon</div>
                      <input type="file" class="form-control" name="blog_favicon">
                      <span class="text-danger error-text blog_favicon_error">@error('blog_favicon')
                        {{$message}}
                      @enderror</span>
                    </div>
                    <button type="submit" class="btn btn-primary">Save Favicon</button>
                  </form>
              </div>
            </div>
        </div>
    </div>
  </form>
</div>
</div>

@endsection

@push('scripts')
<script src="{{asset('/ckeditor/ckeditor/ckeditor.js')}}"></script>
<script>
  ClassicEditor
      .create( document.querySelector( '#post_content' ),{
            ckfinder: {
                uploadUrl: '{{route('author.posts.ckeditor.upload').'?_token='.csrf_token()}}',
            }
        })
        .catch( error => {
        } );
</script>
<script>
    $(function(){
        $('input[type="file"][name="featured_image"]').ijaboViewer({
            preview:'#image-previewer',
            imageShape:'rectangular',
            allowedExtensions:['jpg','jpeg','png'],
            onErrorShape:function(message,element){
                alert(message);
            },
            onInvalidType:function(message,element){
                alert(message);
            }
        });

        $('form#addPostForm').on('submit', function(){
            e.preventDefault();
            toastr.remove();
            var post_content = CKEDITOR.instances.post_content.getData();
            var form = this;
            var fromdata = new FormData(form);
                fromdata.append('post_content',post_content);

            $.ajax({
                url:$(form).attr('action'),
                method:$(form).attr('method'),
                data.fromdata,
                processData:false,
                dataType:'json',
                contentType:false,
                beforeSend:function(){
                    $(form).find('span.error-text').text('');
                },
                success:function(response){
                  toastr.remove();
                  if (response.code==1) {
                    $(form)[0].reset();
                    $('div.image_holder').html('');
                    CKEDITOR.instances.post_content.setData('');
                    $('input[name="post_tags"]').amsifySuggestags();
                    toastr.success(response.msg);
                  } else {
                    toastr.error(response.msg);
                  }
                },
                error:function(response){
                    toastr.remove();
                    $each(response.responseJSON.errors, function(prefix,val){
                        $(form).find('span.'+prefix+'_error').text(val[0]);
                    });
                }
            });
        });
    }); 
</script>
    
@endpush