@extends('adminlte::page')

@section('description', 'Edit Data')

@section('content_header')
    <h1>Edit Data</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('banner.update', $model->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('put')
                <div class="form-group">
                        <label for="judul">Judul:</label>
                        <input type="text" class="form-control @error('judul') is-invalid @enderror" id="judul" name="judul" value="{{ $model->judul }}">
                        @error('judul')
                            <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="{{ $model->slogan }}">
                        @error('slogan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="deskripsi">Deskripsi:</label>
                        <textarea class="form-control" id="deskripsi" name="deskripsi">{{ $model->deskripsi }}</textarea>
                        @error('deskripsi')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="Status">Status:</label>
                         <label>
                            <input type="radio" name="is_active" value="1" {{ old('is_active', $model->is_active ?? '') == '1' ? 'checked' : '' }}> Active
                        </label>
                        <label>
                            <input type="radio" name="is_active" value="0" {{ old('is_active', $model->is_active ?? '') == '0' ? 'checked' : '' }}> Inactive
                        </label>
                    </div>                    
                    <div class="form-group">
                        <label for="foto">Foto:</label>
                        <input type="file" class="form-control" id="image" name="image">
 
                        {{-- @if(!empty($model->foto))
                        <img src="{{url('images')}}/{{$model->foto}}" alt=""class="rounded" style="width: 100%; max-width: 100px; height: auto;">
                        @endif --}}
                        @if(isset($model->foto) && !empty($model->foto))
                            <img src="{{ url('images/' . $model->foto) }}" 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">Submit</button>
                </form>
            </div>
        </div>
@stop

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

@section('js')
    <script> console.log("Hi, I'm using the Laravel-AdminLTE package!"); </script>
@stop