@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">{{ trans('global.edit') }} Facility</div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.facilities.update', $facility->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            @include('admin.facilities.form', ['facility' => $facility])
            <div class="form-group">
                <button class="btn btn-danger" type="submit">{{ trans('global.save') }}</button>
            </div>
        </form>

        @if($facility->images && $facility->images->count())
            <hr>
            <h5>Existing images</h5>
            <div style="display:flex; flex-wrap:wrap;">
                @foreach($facility->images as $img)
                    <div style="margin:6px; text-align:center;">
                        <img src="{{ $img->url }}" style="height:90px; border:1px solid #ddd; border-radius:6px;"><br>
                        <form method="POST" action="{{ route('admin.facilities.deleteImage', $img->id) }}" onsubmit="return confirm('Delete this image?');">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-xs btn-danger mt-1" type="submit">Delete</button>
                        </form>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
</div>
@endsection