<?php

declare(strict_types=1);

use Fisharebest\Webtrees\Gedcom;
use Fisharebest\Webtrees\GedcomRecord;
use Fisharebest\Webtrees\Http\RequestHandlers\EditRawRecordAction;
use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\Tree;
use Fisharebest\Webtrees\View;
use Fisharebest\Webtrees\Webtrees;

/**
 * @var string       $level0
 * @var GedcomRecord $record
 * @var string       $title
 * @var Tree         $tree
 */

?>

<h2 class="wt-page-title"><?= $title ?></h2>

<form method="post" id="edit-raw-gedcom" action="<?= e(route(EditRawRecordAction::class, ['tree' => $tree->name(), 'xref' => $record->xref()])) ?>" class="wt-page-content">
    <div class="form-text">
        <?= I18N::translate('This page allows you to bypass the usual forms, and edit the underlying data directly. It is an advanced option, and you should not use it unless you understand the GEDCOM format. If you make a mistake here, it can be difficult to fix.') ?>
        <br>
        <?= /* I18N: %s is a URL */ I18N::translate('You can download a copy of the GEDCOM specification from %s.', '<a href="' . e(Webtrees::GEDCOM_PDF) . '">' . e(Webtrees::GEDCOM_PDF) . '</a>') ?>
    </div>

    <div class="card">
        <label class="card-header py-1 px-2" for="level0">
            <?= $record->fullName() ?>
        </label>
        <textarea class="card-body form-control py-1 px-2" id="level0" name="level0" rows="1" dir="ltr" readonly><?= e($level0) ?></textarea>
    </div>

    <div class="wt-sortable-list">
        <?php foreach ($record->facts([], false, null, true) as $fact) : ?>
            <div class="card my-2 wt-sortable-item">
                <input type="hidden" name="fact_id[]" value="<?= e($fact->id()) ?>">
                <div class="card-header">
                    <?= view('edit/reorder-card-header', ['title' => $fact->summary()]) ?>
                </div>
                <label class="visually-hidden" for="fact-<?= e($fact->id()) ?>"><?= $fact->summary() ?></label>

                <?php if ($fact->tag() === 'OBJE:FILE') : ?>
                    <div class="alert alert-warning mb-0">
                        <?= view('icons/warning') ?>
                        <?= I18N::translate('If you modify the filename, you should also rename the file.') ?>
                    </div>
                <?php endif ?>

                <textarea class="card-body form-control py-1 px-2" data-wt-pattern="<?= e(Gedcom::REGEX_FACT) ?>" dir="ltr" id="fact-<?= e($fact->id()) ?>" name="fact[]" rows="<?= 1 + preg_match_all('/\n/', $fact->gedcom()) ?>"><?= e($fact->gedcom()) ?></textarea>
            </div>
        <?php endforeach ?>

        <div class="card my-2">
            <label class="card-header py-1 px-2" for="fact-add">
                <?= I18N::translate('Add a fact') ?>
            </label>
            <input type="hidden" name="fact_id[]" value="">
            <textarea class="card-body form-control py-1 px-2" dir="ltr" id="fact-add" name="fact[]" rows="5" data-wt-pattern="<?= e(Gedcom::REGEX_FACT) ?>"></textarea>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-sm-9 offset-sm-3">
            <button class="btn btn-primary" type="submit">
                <?= view('icons/save') ?>
                <?= /* I18N: A button label. */ I18N::translate('save') ?>
            </button>
            <a class="btn btn-secondary" href="<?= e($record->url()) ?>">
                <?= view('icons/cancel') ?>
                <?= /* I18N: A button label. */ I18N::translate('cancel') ?>
            </a>
        </div>
    </div>

    <?= csrf_field() ?>
</form>

<?php View::push('javascript') ?>
<script>
  new Sortable(document.querySelector('.wt-sortable-list'), {
    handle: '.card-header',
  });

  webtrees.textareaPatterns(document.getElementById('edit-raw-gedcom'));
</script>
<?php View::endpush() ?>
