@extends('backend.app')

@section('title', 'Edit Post')

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Edit Post</h1>
        </div>
        <div class="ms-auto pageheader-btn">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('post.index') }}">Post</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </div>
    </div>

    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Edit Post</h3>
                </div>

                <div class="card-body">
                    <form action="{{ route('post.update', $post->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PATCH')

                        <div class="row">

                            <div class="col-md-12 mb-3">
                                <label for="description" class="form-label">Description <span class="text-danger">*</span></label>
                                <textarea name="description" id="summernote" rows="5"
                                    class="form-control @error('description') is-invalid @enderror"
                                    placeholder="Enter description">{{ old('description', $post->description) }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-12 mb-3">
                                <label for="image" class="form-label">Image</label>
                                <input type="file" name="image" id="image"
                                    class="form-control @error('image') is-invalid @enderror">
                                @error('image')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror

                                @if ($post->image)
                                    <div class="mt-2">
                                        <img src="{{ asset($post->image) }}" alt="Post Image" width="100"
                                            style="border-radius: 8px; object-fit: cover;">
                                    </div>
                                @endif
                            </div>

                            {{-- <div class="col-md-12 mb-3">
                                <label for="comments" class="form-label">Comments</label>
                                <input type="text" name="comments" id="comments"
                                    class="form-control @error('comments') is-invalid @enderror"
                                    value="{{ old('comments', $post->comments) }}" placeholder="Enter comments">
                                @error('comments')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div> --}}

                            <div class="col-md-12 mb-3">
                                <label for="status" class="form-label">Status</label>
                                <select name="status" id="status"
                                    class="form-control @error('status') is-invalid @enderror">
                                    <option value="active" {{ old('status', $post->status) == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="inactive" {{ old('status', $post->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>

                        <div class="mt-3">
                            <button type="submit" class="btn btn-primary">Update Post</button>
                            <a href="{{ route('post.index') }}" class="btn btn-secondary">Back</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection