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

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


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


  <form action="{{route('contact.update', $contact->id)}}" method="POST">
      @csrf
      @method('PUT')
  <div class="input-div">

  <label>Title:  </label> 
    <input type="text" class="form-control" value="{{$contact->title}}" 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" value="{{$contact->description}}" cols="30" rows="10" required>{{$contact->description}}</textarea>
  </div>

  <div class="input-div">
    <label>Link of your Org's Facebook Account:  </label> 
    <input type="text" class="form-control" value="{{$contact->facebook}}" 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" value="{{$contact->twitter}}" 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" value="{{$contact->instagram}}" name="instagram" id="instagram" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
  </div>

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

</div>




</div>
</div>


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

</section>


@endsection