@php($disableTailwind = true)
@extends('admin.layout.master')
@section('title') {{ __('dashboard.tours') }} @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_tours') }}
            </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> Id</th>
                                    <th> Name </th>
                                    <th> country </th>
                                    <th> city </th>
                                    <th> Is Home ? </th>
                                    <th> Status </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/tours') }}",
                "type": "POST",
            },
            columns: [{
                    data: 'tour_id',
                    name: 'tour_id'
                },
                {
                    data: 'tour_name',
                    name: 'tour_name'
                },
                {
                    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: "status",
                    name: "status",
                    "render": function(data, type, full, meta) {
                        if (full.status == 1) {
                            return '<span class="badge badge-success">Active</span>';
                        } else {
                            return '<span class="badge badge-danger">Inactive</span>';
                        }
                    }
                },
                {
                    data: 'image_path',
                    name: 'image_path',
                    "render": function(data, type, full, meta) {
                        return '<img src="' + full.image_path + '" width="250px" >';
                    }
                },

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