@extends('layouts.loggedInLayout')

@section('content')

<div class="nxl-content">
    <div class="page-header">
        <div class="page-header-left d-flex align-items-center">
            <div class="page-header-title">
                <h5 class="m-b-10">{{ __('profile.edit_image') }}</h5>
            </div>
        </div>
    </div>

    <div class="main-content">
        <div class="col-xl-6">
            <div class="alert alert-info border rounded shadow-sm p-3 mb-4">
                <i class="bi bi-info-circle-fill me-2"></i>
                <span class="text-muted">
                    {{ __('profile.edit_image_info') }}
                </span>
            </div>

            <!-- Edit Image Form -->
            <form action="{{ route('image.update', $image->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="mb-4">
                    <label for="image" class="form-label">{{ __('profile.choose_image') }}</label>
                    <input type="file" class="form-control" name="image" id="image" accept="image/*">
                </div>

                <div class="mb-4">
                    <label for="description" class="form-label">{{ __('profile.description') }}</label>
                    <textarea name="description" id="description" class="form-control" rows="4" placeholder="{{ __('profile.enter_description') }}">{{ old('description', $image->description) }}</textarea>
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-lg btn-primary w-100">
                        {{ __('profile.update') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection