@extends('layouts.cmsapp')

@section('cms_content')
<h1>Edit Static Content</h1>

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

    <div class="form-group">
        <label>Type</label>
        <input type="text" name="type" value="{{ $content->type }}" class="form-control" required>
    </div>
    <div class="form-group">
        <label>Title</label>
        <input type="text" name="title" value="{{ $content->title }}" class="form-control" required>
    </div>
    <div class="form-group">
        <label>Route</label>
        <input type="text" name="route" value="{{ $content->route }}" class="form-control">
    </div>
     <div class="form-group">
        <label>Priority</label>
        <input type="number" name="priority" value="{{ $content->priority }}" class="form-control" required>
    </div>
    @php
    $file = $content->image;
    $extension = $file ? strtolower(pathinfo($file, PATHINFO_EXTENSION)) : null;
    $imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
@endphp

<div class="form-group">
    <label>File (Image / Document)</label><br>

    @if ($file)
        @if (in_array($extension, $imageExtensions))
            <img src="{{ asset('frontend/' . $file) }}"
                 height="60"
                 class="img-thumbnail mb-2">
        @else
            <a href="{{ asset('frontend/' . $file) }}"
               target="_blank"
               class="btn btn-sm btn-outline-primary mb-2">
                View Existing File
            </a>
        @endif
    @endif

    <input type="file"
           name="image"
           class="form-control"
           accept=".jpg,.jpeg,.png,.gif,.webp,.pdf,.doc,.docx">
</div>

    <div class="form-group">
        <label>Content</label>
        <textarea class="span12" id="editor1" name="content" rows="12" data-validation="required" style="height:700px;">{{ $content->content }}</textarea>
    </div>    

    <button class="btn btn-primary">Update</button>
    <button type="button" class="btn btn-default" onclick="window.history.back();return false;">Cancel</button></button>
</form>
@endsection