@extends('layouts.admin')
@section('title')
All RatePlans | 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 RatePlans
                </h4>
            </div>
        </div>
        @component('admin.includes.per-page')
        @endcomponent
        <table class="responsive-table centered mb-3">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Rate Plan Id</th>
                    <th>Name</th>
                    <th>Room Type</th>
                    <th>Create Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($ratePlans as $i => $ratePlan)
                    <tr>
                        <td>{{$i + $ratePlans->firstItem()}}</td>
                        <td>{{$ratePlan->RatePlanId}}</td>
                        <td>{{$ratePlan->RatePlanName}}</td>
                        <td>{{$ratePlan->roomType->RoomTypeName}}</td>
                        <td>{{$ratePlan->CreateDate->diffForHumans()}}</td>
                        <td>
                            @hasAccess('View Rate Plan')
                                <a href="{{route('admin.rate-plans.show',[$ratePlan->RatePlanId, $ratePlan->RoomTypeId])}}" class="btn-floating btn-small waves-effect waves-light">
                                    <i class="material-icons">visibility</i>
                                </a>
                            @endhasAccess
                            @hasAccess('Delete Rate Plan')
                                <a href="#modal-{{$ratePlan->RatePlanId}}" class="modal-trigger btn-floating btn-small red waves-effect waves-light">
                                    <i class="material-icons">delete</i>
                                </a>
                                @component('components.confirm',[
                                    'modal' => 'modal-'.$ratePlan->RatePlanId,
                                    'id'    => 'delete-form-'.$ratePlan->RatePlanId,
                                    'title' => 'Rate Plan'
                                ])
                                @endcomponent
                                <form method="post" action="{{route('admin.rate-plans.destroy',$ratePlan->RatePlanId)}}" id="delete-form-{{$ratePlan->RatePlanId}}" class="hide">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            @endhasAccess
                        </td>
                    </tr>
                @empty
                @endforelse
            </tbody>
        </table>
        <div class="center-align mt-3 mb-3">
            {{$ratePlans->appends(request()->query())->links('vendor.pagination.default')}}
        </div>
    </div>
    @hasAccess('Create Rate Plan')
        <div class="fixed-action-btn">
            <a href="{{route('admin.rate-plans.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