@extends('layouts.app')

@section('title')
    Edit Komplain
@endsection

@section('content')
<div class="col-sm-12 col-md-9">
  <div class="card card-box card-primary">
      <div class="card-header">
        Edit Komplain
      </div>
      <div class="card-body">

        <form method="POST" action="{{ route('supervisor:complaints.update', $complaint->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')
                <div class="form-group row">
                <label class="col-sm-12 col-md-2 col-form-label">Lokasi</label>
                <div class="col-sm-12 col-md-10">
                        <input readonly id="location" value="{{ old('location', $complaint->location) }}" name="location" class="form-control @error('location') is-invalid @enderror" type="text">
                        <div class="form-group has-danger">
                            @error('location')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                    <label class="col-sm-12 col-md-2 col-form-label">Komplain</label>
                    <div class="col-sm-12 col-md-10">
                            <input id="complaint" value="{{ old('complaint',$complaint->complaint) }}" name="complaint" class="form-control @error('complaint') is-invalid @enderror" type="text" readonly>
                            <div class="form-group has-danger">
                                @error('complaint')
                                    <div class="form-control-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                    </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Deskripsi</label>
                <div class="col-sm-12 col-md-10">
                        <textarea id="description" readonly name="description" class="form-control @error('description') is-invalid @enderror">{{ old('description',$complaint->description) }}</textarea>
                        <div class="form-group has-danger">
                            @error('description')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Tanggapan</label>
                <div class="col-sm-12 col-md-10">
                        <textarea id="comment" name="comment" class="form-control @error('comment') is-invalid @enderror">{{ old('comment',$complaint->comment) }}</textarea>
                        <div class="form-group has-danger">
                            @error('comment')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                </div>
                    <div class="text-right">
                        <button type="submit" class="btn btn-primary pull-right">Submit</button>
                    </div>
        </form>
      </div>
  </div>
</div>

<script>
    function previewImage()
    {
        const image = document.querySelector('#photo_before');
        const imgPreview = document.querySelector('.img-preview');

        imgPreview.style.dsiplay = 'block';

        const oFReader = new FileReader();
        oFReader.readAsDataURL(image.files[0]);

        oFReader.onload = function(oFREvent)
        {
            imgPreview.src = oFREvent.target.result;
        }
    }
</script>
@endsection