@extends('admin.layout')
@section('content')
    <form action="" method="post" id="mainEditForm" class="ps-3 pe-3" enctype="multipart/form-data">
        @csrf
        <div class="entityBlock">
            <h3 class="blockTitle g-col-md-12" style="display: flex; gap: 10px; margin: 10px 0px;">Images</h3>
            <div class="fieldGroup">
                <h5 class="fieldTitle">File name (without extension)</h5>
                <div class="fieldContainer">
                    <div class="fieldData mb-3">
                        <input class="fieldInput form-control form-control-sm @error('name') is-invalid @enderror" name="name" value="{{old('name', isset($fileInfo['name']) ? $fileInfo['name'] : '')}}">
                        @error('name')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="fieldGroup">
                <h5 class="fieldTitle">Folder</h5>
                <div class="fieldContainer">
                    <div class="fieldData mb-3">
                        <input class="fieldInput form-control form-control-sm @error('folder') is-invalid @enderror" name="folder" value="{{old('folder', isset($fileInfo['folder']) ? $fileInfo['folder'] : '')}}" list="folderNames">
                        @error('folder')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="fieldGroup">
                <h5 class="fieldTitle">Image</h5>
                <div class="fieldContainer">
                    <div class="fieldData mb-3">
                        <input type="file" class="fieldInput form-control form-control-sm @error('image') is-invalid @enderror" name="image" value="{{old('image', isset($fileInfo['image']) ? $fileInfo['image'] : '')}}">
                        @error('image')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
        @if (isset($fileInfo['imageSrc']))
            <details open>
                <summary>Current image:</summary>
                <div style="display: flex; justify-content: center;">
                    <img src="{{asset('images/'.$fileInfo['imageSrc'])}}" style="max-width: 100%;max-height: 50vh;">
                </div>
            </details>
        @endif
        <input type="submit" class="btn btn-primary" value="Save">
    </form>

    <datalist id="folderNames">
        @foreach ($storageFolders as $folder)
            <option value="{{$folder}}"></option>
        @endforeach
    </datalist>
@endsection