@extends('layouts.main')

@section('title', 'Price Change History')

@section('css') 
<!-- Data Table Css -->
    <link rel="stylesheet" type="text/css" href="{{ asset('bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">

    <link rel="stylesheet" type="text/css" href="{{ asset('assets/pages/data-table/extensions/responsive/css/responsive.dataTables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('bower_components/bootstrap-daterangepicker/daterangepicker.css') }}">
@endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

    <!-- Main-body start -->
    <div class="main-body" >
        <div class="page-wrapper">


            <!-- Page header start -->
            <div class="page-header">

                <div class="page-header-title">
                    <h3>Price Change Log</h3>
                </div>

                <div class="page-header-breadcrumb">

                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="">Rates & Availability</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Price Change Log</a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- Page header end -->

            <!-- Page body start -->
            <div class="col-md-8">
              <div class="row">
               <div class="table-responsive">
                           <div class="dt-responsive table-responsive">

                                <table id="example" class="table table-striped table-bordered nowrap" width="100%">
                                    <thead>
                                        <tr>
                                           
                                            <th>Date</th>
                                            <th>Room ID</th>
                                            <th>Changed Price</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach( $priceLogs as $log  )

                                        <tr>
                                            <td>{{ $log->created_at->format('Y-m-d') }}</td>
                                            <td>{{ $log->params->room_id }}</td>
                                            <td>{{ $log->params->price }} $</td>
                                        </tr>
                                    @endforeach

                                    </tbody>
                                </table>
                           </div>
                </div>
               </div> 
            </div>  <!-- .pagebody -->

        </div>
    </div>
                                    
      
@endsection

@section('scripts')
  <script>
            $(document).ready(function () {
                $('#example').DataTable({
                    // "columnDefs": [
                    //     {
                    //         "targets": [ 0 ],
                    //         "visible": false,
                    //         "searchable": false
                    //     },
                    //     {
                    //         "targets": [ 0 ],
                    //         "visible": false
                    //     }
                    // ],

                    // "order": [0, 'desc']
                } );
            });
        </script>


@endsection