@extends('layout')
@section('title', 'Create Post')
@section('content')
    <!-- Row 1 -->
    <div class="row">
        <div class="col-lg-12 d-flex align-items-stretch">
            <div class="card w-100">
                <div class="card-body">
                    <div class="d-sm-flex d-block align-items-center justify-content-between mb-9">
                        <div class="mb-3 mb-sm-0">
                            <h5 class="card-title fw-semibold">
                                {{ isset($post->id) ? 'Edit post' : 'Create post' }}</h5>
                        </div>
                        <a href="{{ url('/admin/post') }}" class="btn btn-primary">Back</a>
                    </div>
                    <form method="POST" enctype="multipart/form-data"
                        action="{{ isset($post->id) ? url('/api/superadmin/post/update/') : url('/api/superadmin/post/create') }}">
                        @csrf
                        @if (isset($post->id))
                            @method('PUT')
                        @endif
                        
                        <input type="hidden" name="id" value="{{ old('id', $post->id ?? '') }}" class="form-control"
                            id="name" />

                        <div class="row pb-3">
                            <div class="col-md-6 col-12 mb-3">
                                <label for="image" class="form-label">Image</label>
                                {{-- <input type="file" name="image" accept=".png, .jpg, .jpeg"> --}}

                                <div class="avatar-upload">
                                    <div class="avatar-edit">
                                        <input type='file' name="image" id="imageUpload" accept=".png, .jpg, .jpeg" />
                                        <label for="imageUpload">
                                            <i class="fas fa-pencil-alt"></i> </label>
                                    </div>
                                    <div class="avatar-preview">
                                        <div id="imagePreview" style="background-image: url({{ asset($post->logo) }});">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row pb-3">
                            <div class="col-md-6 col-12 mb-3">
                                <label for="name" class="form-label">Name *</label>
                                <input type="text" name="name" placeholder="Enter name"
                                    value="{{ old('name', $post->name ?? '') }}" class="form-control" id="name" />
                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="video_link" class="form-label">Video Link (Paste your video ID)</label>
                                <input type="text" name="video_link"
                                    value="{{ old('video_link', $post->video_link ?? '') }}" class="form-control"
                                    id="video_link" placeholder="Enter video link" />
                                @error('video_link')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

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

                            <div class="col-md-12 col-12 mb-3">
                                <label for="Excerpt" class="form-label">Excerpt</label>
                                <textarea id="content-editor" name="excerpt" rows="7" class="form-control">{{ old('excerpt', $post->excerpt ?? '') }}</textarea>
                                @error('excerpt')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <button type="submit"
                            class="btn btn-primary py-8 fs-4 mb-4 rounded-2">{{ isset($post->id) ? 'Update' : 'Create' }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <script>
        // Function to attach event listeners to a newly created image upload section
    </script>

@endsection