@extends('hcpw.includes.layout')

@section('title', 'HCPW - Wifi')

@section('content')

    
    @include('hcpw.includes.nav')

    <section class="contents">
        <div class="container">
            <div class="modulo-1">
                <div class="row">
                    <div class="col-xs-12">
                        <h1>{{ trans_choice('hcpw.wifi',2) }}</h1>
                    </div>
                </div>

                <div class="listing-tools">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                        </div>
                        <div class="col-xs-12 col-sm-4 pull-right">
                            <a href="{{ LaravelLocalization::getLocalizedURL(null, '/hcpw/private/create-wifi') }}"
                               class="btn w-btn w-btn-1 pull-right">{{ trans('hcpw.create_wifi') }}</a>
                        </div>
                    </div>
                </div>

                <div class="listing">

                    <div class="row">
                        <div class="col-xs-12">
                            <table id="datatable" class="table table-hover">
                                <thead>
                                <tr>
                                    <th class="col-md-3">{{ trans('pc.name') }}</th>
                                    <th class="col-md-3">{{ trans('hcpw.wifi_ssid') }}</th>
                                    <th class="col-md-2">{{ trans('hcpw.status') }}</th>
                                    <th class="col-md-2">{{ trans('hcpw.last_tried_connection') }}</th>
                                    <th class="col-md-2"></th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div>
                <!-- / end listing -->

            </div>

        </div>
        <!-- /container -->
    </section>

    <!-- DataTables -->
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/css/dataTables.bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/js/jquery.dataTables.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#datatable').DataTable({
                "searchDelay": 1500,
                "deferRender": true,
                "processing": true,
                "serverSide": true,
                "autoWidth": false,
                "ajax": "wifis/data",

                "columns": [
                    {data: 'name', name: 'name'},
                    {data: 'wifi_ssid', name: 'wifi_ssid'},
                    {data: 'status', name: 'status'},
                    {data: 'last_connection', name: 'last_connection', orderable: true, searchable: false},
                    {data: 'actions', name: 'actions', orderable: false, searchable: false}
                ],
                language: {
                    search: "",
                    info: "{{  trans('gen.datatables.info', ['start' => '_START_', 'end' => '_END_', 'total' => '_TOTAL_']) }}",
                    zeroRecords: "{{ trans('hcpw.content_not_found') }}",
                    loadingRecords: "{{ trans('gen.loading')  }}",
                    procesing: "{{ trans('gen.loading')  }}",
                    paginate: {
                        first: "{{ trans('pagination.first') }}",
                        previous: "{{ trans('pagination.previous') }}",
                        next: "{{ trans('pagination.next') }}",
                        last: "{{ trans('pagination.last') }}"
                    },
                    lengthMenu: "{{ trans('gen.datatables.lengthMenu', ['menu' => '_MENU_']) }}",
                }
            });

            // SELECT2
            $(".dataTables_length select").select2({
                minimumResultsForSearch: Infinity
            });

        });
    </script>
@stop