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

<section id="about-sec">
<div class="container">
<div class="row">
<h1>Add an Directorative Member</h1>
<hr>


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


  <form action="{{route('dboard.store')}}" method="POST" enctype="multipart/form-data">
      @csrf
  <div class="input-div">
    <label> Full Name:  </label> 
    <input type="text" class="form-control" name="name" id="name" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>

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

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

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

  <div class="input-div">
    <label> E-Mail:  </label> 
    <input type="mail" class="form-control" name="mail" id="mail" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>


  <div class="input-div">
    <label> Short Biography:  </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"  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>

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

</div>




</div>
</div>

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

</section>


@endsection