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

<section id="about-sec">
<div class="container">
<div class="row">
<h1>Publish Contact Us Details</h1>
<hr>


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


  <form action="{{route('contact.store')}}" method="POST" enctype="multipart/form-data">
      @csrf
  <div class="input-div">
    <label>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>Description:  </label> 
    <textarea name="description" id="description" class="form-control" cols="30" rows="10" required> </textarea>
  </div>



  <div class="input-div">
    <label>Link of your Org's Facebook Account:  </label> 
    <input type="text" class="form-control" name="facebook" id="facebook" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>

  <div class="input-div">
    <label>Link of your Org's Twitter Account:  </label> 
    <input type="text" class="form-control" name="twitter" id="twitter" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>

  <div class="input-div">
    <label>Link of your Org's Instagram Account:  </label> 
    <input type="text" class="form-control" name="instagram" id="instagram" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>



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

</div>




</div>
</div>

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

</section>


@endsection