@extends('adminlte::page')

@section('title', 'News List')

@section('content_header')
    <h1>News List</h1>
@stop

@section('content') 
        <div class="card mb-4">
            <div class="card-header">
                <i class="fas fa-table me-1"></i>
                Edit data
            </div>
            <div class="card-body">
                <form action="{{ route('news.update', $id->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('put')
                    <div class="form-group">
                        <label for="title">Title:</label>
                        <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" name="title" value="{{ $id->title }}">
                        @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="slogan">Slogan:</label>
                        <input type="text" class="form-control @error('slogan') is-invalid @enderror" id="slogan" name="slogan" value="{{ $id->slogan  }}">
                        @error('slogan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="fb_post">Posting:</label>

                        <label>
                            <input type="radio" name="fb_post" value="1" {{ old('fb_post', $id->fb_post ?? '') == '1' ? 'checked' : '' }}> Aktif
                        </label>
                        <label>
                            <input type="radio" name="fb_post" value="0" {{ old('fb_post', $id->fb_post ?? '') == '0' ? 'checked' : '' }}> Non Aktif
                        </label>
                        
                        @error('fb_post')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror

                    </div>
                    <div class="form-group">
                        <label for="description">description:</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description">{{ $id->description }}</textarea>

                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="foto">Foto Produk:</label>
                        <input type="file" class="form-control" id="image" name="image">
 
                        {{-- @if(!empty($id->image))
                        <img src="{{url('images')}}/{{$id->image}}" alt=""class="rounded" style="width: 100%; max-width: 100px; height: auto;">
                        @endif --}}
                        @if(isset($id->image) && !empty($id->image))
                            <img src="{{ url('images/' . $id->image) }}" alt="Foto Produk" class="rounded" style="width: 100%; max-width: 100px; height: auto;">
                        @else
                            <img src="{{ url('images/nophoto.jpg') }}" alt="No Foto" class="rounded" style="width: 100%; max-width: 100px; height: auto;">
                        @endif
 
                    </div>
                    <button type="submit" class="btn btn-primary mt-4">Simpan</button>
                </form>
            </div>
        </div>
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
<script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create( document.querySelector( '#description' ),{
            
        }).catch( error => {} );
</script>
@stop