@extends('layouts.app')

@section('header')
    <div class="row g-2 align-items-center">
        <div class="col">
            <div class="page-pretitle">Administration</div>
            <h2 class="page-title">Companies</h2>
        </div>
        <div class="col-auto ms-auto">
            <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#company-create">
                <i class="ti ti-plus me-1"></i> New Company
            </button>
        </div>
    </div>
@endsection

@section('content')
<div class="card">
    <div class="table-responsive">
        <table class="table table-vcenter card-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Slug</th>
                    <th>Users</th>
                    <th>Workspace</th>
                    <th>App version</th>
                    <th>Status</th>
                    <th class="w-1"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($companies as $company)
                    <tr>
                        <td>
                            <span class="fw-semibold">{{ $company->name }}</span>
                            @if ($activeCompany?->id === $company->id)
                                <span class="badge bg-primary-lt ms-1">active context</span>
                            @endif
                        </td>
                        <td class="text-secondary">{{ $company->slug }}</td>
                        <td>{{ $company->users_count }}</td>
                        <td>
                            @if ($company->workspace_enabled)
                                <span class="badge bg-azure-lt" title="Task-based workspace data is available to this company">
                                    <i class="ti ti-plug-connected me-1"></i>Enabled
                                </span>
                            @else
                                <span class="badge bg-secondary-lt" title="No workspace link at all for this company">Off</span>
                            @endif
                        </td>
                        <td>
                            @if ($company->locked_version)
                                <span class="badge bg-orange-lt" title="Updater is capped here — newer releases are never offered">
                                    <i class="ti ti-lock me-1"></i>{{ $company->locked_version }}
                                </span>
                            @else
                                <span class="text-secondary">latest</span>
                            @endif
                        </td>
                        <td>
                            @if ($company->is_active)
                                <span class="badge bg-green-lt">Active</span>
                            @else
                                <span class="badge bg-secondary-lt">Inactive</span>
                            @endif
                        </td>
                        <td>
                            <div class="dropdown">
                                <button class="btn btn-sm btn-ghost-secondary" data-bs-toggle="dropdown">
                                    <i class="ti ti-dots-vertical"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end">
                                    <button class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#company-edit-{{ $company->id }}">
                                        <i class="ti ti-edit me-2"></i> Edit
                                    </button>
                                    <form method="POST" action="{{ route('admin.companies.switch', $company) }}">
                                        @csrf
                                        <button class="dropdown-item"><i class="ti ti-arrows-exchange me-2"></i> Switch to this</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.companies.status', $company) }}">
                                        @csrf @method('PATCH')
                                        <button class="dropdown-item">
                                            <i class="ti ti-toggle-{{ $company->is_active ? 'left' : 'right' }} me-2"></i>
                                            {{ $company->is_active ? 'Deactivate' : 'Activate' }}
                                        </button>
                                    </form>
                                    <div class="dropdown-divider"></div>
                                    <form method="POST" action="{{ route('admin.companies.destroy', $company) }}"
                                          onsubmit="return confirm('Delete this company?')">
                                        @csrf @method('DELETE')
                                        <button class="dropdown-item text-danger"><i class="ti ti-trash me-2"></i> Delete</button>
                                    </form>
                                </div>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-secondary py-4">No companies yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Edit modals — rendered OUTSIDE the table (a modal isn't valid markup
     inside <tbody>; the browser would foster-parent it and break layout). --}}
@foreach ($companies as $company)
    @php $ekey = "company-edit-{$company->id}"; $eErr = old('form_key') === $ekey; @endphp
    <div class="modal modal-blur fade" id="{{ $ekey }}" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <form class="modal-content js-modal-form" method="POST" action="{{ route('admin.companies.update', $company) }}" novalidate>
                @csrf @method('PUT')
                <input type="hidden" name="form_key" value="{{ $ekey }}">
                <div class="modal-header">
                    <h5 class="modal-title">Edit company</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label required">Name</label>
                        <input name="name" maxlength="255" required
                               class="form-control @if($eErr && $errors->has('name')) is-invalid @endif"
                               value="{{ $eErr ? old('name', $company->name) : $company->name }}">
                        <div class="invalid-feedback">{{ $eErr && $errors->has('name') ? $errors->first('name') : 'Please enter a name.' }}</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Slug</label>
                        <input name="slug" maxlength="255" pattern="[A-Za-z0-9\-]+"
                               class="form-control @if($eErr && $errors->has('slug')) is-invalid @endif"
                               value="{{ $eErr ? old('slug', $company->slug) : $company->slug }}">
                        <small class="text-secondary">Letters, numbers, dashes. Blank = from name.</small>
                        <div class="invalid-feedback">{{ $eErr && $errors->has('slug') ? $errors->first('slug') : 'Only letters, numbers and dashes.' }}</div>
                    </div>
                    <label class="form-check">
                        <input type="hidden" name="is_active" value="0">
                        <input class="form-check-input" type="checkbox" name="is_active" value="1"
                               {{ ($eErr ? old('is_active') : $company->is_active) ? 'checked' : '' }}>
                        <span class="form-check-label">Active</span>
                    </label>

                    <hr class="my-3">

                    {{-- Add-on: Workspace (bbtl_workspace) task data --}}
                    <label class="form-check form-switch">
                        <input type="hidden" name="workspace_enabled" value="0">
                        <input class="form-check-input" type="checkbox" name="workspace_enabled" value="1"
                               {{ ($eErr ? old('workspace_enabled') : $company->workspace_enabled) ? 'checked' : '' }}>
                        <span class="form-check-label">Workspace add-on</span>
                    </label>
                    <small class="text-secondary d-block mb-3">
                        Task-based data from the shared Workspace (read-only). Off = this company
                        has no workspace link at all: no task list, no user sync, single Default Task.
                    </small>

                    {{-- Per-company desktop version ceiling --}}
                    <div class="mb-1">
                        <label class="form-label">Lock app version</label>
                        <input name="locked_version" list="known-versions" maxlength="32" placeholder="latest (no lock)"
                               class="form-control @if($eErr && $errors->has('locked_version')) is-invalid @endif"
                               value="{{ $eErr ? old('locked_version') : $company->locked_version }}">
                        <div class="invalid-feedback">{{ $eErr && $errors->has('locked_version') ? $errors->first('locked_version') : 'Use a version number like 1.9.3.' }}</div>
                    </div>
                    <small class="text-secondary">
                        Ceiling, not a target: this company's apps never auto-update past it, and
                        Version Control only lists releases up to it. Blank = always newest.
                    </small>

                    <hr class="my-3">

                    {{-- Starting point for the two top-bar controls. Not a lock:
                         an admin who picks differently keeps their choice for
                         the session, because that is read first. --}}
                    <div class="row g-2 mb-1">
                        <div class="col-sm-6">
                            <label class="form-label">Default timezone</label>
                            <select name="default_timezone" class="form-select">
                                <option value="">Detect / {{ \App\Support\DisplayTimezone::label(\App\Support\DisplayTimezone::FALLBACK) }}</option>
                                @foreach (\App\Support\DisplayTimezone::OPTIONS as $value => $label)
                                    <option value="{{ $value }}"
                                        @selected(($eErr ? old('default_timezone') : $company->default_timezone) === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-6">
                            <label class="form-label">Default day boundary</label>
                            <select name="default_day_mode" class="form-select">
                                <option value="">{{ \App\Services\Reports\TimesheetService::DAY_MODES[\App\Services\Reports\TimesheetService::DAY_BY_START] }} (default)</option>
                                @foreach (\App\Services\Reports\TimesheetService::DAY_MODES as $value => $label)
                                    <option value="{{ $value }}"
                                        @selected(($eErr ? old('default_day_mode') : $company->default_day_mode) === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <small class="text-secondary">
                        Where this company's admins start when they have not picked in the top bar.
                        Blank leaves the built-in fallback. Anyone can still switch for their own session.
                    </small>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </form>
        </div>
    </div>
@endforeach

{{-- Create modal --}}
@php $cErr = old('form_key') === 'company-create'; @endphp
<div class="modal modal-blur fade" id="company-create" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <form class="modal-content js-modal-form" method="POST" action="{{ route('admin.companies.store') }}" novalidate>
            @csrf
            <input type="hidden" name="form_key" value="company-create">
            <div class="modal-header">
                <h5 class="modal-title">New company</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label required">Name</label>
                    <input name="name" maxlength="255" required placeholder="Acme Inc."
                           class="form-control @if($cErr && $errors->has('name')) is-invalid @endif"
                           value="{{ $cErr ? old('name') : '' }}">
                    <div class="invalid-feedback">{{ $cErr && $errors->has('name') ? $errors->first('name') : 'Please enter a name.' }}</div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Slug</label>
                    <input name="slug" maxlength="255" pattern="[A-Za-z0-9\-]+" placeholder="auto from name if blank"
                           class="form-control @if($cErr && $errors->has('slug')) is-invalid @endif"
                           value="{{ $cErr ? old('slug') : '' }}">
                    <div class="invalid-feedback">{{ $cErr && $errors->has('slug') ? $errors->first('slug') : 'Only letters, numbers and dashes.' }}</div>
                </div>
                <label class="form-check">
                    <input type="hidden" name="is_active" value="0">
                    <input class="form-check-input" type="checkbox" name="is_active" value="1" {{ $cErr ? (old('is_active') ? 'checked' : '') : 'checked' }}>
                    <span class="form-check-label">Active</span>
                </label>

                <hr class="my-3">

                {{-- Add-on: off by default — a new company is standalone. --}}
                <label class="form-check form-switch">
                    <input type="hidden" name="workspace_enabled" value="0">
                    <input class="form-check-input" type="checkbox" name="workspace_enabled" value="1"
                           {{ ($cErr && old('workspace_enabled')) ? 'checked' : '' }}>
                    <span class="form-check-label">Workspace add-on</span>
                </label>
                <small class="text-secondary d-block mb-3">
                    Only for companies that need task-based Workspace data. Leave off for a
                    standalone tenant.
                </small>

                <div class="mb-1">
                    <label class="form-label">Lock app version</label>
                    <input name="locked_version" list="known-versions" maxlength="32" placeholder="latest (no lock)"
                           class="form-control @if($cErr && $errors->has('locked_version')) is-invalid @endif"
                           value="{{ $cErr ? old('locked_version') : '' }}">
                    <div class="invalid-feedback">{{ $cErr && $errors->has('locked_version') ? $errors->first('locked_version') : 'Use a version number like 1.9.3.' }}</div>
                </div>
                <small class="text-secondary">Blank = always the newest active release.</small>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Create company</button>
            </div>
        </form>
    </div>
</div>

{{-- Published versions, offered as suggestions on every lock field. --}}
<datalist id="known-versions">
    @foreach ($versions as $v)
        <option value="{{ $v }}"></option>
    @endforeach
</datalist>

@include('admin.partials.modal-form-ux')
@endsection