@extends('adminlte::page')


@section('title', 'Other Facilities')
<style>
    .table-bordered td{
        min-width: 100px;
        width: auto;
        max-width: 300px;
    }
</style>
@section('content_header')
<h1>Other Facilities</h1>
@stop
@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">Other Facilities List</h3>
        <div class="card-tools">
            <a href="{{ route('admin.addOthersFacility') }}" class="btn btn-primary btn-sm">Add Other Facility</a>
        </div>
    </div>
    <div class="card-body overflow-auto">
        <table class="table table-bordered table-striped" id="otherFacilitiesTable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Timing </th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($facilities as $facility)
                <tr>
                    <td>{{ $facility->id }}</td>
                    <td>{{ $facility->title }}</td>
                    <td>{!! $facility->description !!}</td>
                    <td>
                        <form action="{{ route('admin.statusOthersFacility', $facility->id) }}" method="POST">
                            @csrf
                            @if($facility->status)
                            <button class="btn btn-sm btn-success">Active</button>
                            @else
                            <button class="btn btn-sm btn-danger">Inactive</button>
                            @endif
                        </form>
                    </td>
                    <td class="d-flex">
                        <a href="{{ route('admin.editOthersFacility', $facility->id) }}"
                            class="btn btn-primary btn-sm mr-2">
                            <i class="fas fa-edit"></i> Edit
                        </a>

                        <a href="{{ route('admin.deleteOthersFacility', $facility->id) }}"
                            class="btn btn-danger btn-sm delete-btn">
                            <i class="fas fa-trash"></i> Delete
                        </a>
                    </td>

                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@stop
@section('css')
<link rel="stylesheet" href="{{ asset('css/admin_custom.css') }}">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css">
@stop
@section('js')
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
    // Handle delete button clicks
    document.querySelectorAll('.delete-btn').forEach(function (button) {
        button.addEventListener('click', function (e) {
            e.preventDefault(); // stop normal link action

            let url = this.getAttribute('href'); // get delete link

            Swal.fire({
                title: "Are you sure?",
                text: "This action cannot be undone!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url; // redirect to delete route
                }
            });
        });
    });
});


</script>
@stop