@extends('layouts.app')

@section('css')
    <link rel="stylesheet" href="/assets/plugins/summernote/summernote-bs4.css">
    <link rel="stylesheet" href="path-to-datepicker-css/bootstrap-datepicker.min.css">
    <script src="path-to-datepicker-js/bootstrap-datepicker.min.js"></script>
@endsection
@section('content')
    <section class="content container-fluid">
        <div class="row">
            @if(session('danger'))
                <div class="col-md-12">
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        {{ session('danger') }}
                    </div>
                </div>
            @endif
            <div class="col-md-12">

                @includeif('partials.errors')

                <div class="card card-default">
                    <div class="card-header" style="background-color: #632b8d; color:white;">
                        <span class="card-title">Ubah Data Artikel</span>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('news.update', $berita->id) }}"  role="form" enctype="multipart/form-data">
                            {{ method_field('PATCH') }}
                            @csrf
                            <div class="box box-info padding-1">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Judul<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
                                    <input class="form-control {{$errors->has('subject') ? ' is-invalid' : ''}}" placeholder="Subject:" name="subject" value="{{$berita->subject}}" required>
                                    {!! $errors->first('subject', '<div class="invalid-feedback">:message</div>') !!}
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Gambar Thumbnail<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
                                    <input type="file" class="form-control {{$errors->has('image') ? ' is-invalid' : ''}}" name="image" accept="image/png, image/jpg, image/jpeg">
                                    <p style="font-size: 0.83em; color: grey; margin-bottom: 5px;">Foto Lama: {{$berita->image}}</p>
                                    <p style="font-size: 0.83em; color: grey; margin-bottom: 5px;">File upload maksimal: 2Mb</p>
                                    {!! $errors->first('image', '<div class="invalid-feedback">:message</div>') !!}
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Tanggal Aktif<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
                                    <div class="input-group date" data-provide="datepicker" data-date-format="dd/mm/yyyy">
                                        <input name="tgl_active" type="text" class="form-control {{$errors->has('tgl_active') ? ' is-invalid' : ''}}" value="{{$active}}" placeholder="dd/mm/yyyy" autocomplete="off"/>
                                        <div class="input-group-addon">
                                            <div class="input-group-text" style="height:39px;"><i class="fa fa-calendar"></i></div>
                                        </div>
                                        {!! $errors->first('tgl_active', '<div class="invalid-feedback">:message</div>') !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Tanggal Tidak Aktif<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
                                    <div class="input-group date" data-provide="datepicker" data-date-format="dd/mm/yyyy">
                                        <input name="tgl_inactive" type="text" class="form-control {{$errors->has('tgl_inactive') ? ' is-invalid' : ''}}" value="{{$inactive}}" placeholder="dd/mm/yyyy" autocomplete="off"/>
                                        <div class="input-group-addon">
                                            <div class="input-group-text" style="height:39px;"><i class="fa fa-calendar"></i></div>
                                        </div>
                                        {!! $errors->first('tgl_inactive', '<div class="invalid-feedback">:message</div>') !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Link Halaman Artikel<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
                                    <input type="text" class="form-control {{$errors->has('pageurl') ? ' is-invalid' : ''}}" name="pageurl" value="{{$berita->pageurl}}" placeholder="https://rajagadai.id/...">
                                    {!! $errors->first('pageurl', '<div class="invalid-feedback">:message</div>') !!}

                                </div>
                                <div class="box-footer mt20">
                                    <button type="submit" name="action" value="save"
                                        class="btn bg-purple">Simpan</button>
                                    <a class="btn btn-danger float-right" href="{{ route('news.index') }}"> Kembali</a>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('js')

<script src="/assets/plugins/summernote/summernote-bs4.min.js"></script>
<!-- Page Script -->
<script>
  $(function () {
    //Add text editor
    $('#compose-textarea').summernote()
  })
</script>
@endsection