@extends('layouts.dashboard')
@section('title', __('Edit Learning Path'))
@section('page_title', __('Edit Learning Path'))

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="mb-0">{{ __('Edit Learning Path') }}</h5>
        <a href="{{ route('admin.paths.index') }}" class="btn btn-light"><i class="bi bi-arrow-left me-1"></i> {{ __('Back') }}</a>
    </div>

    <div class="row g-4">
        {{-- Path details --}}
        <div class="col-lg-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-white"><strong>{{ __('Details') }}</strong></div>
                <div class="card-body">
                    <form action="{{ route('admin.paths.update', $path) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="form-label">{{ __('Title') }} <span class="text-danger">*</span></label>
                                <input type="text" name="title" value="{{ old('title', $path->title) }}" class="form-control @error('title') is-invalid @enderror" required>
                                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">{{ __('Description') }}</label>
                                <textarea name="description" rows="4" class="form-control @error('description') is-invalid @enderror">{{ old('description', $path->description) }}</textarea>
                                @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">{{ __('Thumbnail') }}</label>
                                @if($path->thumbnail)
                                    <div class="mb-2">
                                        <img src="{{ media_url($path->thumbnail) }}" class="rounded" style="width: 120px; height: 72px; object-fit: cover;" alt="">
                                    </div>
                                @endif
                                <input type="file" name="thumbnail" accept="image/*" class="form-control @error('thumbnail') is-invalid @enderror">
                                @error('thumbnail')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                    <div class="col-12">
                        <label class="form-label">{{ __('Visible to') }}</label>
                        <select name="organization_id" class="form-select">
                            <option value="">{{ __('Everyone (public catalogue)') }}</option>
                            @foreach($organizations ?? [] as $org)<option value="{{ $org->id }}" @selected(old('organization_id', $path->organization_id ?? null) == $org->id)>{{ __('Only') }} {{ $org->name }}</option>@endforeach
                        </select>
                        <div class="form-text">{{ __('A private path is hidden from the public catalogue; the company assigns it through seat licences.') }}</div>
                    </div>
                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="status" value="0">
                                    <input class="form-check-input" type="checkbox" name="status" value="1" id="status" {{ old('status', $path->status) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="status">{{ __('Active') }}</label>
                                </div>
                            </div>
                        </div>
                        <div class="mt-4">
                            <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i> {{ __('Save Changes') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        {{-- Courses management --}}
        <div class="col-lg-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-white"><strong>{{ __('Courses') }}</strong></div>
                <div class="card-body">
                    {{-- Add course --}}
                    <form action="{{ route('admin.paths.courses.add', $path) }}" method="POST" class="mb-4">
                        @csrf
                        <label class="form-label">{{ __('Add a course to this path') }}</label>
                        <div class="input-group">
                            <select name="course_id" class="form-select @error('course_id') is-invalid @enderror" required>
                                <option value="">{{ __('Select a course…') }}</option>
                                @foreach($courses as $course)
                                    <option value="{{ $course->id }}">{{ $course->title }}</option>
                                @endforeach
                            </select>
                            <button type="submit" class="btn btn-primary"><i class="bi bi-plus-lg"></i></button>
                        </div>
                        @error('course_id')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                        @if($courses->isEmpty())
                            <div class="form-text">{{ __('All available courses are already in this path.') }}</div>
                        @endif
                    </form>

                    {{-- Ordered list --}}
                    <label class="form-label">{{ __('Courses in this path') }} ({{ $path->pathCourses->count() }})</label>
                    @if($path->pathCourses->count())
                        <ol class="list-group list-group-numbered">
                            @foreach($path->pathCourses as $pathCourse)
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span class="text-truncate me-2">
                                        {{ $pathCourse->course->title ?? __('[Deleted course]') }}
                                    </span>
                                    <form action="{{ route('admin.paths.courses.remove', $pathCourse) }}" method="POST"
                                          data-confirm="{{ __('Remove this course from the path?') }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i></button>
                                    </form>
                                </li>
                            @endforeach
                        </ol>
                    @else
                        <div class="text-muted small py-3 text-center">
                            <i class="bi bi-collection d-block fs-4 mb-1"></i>
                            {{ __('No courses added yet.') }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection