@include('header')
{{--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>--}}

<div class="padding">
    <div class="row">

        <div class="col-md-12">
            <form class="form-horizontal" enctype="multipart/form-data" method="POST" action="{{url($url)}}">
                {{ csrf_field() }}
                <div class="box">
                    <div class="box-divider m-0">
                    </div>
                    <div class="box-body">
                        <input name="id" type="hidden" value="{{$post->id}}">
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Tanggal</label>
                            </div>
                            <div>
                                <input type="date" name="tanggal" id="tanggal" value="{{$post->date}}" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Judul Berita</label>
                            </div>
                            <div>
                                <input type="text" name="judul" id="judul" value="{{$post->judul}}" required>
                            </div>
                        </div>
                        @if ($message = Session::get('success'))
                            <div class="alert alert-success alert-block center-block" style="align-content: center;">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <strong>{{ $message }}</strong>
                            </div>
                        @endif
                        @if ($message = Session::get('error'))
                            <div class="alert alert-danger alert-block center-block"
                                 style="align-content: center;width: 100%;">
                                <center><strong>{{ $message }}</strong></center>
                            </div>
                        @endif
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Penjelasan</label>
                            </div>
                            <div class="col-md-10">
                                <textarea id="konten" class="form-control" name="konten" rows="10" cols="50" value=""
                                          required>{{$post->isi}}</textarea>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Gambar</label>
                            </div>
                            <div>
                                <input type="file" name="gambar" id="imgInp">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-sm-2">
                                <label>Status</label>
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="radio-inline"><input type="radio" name="optradio"
                                                                   value="1" {{ ($post->status=="1")? "checked" : "" }}>Aktif</label>
                            </div>
                            <div class="form-group col-sm-2">
                                <label class="radio-inline"><input type="radio" name="optradio"
                                                                   value="2" {{ ($post->status=="2")? "checked" : "" }}>Tidak
                                    Aktif</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2 col-md-2">
                            </div>
                            <div class="col-sm-1 col-md-2">
                                <button type="submit" class="btn btn-primary" id="btn-savez" value="add">Simpan</button>
                            </div>
                            <div class="col-sm-1 col-md-1">
                            </div>
                            <div class="col-sm-1 col-md-2">
                                <a class="btn btn-danger p-x-md" href="{{ route('berita') }}">Batal</a>
                                {{--                                <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Batal</button>--}}
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

{{--<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>--}}
{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>--}}


<script>
    var konten = document.getElementById("konten");
    CKEDITOR.replace(konten, {
        language: 'en-gb'
    });
    CKEDITOR.config.allowedContent = true;
</script>

<script type="text/javascript">

    flatpickr("#tanggal", {
        altInput: true,
        altFormat: "d/m/Y",
        dateFormat: "Y-m-d"
    });

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgInp").change(function () {
        readURL(this);
    });
</script>

@include('footer')