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

<section id="about-sec">
  <div class="container m-4">
    <div class="row text-justify">
      <h1> Edit Statistic</h1>
      <hr>


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


        <form action="{{route('var.update', $var->id)}}" method="POST">
          @csrf
          @method('PUT')
          <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" value="{{$var->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" value="{{$var->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" value="{{$var->description}}" rows="10">{{$var->description}}</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