@extends('layouts.auth')
@section('title', 'Install')
@section('cardClass', 'wide')
@section('heading', 'Set up your content calendar')
@section('sub', 'This takes about a minute. Have your database details from cPanel → MySQL Databases ready.')
@push('head')
<style>.req{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:4px;font-size:13px}.req li::before{margin-right:8px}.req .ok::before{content:"✓";color:#3F7254}.req .bad::before{content:"✕";color:#D44C47}.req .warn::before{content:"!";color:#CB912F;font-weight:700}.req small{color:var(--text-2);margin-left:6px}</style>
@endpush
@section('body')
<ul class="req">
@foreach ($checks as [$label, $ok, $fix, $required])
  <li class="{{ $ok ? 'ok' : ($required ? 'bad' : 'warn') }}">{{ $label }}@unless($ok)<small>{{ $fix }}</small>@endunless</li>
@endforeach
</ul>
@if ($blocking)
  <p class="msg err">Fix the items marked ✕, then reload this page.</p>
@else
<form method="post" action="{{ url('/install') }}" autocomplete="off">
  @csrf
  <fieldset><legend>Database</legend>
    <label>Type<select name="driver">
      @if (extension_loaded('pdo_mysql'))<option value="mysql" @selected(old('driver', 'mysql') === 'mysql')>MySQL / MariaDB (recommended)</option>@endif
      @if (extension_loaded('pdo_sqlite'))<option value="sqlite" @selected(old('driver') === 'sqlite')>SQLite (small teams, no setup)</option>@endif
    </select></label>
    <div class="row"><label>Host<input name="db_host" value="{{ old('db_host', 'localhost') }}"></label><label>Port<input name="db_port" value="{{ old('db_port', '3306') }}" inputmode="numeric"></label></div>
    <div class="row"><label>Database name<input name="db_name" value="{{ old('db_name') }}" placeholder="cpuser_calendar"></label><label>Database user<input name="db_user" value="{{ old('db_user') }}" placeholder="cpuser_calendar"></label></div>
    <label>Database password<input type="password" name="db_pass" autocomplete="new-password"></label>
    <span class="hint">cPanel adds your account name as a prefix, for example <code>cpuser_calendar</code>. Use the full names. For SQLite, leave these empty.</span>
  </fieldset>
  <fieldset><legend>Workspace</legend>
    <div class="row"><label>Workspace name<input name="workspace" value="{{ old('workspace', 'BUZZZ') }}" maxlength="40" required></label>
    <label>Time zone <span class="hint">Post times and reminders use this.</span><select name="timezone">@foreach (DateTimeZone::listIdentifiers() as $tz)<option @selected(old('timezone', 'Asia/Karachi') === $tz)>{{ $tz }}</option>@endforeach</select></label></div>
  </fieldset>
  <fieldset><legend>Email (invites and password resets)</legend>
    <label>How to send<select name="mail">
      <option value="sendmail" @selected(old('mail', 'sendmail') === 'sendmail')>Server mail (works on most cPanel hosts)</option>
      <option value="smtp" @selected(old('mail') === 'smtp')>SMTP (Gmail/Workspace, Zoho, Mailgun, your host's mailbox…)</option>
      <option value="log" @selected(old('mail') === 'log')>Don't send (write to the log, for testing)</option>
    </select></label>
    <label>Send emails from<input type="email" name="mail_from" value="{{ old('mail_from') }}" placeholder="calendar@yourdomain.com"></label>
    <div class="row"><label>SMTP host<input name="smtp_host" value="{{ old('smtp_host') }}" placeholder="mail.yourdomain.com"></label><label>SMTP port<input name="smtp_port" value="{{ old('smtp_port', '587') }}" inputmode="numeric"></label></div>
    <div class="row"><label>SMTP user<input name="smtp_user" value="{{ old('smtp_user') }}"></label><label>SMTP password<input type="password" name="smtp_pass" autocomplete="new-password"></label></div>
    <label>SMTP security<select name="smtp_scheme"><option value="smtp">STARTTLS (port 587)</option><option value="smtps" @selected(old('smtp_scheme') === 'smtps')>SSL/TLS (port 465)</option></select></label>
    <span class="hint">SMTP fields are only used when you choose SMTP. Invite links can always be copied from the app too.</span>
  </fieldset>
  <fieldset><legend>Your admin account</legend>
    <div class="row"><label>Name<input name="name" value="{{ old('name') }}" required></label><label>Email<input type="email" name="email" value="{{ old('email') }}" required></label></div>
    <label>Password <span class="hint">At least 10 characters.</span><input type="password" name="password" required minlength="10" autocomplete="new-password"></label>
  </fieldset>
  <fieldset><legend>Google Drive, Docs and Sheets (optional)</legend>
    <span class="hint">Paste your OAuth client from Google Cloud Console, or add it to .env later. Redirect URI to register: <code>{{ $redirect }}</code></span>
    <div class="row"><label>Client ID<input name="g_id" value="{{ old('g_id') }}"></label><label>Client secret<input name="g_secret" value="{{ old('g_secret') }}"></label></div>
  </fieldset>
  <button type="submit">Install</button>
</form>
@endif
@endsection