@extends('layouts.admin')

@php $editing = (bool) $item; @endphp
@section('title', ($editing ? 'Edit ' : 'Add ').strtolower($def['label']))
@section('heading', ($editing ? 'Edit ' : 'Add ').strtolower($def['label']))

@section('content')
<p class="back"><a class="backlink" href="{{ admin_route($def, 'index') }}"><svg class="i" aria-hidden="true"><use href="#i-chevron"/></svg>Back to {{ strtolower($def['plural']) }}@isset($def['parent_title']) of {{ $def['parent_title'] }}@endisset</a></p>

<header class="rhead rhead--form">
    <div class="rhead__id">
        <span class="rhead__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $editing ? 'pencil' : 'plus' }}"/></svg></span>
        <div>
            <h2>{{ $editing ? 'Edit' : 'Add' }} {{ strtolower($def['label']) }}</h2>
            <p>{{ $editing ? 'Update the details below, then save your changes.' : 'Fill in the details below. Fields marked required must be completed.' }}</p>
        </div>
    </div>
    @if ($editing && ! empty($def['public_route']))
        <div class="rhead__act"><a class="btn btn--ghost btn--sm" href="{{ route($def['public_route'], $item) }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg>View on website</a></div>
    @endif
</header>

@php
    $heads = collect($def['fields'])->where('type', 'heading')->values();
    $sideBar = ! empty($def['children']) || (! $editing && ! empty($def['tips']));
@endphp

@if ($heads->count() > 1)
<nav class="fjump" aria-label="Jump to section">
    @foreach ($heads as $h)<a href="#sec-{{ \Illuminate\Support\Str::slug($h['label']) }}">{{ $h['label'] }}</a>@endforeach
</nav>
@endif

<div @class(['eform' => $sideBar])>
<div class="eform__main">
<form class="card editor" method="post" enctype="multipart/form-data" novalidate
      action="{{ $editing ? admin_route($def, 'update', $item->id) : admin_route($def, 'store') }}">
    @csrf
    @if ($editing) @method('PUT') @endif

    <div class="editor__grid">
        @foreach ($def['fields'] as $f)
            @if ($f['type'] === 'heading')
                <div class="editor__cell"><h2 class="editor__sub" id="sec-{{ \Illuminate\Support\Str::slug($f['label']) }}">{{ $f['label'] }}</h2>@if (! empty($f['hint']))<p class="muted">{{ $f['hint'] }}</p>@endif</div>
                @continue
            @endif
            @php
                $name = $f['name'];
                $default = $f['default'] ?? null;
                if ($editing) {
                    $value = old($name, $f['type'] === 'datetime' && $item->{$name} ? $item->{$name}->format('Y-m-d\TH:i') : $item->{$name});
                } else {
                    $value = old($name, $default === 'now' ? now()->format('Y-m-d\TH:i') : $default);
                }
            @endphp
            @php if (is_array($value)) { $value = implode(', ', $value); } @endphp
            <div @class(['editor__cell', 'editor__cell--half' => ! empty($f['half'])])>
                @include('admin.fields.'.$f['type'], ['f' => $f, 'value' => $value, 'item' => $item, 'def' => $def, 'editing' => $editing])
            </div>
        @endforeach
    </div>

    <div class="editor__foot editor__foot--bar">
        <button class="btn btn--green" type="submit">{{ $editing ? 'Save changes' : 'Create '.strtolower($def['label']) }}</button>
        <a class="btn btn--ghost" href="{{ admin_route($def, 'index') }}">Cancel</a>
    </div>
</form>
</div>

@if ($sideBar && ! $editing && ! empty($def['tips']))
<aside class="eform__side">
    <div class="dtips">
        <h2>{{ $def['tips']['title'] }}</h2>
        <ul class="dtips__list">
            @foreach ($def['tips']['items'] as [$tipIcon, $tipTitle, $tipText])
                <li><span class="dtips__ico" aria-hidden="true"><svg class="i"><use href="#i-{{ $tipIcon }}"/></svg></span><div><strong>{{ $tipTitle }}</strong><p>{{ $tipText }}</p></div></li>
            @endforeach
        </ul>
    </div>
</aside>
@elseif ($sideBar && ! $editing)
<aside class="eform__side">
    <div class="dtips">
        <h2>Creating a {{ strtolower($def['label']) }}</h2>
        <ul class="dtips__list">
            <li><span class="dtips__ico" aria-hidden="true"><svg class="i"><use href="#i-pencil"/></svg></span><div><strong>1. Fill in the basics</strong><p>A clear title, a short summary and a card photo are enough to start.</p></div></li>
            <li><span class="dtips__ico" aria-hidden="true"><svg class="i"><use href="#i-check"/></svg></span><div><strong>2. Save it</strong><p>You can keep it hidden until it is ready. Untick &ldquo;Active&rdquo; under Visibility.</p></div></li>
            <li><span class="dtips__ico" aria-hidden="true"><svg class="i"><use href="#i-camera"/></svg></span><div><strong>3. Add content</strong><p>After saving, add banner photos, giftable items and updates from this page.</p></div></li>
            <li><span class="dtips__ico" aria-hidden="true"><svg class="i"><use href="#i-shield"/></svg></span><div><strong>4. Verify, then publish</strong><p>Tick &ldquo;Verified&rdquo; only after you have checked the campaign yourself.</p></div></li>
        </ul>
    </div>
</aside>
@elseif ($sideBar)
<aside class="eform__side">
    @php
        $goal = (int) data_get($item, 'goal', 0);
        $raised = (int) data_get($item, 'raised', 0);
        $pct = $goal > 0 ? min(100, (int) round($raised / $goal * 100)) : null;
        $cover = data_get($item, 'thumb_url');
    @endphp
    <div class="esum">
        <div class="esum__cover">
            @if ($cover)<img src="{{ $cover }}" alt="" loading="lazy">@else<span aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $def['icon'] ?? 'grid' }}"/></svg></span>@endif
        </div>
        <div class="esum__body">
            <h3>{{ data_get($item, 'title') ?: data_get($item, 'name') ?: 'Untitled' }}</h3>
            <div class="esum__tags">
                @if (data_get($item, 'is_active') !== null)<span @class(['pill', 'pill--on' => data_get($item, 'is_active'), 'pill--off' => ! data_get($item, 'is_active')])>{{ data_get($item, 'is_active') ? 'Active' : 'Hidden' }}</span>@endif
                @if (data_get($item, 'is_featured'))<span class="pill pill--tag">Featured</span>@endif
                @if (data_get($item, 'is_verified'))<span class="pill pill--on">Verified</span>@endif
            </div>
            @if ($raised || $goal)
                <div class="esum__money">
                    <div><small>Raised</small><strong>{{ \App\Support\Fmt::rupees($raised) }}</strong></div>
                    @if ($goal)<div><small>Goal</small><strong>{{ \App\Support\Fmt::rupees($goal) }}</strong></div>@endif
                </div>
                @if ($pct !== null)
                    <div class="esum__bar" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100"><span style="width: {{ $pct }}%"></span></div>
                    <p class="esum__pct">{{ $pct }}% of goal</p>
                @endif
            @endif
        </div>
    </div>
    @include('admin.resource.children', ['item' => $item, 'def' => $def])
</aside>
@endif
</div>
@endsection