@extends('Admin.Layout.main_layout')
@section('main_container')
<!-- begin app-main -->
<div class="app-main" id="main">
   <!-- begin container-fluid -->
   <div class="container-fluid">
      <!-- begin row -->
      <div class="row">
         <div class="col-md-12 m-b-30">
            <!-- begin page title -->
            <div class="d-block d-sm-flex flex-nowrap align-items-center">
               <div class="page-title  mb-sm-0">
                  <h1>Blog</h1>
               </div>
               <div class="ml-auto d-flex align-items-center">
                  <a class="btn btn-dark text-white" href="{{ route('blog') }}">Manage Blog</a>
               </div>
            </div>
            <!-- end page title -->
         </div>
      </div>
      <!-- end row -->

      <!--mail-Compose-contant-start-->
      <div class="row account-contant">
         <div class="col-12">
            <div class="card card-statistics">
               <div class="card-body p-0">
                  <!-- <div class="row no-gutters"> -->
                  <div class="page-account-form">
                     <div class="form-titel border-bottom p-3">
                        <h5 class="mb-0 py-2">Update Blog</h5>
                     </div>
                     <div class="p-3">
                        <form role="form" method="POST" enctype="multipart/form-data" action="{{ route('updateblog', $blog->id)  }}">
                           @csrf
                           <div class="row">
                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Blog Title<span style="color:#ff0000">*</span></label>
                                    <input class="form-control" value="{{ $blog->title }}" name="title" type="text" required>
                                    @error('title')
                                    <p class="text-danger"><small>{{ $message }}</small></p>
                                    @enderror
                                </div>
                              </div>
                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>BlogSlug<span style="color:#ff0000">*</span></label>
                                    <input class="form-control" value="{{ $blog->blog_slug }}" name="blog_slug" type="text" required>
                                    @error('blog_slug')
                                    <p class="text-danger"><small>{{ $message }}</small></p>
                                    @enderror
                                </div>
                              </div>
                           </div>
                           <div class="row">

                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                 <div class="form-group">
                                    <label>Footer link</label>
                                    <select name="footer_link" class="form-control  selectpicker myselectpick" data-live-search="true">
                                        <option value="">Please Select</option>
                                        <option value="1" {{ $blog->footer_link == '1' ? 'selected' : '' }}>Yes</option>
                                        <option value="0" {{ $blog->footer_link == '0' ? 'selected' : '' }}>No</option>
                                    </select>

                                 </div>
                                </div>


                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Blog Image</label>
                                    <input class="form-control" name="blog_image" type="file">
                                    @if($blog->blog_image)
                                    <img src="{{ URL('upload/blog') }}/{{ $blog->blog_image }}" alt="" height="100px" width="100px">
                                    @endif
                                    @error('blog_image')
                                    <p class="text-danger"><small>{{ $message }}</small></p>
                                    @enderror



                                 </div>
                            </div>



                             </div>

                             <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Alt Tag</label>
                                    <textarea id="alt_tag" name="alt_tag" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->alt_tag }}</textarea>
                                </div>
                              </div>
                             </div>

                             <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Short Description</label>
                                    <textarea id="short_desc" name="short_desc" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->short_desc }}</textarea>
                                </div>
                              </div>
                             </div>

                              <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Long Description</label>
                                    <textarea id="desc" name="desc" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->desc }}</textarea>
                                </div>
                              </div>

                            </div>
                              <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>FAQS</label>
                                    <textarea id="faq" name="faq" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->faq }}</textarea>
                                </div>
                              </div>

                            </div>

                              <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Conclusion</label>
                                    <textarea id="conclusion" name="conclusion" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->conclusion }}</textarea>
                                </div>
                              </div>

                            </div>

                           <div class="form-titel border-bottom p-3">
                              <h2 class="mb-0 py-2">SEO Fields</h2>
                           </div>
                           <div class="row">
                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Meta Title</label>
                                    <input class="form-control" value="{{ $blog->meta_title }}" placeholder="Enter Meta Title" name="meta_title" type="text">
                                </div>
                              </div>
                              <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>Meta keyword</label>
                                    <input class="form-control" value="{{ $blog->meta_keyword }}" name="meta_keyword" placeholder="Enter Keyword" type="text">
                                </div>
                              </div>
                           </div>
                           <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                <label>Meta Description</label>
                                <textarea class="form-control" name="meta_desc" cols="50" rows="15" style="width:100%;px; height:300px;" mce_editable="true">{{ $blog->meta_desc  }}</textarea>
                                </div>
                            </div>
                           </div>
                           <div class="row">
                              <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                 <div class="text-left">
                                    <button type="submit" id="submit" class="btn btn-dark text-white my-4">update</button>
                                    <a href="{{ route('blog') }}"  class="btn btn-danger my-4">Cancel</a>
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
                  <!-- </div> -->
               </div>
            </div>
         </div>
      </div>
      <!--mail-Compose-contant-end-->
   </div>
   <!-- end container-fluid -->
</div>
<!-- end app-main -->
</div>
<!-- end app-container -->
<script>
   $(document).ready(function(){

       $(".btn-success").click(function(){
             var lsthmtl = $(".clone").html();
             $(".increment").after(lsthmtl);
         });

         $("body").on("click",".btn-danger",function(){
             $(this).parents(".hdtuto").remove();
         });

        $(".btn-success-3d").click(function(){
             var lsthmtl3d = $(".clone-3d").html();
             $(".increment-3d").after(lsthmtl3d);
         });

         $("body").on("click",".btn-danger",function(){
             $(this).parents(".hdtuto-3d").remove();
         });
   });


</script>
<script type="text/javascript">
   $(document).ready(function () {
       var editorOptions = {
           allowedContent: true,
           extraAllowedContent: 'div(*)', // Allow div elements
           // Add additional allowed elements or classes by separating them with commas
           extraAllowedContent: 'div(col-md-*,container-fluid,row)',
       };

       var short_desc = CKEDITOR.replace('short_desc', editorOptions);
       var desc = CKEDITOR.replace('desc', editorOptions);
       var faq = CKEDITOR.replace('faq', editorOptions);
       var alt_tag = CKEDITOR.replace('alt_tag', editorOptions);
       var conclusion = CKEDITOR.replace('conclusion', editorOptions);
   });
</script>




<script>
   // function Remove3dImage(Id)
   // {
   //     $("#LoadingProgress").fadeIn('fast');
   //     $.ajax({
   //         url: "{{ URL('/product/Remove3dImage') }}/"+Id,
   //         type: "GET",
   //         contentType: false,
   //         cache: false,
   //         processData:false,
   //         success: function(data, textStatus, jqXHR) {
   //             window.location.reload();
   //             $("#LoadingProgress").fadeOut('fast');
   //         },
   //         error: function( jqXHR, textStatus, errorThrown ) {

   //         }
   //     });
   // }
</script>
@endsection