@extends('adminlte::page')

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

@section('content_header')
    <h1>Mas Facility</h1>
@endsection

@section('content')
    <a href="{{ route('mas_facility.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add Facility</a>
    <table class="table mt-3">
        <thead>
            <tr>
                <th>Property Name</th>
                <th>Facility Name</th>
                <th>Facility Icon</th>
            </tr>
        </thead>
        <tbody>
            @foreach($mas_facility as $facility)
            <tr>
                <td>{{ $facility->property_name }}</td>
                <td>{{ $facility->facility_name }}</td>
                <td><p class="fas {{$facility->facility_icon}}"></p>  {{ $facility->facility_icon }}</td>
                <td>
                    <a href="{{ route('mas_facility.edit', $facility->id) }}" class="btn btn-warning btn-sm"><i class="fas fa-save"></i> Edit</a>
                    <form action="{{ route('mas_facility.destroy', $facility->id) }}" method="POST" class="d-inline" onsubmit="return confirmDelete()">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i> Delete</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Pagination Links -->
    <div class="d-flex justify-content-center">
        <nav aria-label="Page navigation">
            <ul class="pagination">
                @if ($mas_facility->onFirstPage())
                    <li class="page-item disabled">
                        <span class="page-link">Previous</span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link" href="{{ $mas_facility->previousPageUrl() }}">Previous</a>
                    </li>
                @endif

                @foreach ($mas_facility->links()->elements[0] as $page => $url)
                    <li class="page-item {{ $mas_facility->currentPage() == $page ? 'active' : '' }}">
                        <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                    </li>
                @endforeach

                @if ($mas_facility->hasMorePages())
                    <li class="page-item">
                        <a class="page-link" href="{{ $mas_facility->nextPageUrl() }}">Next</a>
                    </li>
                @else
                    <li class="page-item disabled">
                        <span class="page-link">Next</span>
                    </li>
                @endif
            </ul>
        </nav>
    </div>

@endsection

@section('adminlte_js')
    <script>
        function confirmDelete() {
            return confirm("Are you sure you want to delete this Mas Facility?");
        }
    </script>
@endsection