@extends('superadmin::layout', ['title' => 'Сайты'])

@section('content')
    <div class="card">
        <h1 style="margin-top:0;font-size:18px">Новый сайт</h1>

        <form method="post" action="/sites">
            @csrf

            <div class="grid">
                <div style="grid-column:span 3">
                    <label for="login">Логин *</label>
                    <input id="login" name="login" value="{{ old('login') }}" style="width:100%" required>
                    @error('login')<p class="error">{{ $message }}</p>@enderror
                </div>

                <div style="grid-column:span 4">
                    <label for="name">Название *</label>
                    <input id="name" name="name" value="{{ old('name') }}" style="width:100%" required>
                    @error('name')<p class="error">{{ $message }}</p>@enderror
                </div>

                <div style="grid-column:span 5">
                    <label for="host">Основной домен</label>
                    <input id="host" name="primary_host" value="{{ old('primary_host') }}" style="width:100%"
                           placeholder="можно позже">
                </div>

                <div style="grid-column:span 5">
                    <label for="owner">Почта владельца</label>
                    <input id="owner" type="email" name="owner_email" value="{{ old('owner_email') }}" style="width:100%">
                    @error('owner_email')<p class="error">{{ $message }}</p>@enderror
                </div>

                <div style="grid-column:span 4">
                    <label for="pass">Пароль владельца</label>
                    <input id="pass" type="text" name="owner_password" style="width:100%" placeholder="от 12 символов">
                    @error('owner_password')<p class="error">{{ $message }}</p>@enderror
                </div>

                <div style="grid-column:span 4">
                    <label for="template">Из шаблона</label>
                    <select id="template" name="template_id" style="width:100%">
                        <option value="">— пустой сайт —</option>
                        @foreach ($templates as $template)
                            <option value="{{ $template->id }}" @selected(old('template_id') == $template->id)>
                                {{ $template->name }} ({{ $template->login }})
                            </option>
                        @endforeach
                    </select>
                </div>

                <div style="grid-column:span 4;display:flex;align-items:flex-end;gap:8px">
                    <label style="margin:0 0 8px;display:flex;gap:6px;align-items:center">
                        <input type="checkbox" name="with_content" value="1" @checked(old('with_content'))>
                        с демонстрационным содержимым
                    </label>
                </div>

                <div style="grid-column:span 4;display:flex;align-items:flex-end">
                    <button type="submit">Создать сайт</button>
                </div>
            </div>
        </form>

        <p class="muted" style="margin-bottom:0">
            Сайт создаётся черновиком: он доступен только по девелоперскому адресу
            <code>{логин}{{ config('korzilla.dev_domain_suffix') }}</code> и закрыт от индексации целиком.
        </p>
    </div>

    <div class="card">
        <form method="get" action="/sites" style="margin-bottom:16px">
            <input name="q" value="{{ $search }}" placeholder="логин или название" style="width:280px">
            <button type="submit" class="ghost">Найти</button>
            <span class="muted" style="margin-left:12px">всего: {{ $sites->total() }}</span>
        </form>

        <table>
            <thead>
                <tr>
                    <th>Логин</th>
                    <th>Название</th>
                    <th>Доменов</th>
                    <th>Статус</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($sites as $site)
                    <tr>
                        <td><code>{{ $site->login }}</code></td>
                        <td>{{ $site->name }}</td>
                        <td>{{ $site->domains_count }}</td>
                        <td>
                            <form method="post" action="/sites/{{ $site->id }}/status" style="display:flex;gap:6px">
                                @csrf
                                @method('put')
                                <select name="status" onchange="this.form.submit()">
                                    @foreach ($statuses as $status)
                                        <option value="{{ $status->value }}" @selected($site->status === $status)>
                                            {{ $status->label() }}
                                        </option>
                                    @endforeach
                                </select>
                            </form>
                        </td>
                        <td class="muted">
                            <a href="/sites/{{ $site->id }}/modules">модули</a>
                            &middot;
                            <a href="/sites/{{ $site->id }}/overrides">код</a>
                            &middot;
                            <a href="//{{ $site->login }}{{ config('korzilla.dev_domain_suffix') }}/admin" target="_blank" rel="noopener">
                                админка
                            </a>
                        </td>
                    </tr>
                @endforeach

                @if ($sites->isEmpty())
                    <tr><td colspan="5" class="muted">Сайтов пока нет.</td></tr>
                @endif
            </tbody>
        </table>

        <div style="margin-top:16px">{{ $sites->links() }}</div>
    </div>
@endsection