@extends('layouts.admin')
@section('title')
All RoomTypes | Dashboard
@endsection
@section('content')
    <div class="pms-container">
        <div class="row pms-view-header">
            <div class="col s12">
                <h4 class="black-text">
                    <i class="small material-icons left red-text">brightness_1</i>Current Accommodation RoomTypes
                </h4>
            </div>
        </div>
        @component('admin.includes.per-page')
        @endcomponent
        <table class="responsive-table centered">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Room Type Id</th>
                    <th>Name</th>
                    <th>Rack Rate</th>
                    <th>No Of Beds</th>
                    <th>Create Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($roomTypes as $i => $roomType)
                    <tr>
                        <td>{{$i + $roomTypes->firstItem()}}</td>
                        <td>{{$roomType->RoomTypeId}}</td>
                        <td>{{$roomType->RoomTypeName}}</td>
                        <td>{{$roomType->RackRate}}</td>
                        <td>{{$roomType->NoOfBeds}}</td>
                        <td>{{$roomType->CreateDate->diffForHumans()}}</td>
                        <td>
                            @hasAccess('Edit Room Type')
                                <a href="{{route('admin.room-types.edit',$roomType->RoomTypeId)}}" class="btn-floating btn-small waves-effect waves-light">
                                    <i class="material-icons">mode_edit</i>
                                </a>
                            @endhasAccess
                            @hasAccess('Delete Room Type')
                                <a href="#modal-{{$roomType->RoomTypeId}}" class="modal-trigger btn-floating btn-small red waves-effect waves-light">
                                    <i class="material-icons">delete</i>
                                </a>
                                @component('components.confirm',[
                                    'modal' => 'modal-'.$roomType->RoomTypeId,
                                    'id'    => 'delete-form-'.$roomType->RoomTypeId,
                                    'title' => 'RoomType'
                                ])
                                @endcomponent
                                <form method="post" action="{{route('admin.room-types.destroy',$roomType->RoomTypeId)}}" id="delete-form-{{$roomType->RoomTypeId}}" class="hide">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            @endhasAccess
                        </td>
                    </tr>
                @empty
                @endforelse
            </tbody>
        </table>
        <div class="center-align mt-3 mb-3">
            {{$roomTypes->appends(request()->query())->links('vendor.pagination.default')}}
        </div>
    </div>
    @hasAccess('Create Room Type')
        <div class="fixed-action-btn">
            <a href="{{route('admin.room-types.create')}}" class="btn-floating btn-large red waves-effect waves-light">
                <i class="material-icons">add</i>
            </a>
        </div>
    @endhasAccess
    @component('admin.includes.loader')
    @endcomponent
@endsection