@extends('backend/layouts/layout')
@section('container')
@section('blog_menu_open', 'menu-open')
@section('blog_link_select', 'active')
@section('blog_select', 'active')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
      @if(session()->has('msg'))
          <div class="alert alert-danger" role="alert">
            {{session('msg')}}
          </div>
        @endif
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Blogs</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Add Blog</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Blogs</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form action="{{route('blogs.manage')}}" method="post" enctype="multipart/form-data">
                @csrf
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Category</label>
                    <select name="cat_id" class="form-control" id="exampleInputEmail1" required>
                      <option value="">Select Category</option>
                      @foreach($cats as $list)
                        @if($id->cat_id == $list->id)
                           <option selected value="{{$list->id}}">{{$list->name}}</option>
                        @else
                           <option value="{{$list->id}}">{{$list->name}}</option>
                        @endif
                      @endforeach
                    </select>
                  </div>
                  @error('cat_id')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Slug</label>
                    <input type="text" name="slug" value="{{$id->slug}}" class="form-control" id="exampleInputEmail1" placeholder="Enter slug" disabled>
                  </div>
                  @error('slug')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Author</label>
                    <input type="text" name="author" value="{{$id->author}}" class="form-control" id="exampleInputEmail1" placeholder="Enter author">
                  </div>
                  @error('author')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Title</label>
                    <input type="text" name="title" value="{{$id->title}}" class="form-control" id="exampleInputEmail1" placeholder="Enter title">
                  </div>
                  @error('title')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Short Description</label>
                    <input type="text" name="short_descr" value="{{$id->short_descr}}" class="form-control" id="exampleInputEmail1" placeholder="Enter short description">
                  </div>
                  @error('short_descr')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Description</label>
                    <textarea name="descr" class="form-control" id="summernote" placeholder="Enter description">{{$id->descr}}</textarea>
                  </div>
                  @error('descr')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror

                  @php
                  if($id->id > 0){
                    $image_required="";
                  }
                  else{
                    $image_required="required";
                  }
                  @endphp
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Image</label>
                    <input type="file" name="image" class="form-control" id="exampleInputEmail1" {{$image_required}} onchange="preview(prevImg)">
                  </div>
                  @error('image')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  @if($id->image != '')
                  <div class="form-group col-12">
                    <img src="{{asset('uploads/blogs/'.$id->image)}}" height="70px" width="70px" alt="" id="prevImg">
                  </div>
                  @else
                  <div class="form-group col-12">
                    <img src="{{asset('backend/dist/img/no-image.png')}}" height="70px" width="70px" alt="" id="prevImg">
                  </div>
                  @endif
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Meta Title</label>
                    <input type="text" name="meta_title" value="{{$id->meta_title}}" class="form-control" id="exampleInputEmail1" placeholder="Enter meta title">
                  </div>
                  @error('meta_title')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Meta Description</label>
                    <input type="text" name="meta_descr" value="{{$id->meta_descr}}" class="form-control" id="exampleInputEmail1" placeholder="Enter meta description">
                  </div>
                  @error('meta_descr')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Meta Keywords</label>
                    <input type="text" name="meta_keywords" value="{{$id->meta_keywords}}" class="form-control" id="exampleInputEmail1" placeholder="Enter meta keywords">
                  </div>
                  @error('meta_keywords')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  {{-- <div class="form-group col-12">
                    <label for="exampleInputEmail1">Canonical URL</label>
                    <textarea name="can_url" class="form-control" placeholder="Enter canonical URL" required>{{$id->can_url}}</textarea>
                  </div>
                  @error('can_url')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror --}}
                
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
                
                <input type="hidden" name="id" value="{{$id->id}}">
              </form>
            </div>
            <!-- /.card -->

            <!-- general form elements -->
            
            <!-- /.card -->

            <!-- Input addon -->
           
          
            <!-- /.card -->

          </div>
<!-- /.col -->
        </div>
        <!-- /.row -->
        <!-- Main row -->
       
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  @endsection