@extends('admin.layouts.app')
@section('title', ucfirst($pageKey) . ' Page Content')

@section('content')

<form method="POST" action="{{ route('admin.pages.update', $pageKey) }}" enctype="multipart/form-data">
    @csrf @method('PUT')

    <div class="card p-3" style="max-width:800px;">
        @foreach($fields as $field => $type)
        <div class="mb-3">
            <label class="form-label text-capitalize">{{ str_replace('_', ' ', $field) }}</label>

            @if($type === 'image')
                @if(!empty($page->content[$field]))
                <div class="mb-2"><img src="{{ \App\Helpers\ImageHelper::url($page->content[$field]) }}" height="70" class="rounded"></div>
                @endif
                <input type="file" name="{{ $field }}" class="form-control" accept="image/*">
            @elseif($type === 'textarea')
                <textarea name="{{ $field }}" class="form-control" rows="3">{{ old($field, $page->content[$field] ?? '') }}</textarea>
            @elseif($type === 'html')
                <textarea name="{{ $field }}" class="form-control" rows="8">{{ old($field, $page->content[$field] ?? '') }}</textarea>
                <div class="form-text">Basic HTML is allowed here (e.g. &lt;p&gt;, &lt;strong&gt;, &lt;ul&gt;).</div>
            @else
                <input type="text" name="{{ $field }}" class="form-control" value="{{ old($field, $page->content[$field] ?? '') }}">
            @endif
        </div>
        @endforeach

        <button class="btn btn-dark">Save</button>
        <a href="{{ route('admin.pages.index') }}" class="btn btn-outline-secondary mt-2">Cancel</a>
    </div>
</form>

@endsection