@extends('layouts.imagestemplate')

@section('styles')
<style>
<style>
#details{
    min-height:400px !important;
}
</style>

@endsection

@section('content')
<div class="col-md-10 admincontent offset-1">
    @forelse($images as $image)
                <a href="javascript:parent.insertAtCursor('{!!$image_link!!}');"><img src="/king_david/articles/{{$image}}.jpg" class=" p-1" width="50%"/></a>
    @empty
     Add Images with form below.
    @endforelse
    <hr/>
    <form method="POST" enctype="multipart/form-data">
        @csrf
        
        @if (session('success'))
            <div class="alert alert-success">
                {!! session('success') !!}
            </div>
        @endif
        @if (session('status'))
            <div class="alert alert-success">
                {!! session('status') !!}
            </div>
        @endif
        <div class="form-group row">
            <label for="image" class=" col-form-label ">{{ __('Add Image') }}:</label>

            <div class="col-12">
                <input type="file" id="image" class="form-control{{ $errors->has('image') ? ' is-invalid' : '' }}" name="image" required>{{ old('image') }}</input>

                @if ($errors->has('image'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('image') }}</strong>
                    </span>
                @endif
            </div>
        </div>
        <div class="form-group row mb-0">
            <div class="">
                <button type="submit" class="btn btn-primary">
                    {{ __('Submit') }}
                </button>
            </div>
        </div>
    </form>
</div>
@endsection

@section('javascript')
@endsection