@extends('layouts.page')
@section('content')
    <div class="page-header">
        <h3 class="page-title"> Tambah 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">Tambah Berita</li>
            </ol>
        </nav>
    </div>

    <form class="cmxform" id="beritaForm" method="post" action="{{ route('berita.tambah') }}" 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"></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">
                                    <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">
                            </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 }}">{{ $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">Publish</option>
                                    <option value="Draft">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"></textarea>
                                <div id="quill-editor1" class="quill-container"></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