@extends('layouts.page')
@section('content')
    <div class="page-header">
        <h3 class="page-title"> Edit Berita </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Berita</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit Berita</li>
            </ol>
        </nav>
    </div>

    <form method="post" action="{{ route('berita.edit', $data->id_berita) }}" enctype="multipart/form-data"
        novalidate="novalidate">
        @csrf
        <fieldset>
            <div class="row">
                <div class="col-md-6 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group">
                                <label for="judul">Judul Berita</label>
                                <textarea id="judul" class="form-control form-control-lg p-input" name="judul" rows="3">{{ $data->judul_berita }}</textarea>
                            </div>
                            <div class="form-group">
                                <label for="tanggal">Tanggal Berita</label>
                                <div id="datepicker-popup" class="input-group date datepicker">
                                    <input type="text" id="tanggal" class="form-control form-control-sm" name="tanggal"
                                        value="{{ date('d/m/Y', strtotime($data->tanggal)) }}">
                                    <span class="input-group-addon input-group-append border-left">
                                        <span class="mdi mdi-calendar input-group-text"></span>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="gambar">Gambar Berita</label>
                                <input id="gambar" type="file" name="gambar" class="dropify"
                                    data-default-file="{{ asset('storage/berita/' . $data->gambar) }}">
                            </div>
                            <div class="form-group">
                                <label for="kategori">Kategori Berita</label>
                                <select id="kategori" name="kategori" class="form-select">
                                    @foreach ($kategori as $item)
                                        <option value="{{ $item->id_kategori }}"
                                            {{ $data->id_kategori == $item->id_kategori ? 'selected' : '' }}>
                                            {{ $item->nama_kategori }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="status">Status Berita</label>
                                <select id="status" name="status" class="form-select">
                                    <option value="Publish" {{ $data->status_berita == 'Publish' ? 'selected' : '' }}>
                                        Publish</option>
                                    <option value="Draft" {{ $data->status_berita == 'Draft' ? 'selected' : '' }}>Draft
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group ">
                                <label for="isi">Isi Berita</label>
                                <textarea style="display: none" id="value-quill1" name="isi">{!! $data->isi_berita !!}</textarea>
                                <div id="quill-editor1" class="quill-container">
                                    {!! $data->isi_berita !!}
                                </div>
                            </div>
                            <input class="btn btn-inverse-primary" type="submit" value="Submit">
                            <a href="{{ route('berita') }}" class="btn btn-dark">Kembali</a>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
    </form>
@endsection