@extends('layouts.app')

@section('header')
    <div class="row g-2 align-items-center">
        <div class="col">
            <div class="page-pretitle">
                <a href="{{ route('admin.companies.index') }}" class="text-secondary text-decoration-none">
                    <i class="ti ti-arrow-left me-1"></i>Companies
                </a>
            </div>
            <h2 class="page-title">Keka integration — {{ $company->name }}</h2>
            <div class="text-secondary mt-1">
                This company's own Keka account. Leave synced from it shortens the expected day on the Timesheet.
            </div>
        </div>
        <div class="col-auto ms-auto">
            @if ($configured)
                <span class="badge bg-green-lt"><i class="ti ti-plug-connected me-1"></i>Configured</span>
            @else
                <span class="badge bg-secondary-lt">Not configured</span>
            @endif
        </div>
    </div>
@endsection

@section('content')

@foreach (['success' => true, 'warning' => false] as $key => $good)
    @if (session($key))
        <div class="alert alert-{{ $good ? 'success' : 'warning' }} mb-3">
            <i class="ti {{ $good ? 'ti-check' : 'ti-alert-triangle' }} me-1"></i>{{ session($key) }}
        </div>
    @endif
@endforeach

<div class="row g-3">
    <div class="col-lg-7">
        <form method="POST" action="{{ route('admin.companies.keka.update', $company) }}" novalidate>
            @csrf @method('PUT')
            <div class="card">
                <div class="card-header"><h3 class="card-title mb-0">API credentials</h3></div>
                <div class="card-body">
                    <div class="row g-2 mb-3">
                        <div class="col-sm-7">
                            <label class="form-label">Subdomain</label>
                            <input name="keka_subdomain" class="form-control @error('keka_subdomain') is-invalid @enderror"
                                   placeholder="acme" value="{{ old('keka_subdomain', $company->keka_subdomain) }}">
                            <small class="text-secondary">The part before <code>.keka.com</code>.</small>
                            @error('keka_subdomain')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-sm-5">
                            <label class="form-label">Environment</label>
                            <select name="keka_env" class="form-select">
                                @foreach (\App\Http\Controllers\Admin\KekaIntegrationController::ENVIRONMENTS as $value => $label)
                                    <option value="{{ $value }}"
                                        @selected(old('keka_env', $company->keka_env ?: 'keka') === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Client ID</label>
                        <input name="keka_client_id" class="form-control font-monospace @error('keka_client_id') is-invalid @enderror"
                               value="{{ old('keka_client_id', $company->keka_client_id) }}">
                        @error('keka_client_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Client secret</label>
                        <input name="keka_client_secret" type="password" autocomplete="new-password" class="form-control"
                               placeholder="{{ filled($company->keka_client_secret) ? 'stored — leave blank to keep' : 'paste the client secret' }}">
                    </div>

                    <div class="mb-1">
                        <label class="form-label">API key</label>
                        <input name="keka_api_key" type="password" autocomplete="new-password" class="form-control"
                               placeholder="{{ filled($company->keka_api_key) ? 'stored — leave blank to keep' : 'paste the API key' }}">
                        <small class="text-secondary">
                            All four are required. Both secrets are encrypted at rest, and a blank
                            field keeps whatever is already stored.
                        </small>
                    </div>
                </div>
                <div class="card-footer d-flex">
                    <button class="btn btn-primary ms-auto">Save credentials</button>
                </div>
            </div>
        </form>
    </div>

    <div class="col-lg-5">
        <div class="card mb-3">
            <div class="card-header"><h3 class="card-title mb-0">Test the connection</h3></div>
            <div class="card-body">
                <p class="text-secondary">
                    Exchanges the credentials for a token and throws it away. Reads nothing
                    about anybody, and does not go through the cache — a cached token proves
                    Keka worked an hour ago, not that it works now.
                </p>
                <form method="POST" action="{{ route('admin.companies.keka.ping', $company) }}">
                    @csrf
                    <button class="btn btn-outline-primary w-100" @disabled(! $configured)>
                        <i class="ti ti-plug-connected me-1"></i> Ping Keka
                    </button>
                </form>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header">
                <h3 class="card-title mb-0">Leave sync</h3>
                <span class="card-subtitle">daily at {{ $syncAt }} {{ \App\Support\DisplayTimezone::short($syncZone) }}</span>
            </div>
            <div class="card-body">
                <div class="datagrid mb-3">
                    <div class="datagrid-item">
                        <div class="datagrid-title">Leave days stored</div>
                        <div class="datagrid-content">{{ number_format($stats['total']) }}</div>
                    </div>
                    <div class="datagrid-item">
                        <div class="datagrid-title">Approved</div>
                        <div class="datagrid-content">{{ number_format($stats['approved']) }}</div>
                    </div>
                    <div class="datagrid-item">
                        <div class="datagrid-title">Today or later</div>
                        <div class="datagrid-content">{{ number_format($stats['upcoming']) }}</div>
                    </div>
                    <div class="datagrid-item">
                        <div class="datagrid-title">Last synced</div>
                        <div class="datagrid-content">
                            {{ $stats['last'] ? \Illuminate\Support\Carbon::parse($stats['last'])->diffForHumans() : 'never' }}
                        </div>
                    </div>
                </div>

                @if ($stats['unmapped'] > 0)
                    <div class="alert alert-warning">
                        {{ $stats['unmapped'] }} leave day(s) belong to a Keka employee number that
                        no Worklance account carries. Leave only counts for people whose
                        <strong>Employee ID</strong> matches their Keka employee number.
                    </div>
                @endif

                <form method="POST" action="{{ route('admin.companies.keka.sync', $company) }}">
                    @csrf
                    <button class="btn btn-outline-secondary w-100" @disabled(! $configured)>
                        <i class="ti ti-refresh me-1"></i> Sync leave now
                    </button>
                </form>
                <small class="text-secondary d-block mt-2">
                    Covers last month through next month. The schedule does this daily; this is
                    for the minute after the credentials are first saved.
                </small>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h3 class="card-title mb-0">What leave changes</h3></div>
            <div class="card-body text-secondary">
                <p>On the Timesheet, approved leave shortens the day that was expected of somebody:</p>
                <ul class="mb-2">
                    <li><strong>Full day</strong> — expected working hours become <strong>0</strong></li>
                    <li><strong>Half day</strong> — <strong>{{ $halfDay }} hours</strong> come off their rostered
                        shift, so a shift of 8h net expects 5h</li>
                </ul>
                <p class="mb-0">
                    Idle/Free Time is expected minus active, so somebody who works through their
                    leave is active for longer than was expected of them and their free time goes
                    <span class="text-green">negative</span> — which is how the report says they
                    worked when they did not have to.
                </p>
            </div>
        </div>
    </div>
</div>
@endsection