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

<section id="about-sec">
<div class="container">
<div class="row">
<h1>Publish an Activity</h1>
<hr>


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


  <form action="{{route('blog.store')}}" method="POST" enctype="multipart/form-data">
      @csrf
  <div class="input-div">
    <label> Activty 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>Select</option>
      <option value="1">Farsi</option>
      <option value="2">English</option>
      <option value="3">Turkish</option>
    </select>
  </div>

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


  <div class="input-div">
    <label> Activity Image:  </label> 
    <input type="file" class="form-control" name="image" id="image">
  </div>

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

</div>




</div>
</div>

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

</section>


@endsection