@extends('admin.layouts.master')

@section('title', 'Edit Facility')

@section('content')
    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title">
                <h2>Edit Facility</h2>
            </div>
        </div>
        <div class="card-body pt-0">
            <form action="{{ route('admin.facilities.update', $facility->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="fv-row mb-7">
                    <label class="required fw-bold fs-6 mb-2">Facility Name</label>
                    <input type="text" name="name" class="form-control form-control-solid mb-3 mb-lg-0" value="{{ $facility->name }}" required />
                </div>
                <div class="fv-row mb-7">
                    <label class="fw-bold fs-6 mb-2">Current Icon</label>
                    <div class="mb-3">
                        <img src="{{ asset($facility->icon) }}" alt="{{ $facility->name }}" width="64" style="background: #f5f8fa; padding: 5px; border-radius: 5px;">
                    </div>
                </div>
                <div class="fv-row mb-7">
                    <label class="fw-bold fs-6 mb-2">Change Icon Image</label>
                    <input type="file" name="icon" class="form-control form-control-solid mb-3 mb-lg-0" accept="image/*" />
                    <small class="text-muted">Leave blank to keep the current icon.</small>
                </div>
                <div class="text-center pt-15">
                    <a href="{{ route('admin.facilities.index') }}" class="btn btn-light me-3">Discard</a>
                    <button type="submit" class="btn btn-primary">
                        <span class="indicator-label">Update Facility</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection