@php($disableTailwind = true)
@extends('admin.layout.master')
@section('title') {{ __('dashboard.hotels') }} @endsection
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-home"></i>
                </span> {{ __('dashboard.list_of_hotels') }}
            </h3>
        </div>
        <div class="row">
            <div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <table id="dynamic-table" class="table table-striped">
                            <thead>
                                <tr>
                                    <th> Code</th>
                                    <th> Name </th>
                                    {{-- <th> Price </th> --}}
                                    <th> country </th>
                                    <th> city </th>
                                    <th> Is Home ? </th>
                                    <th> Image </th>
                                    <th> Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')

    <script src="{{ asset('dashboard/plugins/datatables/tables/datatable/datatables.min.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/datatables/tables/datatable/dataTables.bootstrap4.min.js') }}"></script>
    {{-- <script src="{{ asset('dashboard/plugins/datatables/tables/datatable/dataTables.buttons.min.js') }}"></script> --}}
    {{-- <script src="{{ asset('dashboard/plugins/datatables/datatables/datatable.js') }}"></script> --}}

    <script>
        $('#dynamic-table').DataTable({
            local: '{{ $local }}',
            processing: true,
            serverSide: true,
            order: [],
            ajax: {
                "url": "{{ url($local . '/admin/data/hotels') }}",
                "type": "POST",
            },
            columns: [{
                    data: 'code',
                    name: 'code'
                },
                {
                    data: 'name',
                    name: 'name'
                },
                // {
                //     data: 'price',
                //     name: 'price',
                //     "render": function(data, type, full, meta) {
                //         return '' +
                //             full.price === 'undefined' ? 0 : full.price + '';
                //     }
                // },
                {
                    data: 'country_name',
                    name: 'country_name'
                },
                {
                    data: 'city_name',
                    name: 'city_name'
                },
                {
                    "render": function(data, type, full, meta) {
                        if (full.is_home == 1) {
                            return '<span class="badge badge-success">Yes</span>';
                        } else {
                            return '<span class="badge badge-danger">No</span>';
                        }
                    }
                },
                {
                    data: 'image',
                    name: 'image',
                    "render": function(data, type, full, meta) {
                        return '<img src="' + full.image + '" width="250px" >';
                    }
                },

                {
                    "render": function(data, type, full, meta) {
                        return '<a href="{{ url($local . '/admin/hotels') }}/' + full.code +
                            '" class="btn-sm"><i class="mdi mdi-eye"></i></a> ';

                    }
                }
            ]
        });
    </script>
@stop