@extends('admin.layouts.main')
@section('content')


@if(Session::has('success'))
<div class="bs-toast" id="successmsgHomevana">
    <div class="toast-container position-fixed top-0 end-0 p-3">
        <div id="liveToast" class="toast show" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="toast-header justify-content-end border-0 d-none">
                <!-- <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> -->
            </div>
            <div class="toast-body">
                <div class="box-wrapper">
                    <div class="img-box">
                        <img src="{{env('APP_URL')}}assets/images/green-tick.svg" draggable="false" class="img-fluid" alt="">
                    </div>
                    <div class="content-box">
                        <div class="max-235">
                            <h2 class="bs-heading typ-18 typ-500 typ-white">Successful</h2>
                            <p class="bs-para typ-12 typ-white">{{ Session::get('success') }}</p>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close">
                        <span class="icon icon-close"></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<main class="main">
                    <section class="section lyt-section ">
                        <div class="property--height">
                            <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                                My Availability List
                            </h2>
                            <div class="row custom-row-gutter">
                                <div class="bs-card property-card">
                                    <div class="bs-flex-lyt upper-flex">
                                        <div class="d-flex">
                                            <a href="{{route('visit-availabilities.create')}}" class="bs-btn typ-blue-btn typ-export-btn mb-10">Set
                                                Availability</a>
                                        </div>
                                    </div>
                                    
                                    <div class="bs-table">
                                        <table id="availability-list-table"
                                            class="table table-striped display nowrap cell-border" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Days</th>
                                                    <th>Time</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($visit_availabilities as $visit_availability)

                                                <tr>
                                                    <td>{{$visit_availability->start_day}} to {{$visit_availability->end_day}}</td>
                                                    <td>{{$visit_availability->from_time->format('h:i A')}} to {{$visit_availability->to_time->format('h:i A')}} </td>
                                                    <td>
                                                        <div class="cus-flex">
                                                            <a href="{{route('visit-availabilities.edit',$visit_availability)}}" class="bs-action-btn typ-edit">Edit</a>
                                                            <form action="{{route('visit-availabilities.destroy',$visit_availability)}}" method="POST">
                                                                @csrf
                                                                @method("DELETE")
                                                            <button class="bs-action-btn typ-delete">Delete</button>
                                                            </form>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endforeach
                                               
                                        
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- <div class="bs-pagination-strip typ-m-0">
                                        <p class="bs-para typ-16 typ-black">Showing 1 to 6 of 10 Listings</p>
                                        <nav aria-label="Page navigation">
                                            <ul class="pagination ">
                                                <li class="page-item">
                                                    <a class="page-link" href="#">Previous</a>
                                                </li>
                                                <li class="page-item">
                                                    <a class="page-link" href="#">1</a>
                                                </li>
                                                <li class="page-item">
                                                    <a class="page-link active" href="#">2</a>
                                                </li>
                                                <li class="page-item">
                                                    <a class="page-link" href="#">3</a>
                                                </li>
                                                <li class="page-item">
                                                    <a class="page-link" href="#">Next</a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </section>
                </main>

@endsection

@section('script')    
 setTimeout(function() {
    $('#successmsgHomevana').fadeOut('fast');
}, 1000);
@endsection