@extends('layouts.master')
@section('content')
<input type="hidden" id="a_u_a_b_t" value="{!! $a_user_api_bearer_token !!}">
<input type="hidden" id="userId" value="{{Auth::user()->id}}">
<input type="hidden" id="orderid">
<script type="text/javascript">
localStorage.setItem('a_u_a_b_t', $('#a_u_a_b_t').val());
</script>

<!-- <div class="container">
   <a href="{{route('mybookings')}}" class="btn btn-primary btn-sm float-right mt-5">Dashboard</a>
   <div class="spinner-border text-primary" role="status" id="loadingspinner">
      <span class="sr-only">Loading...</span>
   </div>
   <h3 class="mt-3 mb-3">All Bookings</h3>
   <table id="all-booking-details-table" class="display table" style="width:100%">

   </table>
</div> -->
<nav class="navbar navbar-expand-md navbar-light bg-light">
    <a class="navbar-brand ml-5" href="{{route('mybookings')}}"><i class="fa fa-home" aria-hidden="true"></i>
        Dashboard</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-5 ml-auto">
        <li class="nav-item active">
              <a class="nav-link" href="{{'address'}}"><button class="btn btn-sm btn-outline-dark">Manage Address</button></a>
           </li>
            <li class="nav-item active">
                <a class="nav-link" href="{{route('mybookings')}}"><button class="btn btn-sm btn-outline-dark">Current
                        Bookings</button></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="{{route('profile')}}"><button class="btn btn-sm btn-outline-dark">My
                        Profile</button></a>
            </li>

            <li class="nav-item active">
                <a class="nav-link"><button class="btn btn-sm btn-dark">All Bookings</button></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="{{ route('logout') }}"
                    onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                    <button class="btn btn-sm btn-outline-danger">Log Out</button></a>
                <form class="" id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf
                </form>
            </li>
        </ul>
    </div>
</nav>
<div class="container mt-1">
    @if($errors->any())
    <div class="alert alert-danger">
        <p><strong>Opps Something went wrong</strong></p>
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <div class="container rounded bg-white">
        <nav aria-label="breadcrumb" class="main-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active" aria-current="page">All Bookings</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-md-12">
                <table id="all-booking-details-table" class="display table" style="width:100%">

                </table>
            </div>
        </div>
    </div>

</div>
<!--view details model-->
<div class="modal fade" id="viewDetailsModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalCenterTitle">Booking Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="viewDetailTable">

            </div>
        </div>
    </div>
</div>
<!--end of view details model-->
<script src="{{asset('js/dashboard/allbookings.js')}}"></script>
@endsection