@extends('frontend.layouts-user.app')
@section('title')@endsection
@section('content')
<!--start content-->
          <main class="page-content">

            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center">
              <div class="breadcrumb-title pe-3 text-white">User Dashboard</div>
              <div class="ps-3">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt text-white"></i></a>
                    </li>
                    <li class="breadcrumb-item active text-white" aria-current="page"> Upload Blog</li>
                  </ol>
                </nav>
              </div>
            
            </div>
            <!--end breadcrumb-->
           
            <div class="profile-cover bg-dark"></div>

        
          <div class="row">
              <div class="col-12 col-lg-12">
                <div class="card shadow-sm border-0">
                  <div class="card-body">
                      <h5 class="mb-0">Create Post</h5>
                      <hr>
                      <div class="card shadow-none border">
                        <div class="card-header">
                          <h6 class="mb-0">Here fill your details to complete your Blog Post.</h6>
                        </div>
                        <div class="card-body">
                        <div class="container">

                          {{-- Success Message --}}
                          @if(session('success'))
                              <div class="alert alert-success alert-dismissible fade show">
                                  {{ session('success') }}
                                  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                              </div>
                          @endif

                      </div>

                    <form class="row g-3" method="POST" 
                      action="{{ isset($post) ? url('blogupdate/'.$post->id) : url('blogstore') }}" 
                      enctype="multipart/form-data">

                    @csrf
                    @if(isset($post))
                        @method('PUT')
                    @endif

                    <!-- Post Title -->
                    <div class="col-12">
                        <label class="form-label">Post Title *</label>
                        <input type="text" name="name"
                              class="form-control @error('name') is-invalid @enderror"
                              value="{{ old('name', $post->name ?? '') }}">

                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Category -->
                    <div class="col-6">
                        <label class="form-label">Post Category *</label>
                        <select name="category_id"
                                class="form-select @error('category_id') is-invalid @enderror">
                            <option value="">Choose Category</option>
                            @foreach($categories as $item)
                                <option value="{{ $item->id }}"
                                    {{ (old('category_id', $post->category_id ?? '') == $item->id) ? 'selected' : '' }}>
                                    {{ $item->name }}
                                </option>
                            @endforeach
                        </select>

                        @error('category_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Tag -->
                    <div class="col-6">
                        <label class="form-label">Post Tag *</label>
                        <select name="tag_ids[]" 
                          class="form-select @error('tag_ids') is-invalid @enderror" 
                          multiple>

                      @foreach($tags as $item)
                          <option value="{{ $item->id }}"
                              {{ (collect(old('tag_ids', isset($post) ? $post->tags->pluck('id')->toArray() : []))->contains($item->id)) ? 'selected' : '' }}>
                              {{ $item->name }}
                          </option>
                      @endforeach

                  </select>

                  @error('tag_ids')
                      <div class="invalid-feedback">{{ $message }}</div>
                  @enderror
                    </div>

                    <!-- Image -->
                    <div class="col-12">
                        <label class="form-label">Post Image</label>
                        <input type="file" name="featured_image"
                              class="form-control @error('featured_image') is-invalid @enderror">

                        @error('featured_image')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror

                        @if(isset($post) && $post->featured_image)
                            <div class="mt-2">
                                <img src="{{ asset('post_images/'.$post->featured_image) }}" width="120">
                            </div>
                        @endif
                    </div>

                    <!-- Content -->
                    <div class="col-12">
                        <label class="form-label">Post Content *</label>
                        <textarea name="content" id="editor"
                                  class="form-control @error('content') is-invalid @enderror"
                                  rows="6">{{ old('content', $post->content ?? '') }}</textarea>

                        @error('content')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Submit -->
                    <div class="col-12 text-start mt-3">
                        <button type="submit" class="btn btn-primary px-4">
                            {{ isset($post) ? 'Update' : 'Create' }}
                        </button>
                    </div>

                </form>

                        </div>
                      </div>
                   
                  </div>
                </div>
              </div>
              </div>
      
          </main>
       <!--end page main-->
@endsection