@extends('admin.master')
@section('content')

<section id="about-sec">
<div class="container">
<div class="row">
<h1>Publish a blog for About Page</h1>
<h6>While <Strong>Show Home</Strong> is selected, this blog will appear in Home Page too.</h6>
<hr>


<div class="" id="collapseExample">


  <form action="{{route('home.store')}}" method="POST" enctype="multipart/form-data">
      @csrf

  <div class="input-div">
    <label> Show Home:  </label>
    <select name="show_home" id="show_home" class="form-control" required>
      <option value="1">Yes</option>
      <option value="2">No</option>
    </select>
  </div>

  <div class="input-div">
    <label> Blog Title:  </label> 
    <input type="text" class="form-control" name="title" id="title" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>

  <div class="input-div">
    <label> Language:  </label> 
    <select name="lang_id" id="lang_id" class="form-control" required>
      <option value="1">Farsi</option>
      <option value="2"> English</option>
      <option value="3"> Turkish</option>
    </select>
  </div>

  <div class="input-div">
    <label> Blog Description:  </label> 
    <textarea name="description" id="description" class="form-control" cols="30" rows="10" required> </textarea>
  </div>

  <div class="input-div">
    <label> Image:  </label> 
    <input type="file" class="form-control" name="image" id="image" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
  </div>

<br>
  
  <button class="btn-primary btn" type="submit">Submit blog</button>
  </form>
            

</div>




</div>
</div>

<script>
    ClassicEditor
        .create( document.querySelector( '#description' ) )
        .catch( error => {
            console.error( error );
        } );
</script>

</section>


@endsection