@extends('layouts.dashboard')
@section('title', __('Seat Licences'))
@section('page_title', __('Seat Licences'))

@section('content')
    @include('partials.how-it-works', ['key' => 'organization.licenses'])

    @include('organization.team._switcher', ['route' => 'organization.licenses.index'])

    @if($organization)
        <div class="row g-3">
            <div class="col-lg-8">
                @forelse($licenses as $license)
                    <div class="card shadow-sm mb-3">
                        <div class="card-header bg-white d-flex flex-wrap gap-2 align-items-center">
                            <span class="fw-semibold">@if($license->learning_path_id)<i class="bi bi-signpost-split me-1 text-primary"></i>@endif{{ $license->label() }}</span>
                            <span class="badge bg-{{ $license->isUsable() ? 'success' : 'secondary' }}">
                                {{ $license->seats_used }} / {{ $license->seats_total }} {{ __('seats used') }}
                            </span>
                            @if($license->expires_on)
                                <span class="ms-auto small text-muted">{{ __('Expires') }} {{ $license->expires_on->format('d M Y') }}</span>
                            @endif
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ route('organization.licenses.assign', $license) }}" class="row g-2 mb-3">
                                @csrf
                                <div class="col-md-8">
                                    <select name="member_id" class="form-select form-select-sm" required>
                                        <option value="">{{ __('Give a seat to…') }}</option>
                                        @foreach($members as $member)
                                            <option value="{{ $member->id }}">{{ $member->name ?: $member->email }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4 d-grid">
                                    <button class="btn btn-sm btn-primary" @disabled(! $license->isUsable())>{{ __('Assign seat') }}</button>
                                </div>
                            </form>
                            <form method="POST" action="{{ route('organization.licenses.assign.group', $license) }}" class="row g-2 mb-3" data-confirm="{{ __('Give a seat to everyone in the selected group?') }}">
                                @csrf
                                <div class="col-md-8">
                                    <select name="department_id" class="form-select form-select-sm">
                                        <option value="">{{ __('Everyone on the team') }} ({{ $members->count() }})</option>
                                        @foreach($departments as $d)<option value="{{ $d->id }}">{{ __('Department:') }} {{ $d->name }} ({{ $d->members_count }})</option>@endforeach
                                    </select>
                                </div>
                                <div class="col-md-4 d-grid">
                                    <button class="btn btn-sm btn-outline-primary" @disabled(! $license->isUsable())><i class="bi bi-people me-1"></i>{{ __('Assign to group') }}</button>
                                </div>
                                <div class="col-12 form-text mt-0">{{ __('Skips people who already hold a seat; stops when the licence runs out. :n seats left.', ['n' => $license->seatsLeft()]) }}</div>
                            </form>

                            <ul class="list-group list-group-flush">
                                @forelse($license->assignments()->whereNull('revoked_at')->with('member')->get() as $assignment)
                                    <li class="list-group-item d-flex align-items-center px-0">
                                        <span class="small flex-grow-1">{{ $assignment->member?->name ?: $assignment->member?->email }}</span>
                                        <form method="POST" action="{{ route('organization.licenses.revoke', $assignment) }}" data-confirm="{{ __('Release this seat? The member loses access.') }}">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i></button>
                                        </form>
                                    </li>
                                @empty
                                    <li class="list-group-item text-muted small px-0">{{ __('No one is using this licence yet.') }}</li>
                                @endforelse
                            </ul>
                        </div>
                    </div>
                @empty
                    <div class="card"><div class="card-body text-center text-muted py-5">
                        <i class="bi bi-ticket-perforated display-6 d-block mb-2"></i>
                        {{ __('No seat licences yet.') }}
                    </div></div>
                @endforelse

                @if($licenses instanceof \Illuminate\Contracts\Pagination\Paginator)
                    {{ $licenses->links() }}
                @endif
            </div>

            <div class="col-lg-4">
                <div class="card shadow-sm">
                    <div class="card-header bg-white fw-semibold">{{ __('New seat licence') }}</div>
                    <form method="POST" action="{{ route('organization.licenses.store', $organization) }}" class="card-body">
                        @csrf
                        <label class="form-label small mb-1">{{ __('Licence for') }}</label>
                        <select name="course_id" class="form-select form-select-sm mb-2" id="lfLicCourse">
                            <option value="">{{ __('— a learning path (below) —') }}</option>
                            @foreach($courses as $course)
                                <option value="{{ $course->id }}" @selected($loop->first)>{{ $course->title }}</option>
                            @endforeach
                        </select>
                        @if($paths->isNotEmpty())
                            <select name="learning_path_id" class="form-select form-select-sm mb-2" id="lfLicPath">
                                <option value="">{{ __('— or pick a learning path —') }}</option>
                                @foreach($paths as $path)
                                    <option value="{{ $path->id }}">{{ $path->title }}@if($path->organization_id) ({{ __('private') }})@endif</option>
                                @endforeach
                            </select>
                            <div class="form-text mb-2">{{ __('A path seat enrols the person in every course on the path.') }}</div>
                        @endif
                        <label class="form-label small mb-1">{{ __('Seats') }}</label>
                        <input type="number" name="seats_total" min="1" value="10" class="form-control form-control-sm mb-2" required>
                        <div class="row g-2 mb-2">
                            <div class="col-6">
                                <label class="form-label small mb-1">{{ __('Starts') }}</label>
                                <input type="date" name="starts_on" class="form-control form-control-sm">
                            </div>
                            <div class="col-6">
                                <label class="form-label small mb-1">{{ __('Expires') }}</label>
                                <input type="date" name="expires_on" class="form-control form-control-sm">
                            </div>
                        </div>
                        <button class="btn btn-primary btn-sm w-100">{{ __('Create licence') }}</button>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endsection

@push('scripts')
<script>
(function () {
    var c = document.getElementById('lfLicCourse'), p = document.getElementById('lfLicPath');
    if (!c || !p) return;
    c.addEventListener('change', function () { if (c.value) p.value = ''; });
    p.addEventListener('change', function () { if (p.value) c.value = ''; });
})();
</script>
@endpush