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

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


      <div class="col-md-8 mx-auto border rounded shadow p-4" id="collapseExample">


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


          <div class="row">
            <div class="input-div mb-2">
              <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 mb-2">
              <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 mb-2">
              <label> Value: </label>
              <input type="text" class="form-control" name="value" id="value" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
            </div>

            <div class="input-div mb-2">
              <label> Description: </label>
              <textarea name="description" id="description" cols="30" rows="10"></textarea>
            </div>

          </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