@extends('admin.layouts.app')

@section('title', 'Edit Room Type')
@section('page_title', 'Rooms & Suites')

@section('content')
    <div class="page-heading">
        <div>
            <h1>Edit Room Type</h1>
            <p>Update {{ $roomType->name }} details and gallery.</p>
        </div>

        <a href="{{ route('admin.room-types.index') }}" class="btn btn-secondary">
            Back to List
        </a>
    </div>

    <form action="{{ route('admin.room-types.update', $roomType) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        @include('admin.room-types._form', [
            'roomType' => $roomType,
            'submitText' => 'Update Room Type',
        ])
    </form>

    {{-- These forms must remain outside the main update form. --}}
    @foreach($roomType->images as $roomImage)
        <form id="toggle-image-{{ $roomImage->id }}"
              action="{{ route('admin.room-types.images.toggle-status', [$roomType, $roomImage]) }}"
              method="POST" hidden>
            @csrf
            @method('PATCH')
        </form>

        <form id="delete-image-{{ $roomImage->id }}"
              action="{{ route('admin.room-types.images.destroy', [$roomType, $roomImage]) }}"
              method="POST" class="gallery-delete-form" hidden>
            @csrf
            @method('DELETE')
        </form>
    @endforeach
@endsection