@extends('admin.master')

@section('content')

@php
    $imagePath = $edit_data->image ? str_replace('public/', '', $edit_data->image) : null;
@endphp

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8 mx-auto">

            <div class="card mt-3">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">Edit Category</h4>

                    <a href="{{ route('categories.index') }}" class="btn btn-secondary">
                        Back
                    </a>
                </div>

                <div class="card-body">

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form action="{{ route('categories.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <input type="hidden" name="id" value="{{ $edit_data->id }}">

                        <div class="mb-3">
                            <label class="form-label">Category Name <span class="text-danger">*</span></label>
                            <input type="text"
                                   name="name"
                                   value="{{ old('name', $edit_data->name) }}"
                                   class="form-control"
                                   placeholder="Enter category name"
                                   required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Parent Category</label>
                            <select name="parent_id" class="form-control">
                                <option value="">Main Category</option>

                                @foreach($categories as $category)
                                    <option value="{{ $category->id }}"
                                        {{ old('parent_id', $edit_data->parent_id) == $category->id ? 'selected' : '' }}>
                                        {{ $category->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Old Image</label>
                            <br>

                            @if($imagePath && file_exists(public_path($imagePath)))
                                <img src="{{ asset($imagePath) }}"
                                     width="120"
                                     height="90"
                                     style="object-fit: cover; border-radius: 8px; border: 1px solid #ddd;">
                            @else
                                <div style="width:120px;height:90px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;">
                                    No Image
                                </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label class="form-label">New Image</label>
                            <input type="file"
                                   name="image"
                                   class="form-control"
                                   accept="image/*">
                            <small class="text-muted">Upload new image only if you want to change old image.</small>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Meta Title</label>
                            <input type="text"
                                   name="meta_title"
                                   value="{{ old('meta_title', $edit_data->meta_title) }}"
                                   class="form-control"
                                   placeholder="Enter meta title">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Meta Description</label>
                            <textarea name="meta_description"
                                      class="form-control"
                                      rows="4"
                                      placeholder="Enter meta description">{{ old('meta_description', $edit_data->meta_description) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Status <span class="text-danger">*</span></label>
                            <select name="status" class="form-control" required>
                                <option value="1" {{ old('status', $edit_data->status) == 1 ? 'selected' : '' }}>
                                    Active
                                </option>

                                <option value="0" {{ old('status', $edit_data->status) == 0 ? 'selected' : '' }}>
                                    Inactive
                                </option>
                            </select>
                        </div>

                        <button type="submit" class="btn btn-primary">
                            Update Category
                        </button>

                    </form>

                </div>
            </div>

        </div>
    </div>
</div>

@endsection