@extends(config('seo.layout'))
@section('header')
    <i class="fa fa-file text-muted"></i> Images Library
@endsection
@section('content')
    <div class="col-11 mx-auto">
        <form class="d-flex justify-content-around align-items-end" action="{{ route('seo::ImagesLibrary.store') }}"
            method="post" enctype="multipart/form-data">
            @csrf
            <div class="form-group col-9 mx-auto">
                <label for="image">New Image</label>
                <input type="file" class="form-control" id="image" name="image">
                @if ($errors->has('image'))
                    <span class="form-control-feedback text-danger">
                        <strong>{{ $errors->first('image') }}</strong>
                    </span>
                @endif
            </div>
            <div class="form-group col-2 mx-auto">
                <button class="btn btn-primary">Upload</button>
            </div>
        </form>
        @if ($images->first())
            <div class="my-4">
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Path</th>
                        <th>Action</th>
                    </tr>
                    @foreach ($images as $image)
                        <tr>
                            <td><a href="{{ request()->root() . $image->path }}"
                                    target="_blank">{{ request()->root() . $image->path }}</a></td>
                            <td>
                                <form onsubmit="return confirm('Are you sure you want to delete?')"
                                    action="{{ route('seo::ImagesLibrary.destroy',$image->id) }}" method="post" style="display: inline">
                                    @csrf
                                    {{ method_field('DELETE') }}
                                    <button type="submit" class="btn btn-danger cursor-pointer">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </table>
                {!! $images->render() !!}
            </div>
        @endif
    </div>
@endsection
@section('scripts')
    <script></script>
@endsection