@extends('layouts.app')

@section('content')
<div class="container">
    <h1 class="mb-4">Add New Cottage/Room</h1>

    <form method="POST" action="{{ route('cottages.store') }}">
        @csrf
        <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" name="name" id="name" class="form-control">
        </div>
        <div class="form-group">
            <label for="description">Description:</label>
            <textarea name="description" id="description" class="form-control"></textarea>
        </div>
        <div class="form-group">
            <label for="price">Price:</label>
            <input type="text" name="price" id="price" class="form-control">
        </div>
        <button type="submit" class="btn btn-primary">Create Cottage</button>
    </form>
    <br>
    <div class="card bg-white shadow ">
        <div class="card-header fw-bold">{{ __('List of Rooms and Cottages') }}</div>
    
        <div class="card-body table-responsive">
            @if (session('status'))
            <div class="alert alert-success" role="alert">
                {{ session('status') }}
            </div>
            @endif
            
            <table class="table table-dark" id="table">
                <thead>
                    <tr>
                        <th>Cottage</th>
                        <th>Description</th>
                        <th>Price</th>
                        <th>Action</th>
    
    
                    </tr>
                </thead>
                <tbody>
                    @foreach($cottages as $cottage)
                    <tr>
                        <td>{{ $cottage->name }}</td>
                        <td>{{ $cottage->description }}</td>
                        <td>{{ $cottage->price }}</td>
                      <td>
    
                            <form action="{{ route('cottages.destroy', $cottage->id) }}" method="POST"
                                style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <label for="delete{{ $cottage->id }}" class="btn btn-danger delete-btn">Delete</label>
    
                                <input type="checkbox" id="delete{{ $cottage->id }}" class="delete-checkbox">
                                <div class="confirm-popup">
                                    <p class="text text-dark">Are you sure you want to delete this reservation?</p>
                                    <button type="submit" class="btn btn-danger confirm-delete">Yes</button>
                                    <label for="delete{{ $cottage->id }}" class="btn btn-secondary cancel-delete">No</label>
                                </div>
                            </form>

                            <form action="{{ route('cottages.edit', $cottage->id) }}" method="PUT"
                                style="display: inline;">
                                @csrf
                                @method('PUT')
                                <label for="edit{{ $cottage->id }}" class="btn btn-warning delete-btn">Edit</label>
    
                                <input type="checkbox" id="edit{{ $cottage->id }}" class="delete-checkbox">
                                <div class="confirm-popup">
                                    <p class="text text-dark">Are you sure you want to edit this cottage?</p>
                                    <button type="submit" class="btn btn-danger confirm-delete">Yes</button>
                                    <label for="edit{{ $cottage->id }}" class="btn btn-secondary cancel-delete">No</label>
                                </div>
                            </form>
                        </td> 
                        
                    </tr>
                    @endforeach
    
                </tbody>
            </table>
            
    
        
    
    
           
            <div>
    
            </div>
        </div>
    </div>
</div>


@endsection