@extends('template.master')

@section('page_styles')
    {{--CUSTOM STYLES HERE--}}
    <link rel="stylesheet" href="{{asset('assets/css/datatables/datatables.min.css')}}">
@stop

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">
                <button class='btn btn-primary' onclick="javascript:refreshGmb()">Refresh List</button>
            </div>
            <div class="col-md-6">
                <div class="loading float-right" style="display:none;">Fetching new locations from GMB. This might take a while...&nbsp; <img src="{{asset('assets/img/loadin.png')}}" style="width: 20px"></div><br/><br/>
            </div>
            <div class="col-md-12">&nbsp;</div>
            <div class="col-md-12">
                <table class="table table-alternate table-bordered" id="list-tbl">
                    <thead>
                        <tr>
                            <th style="width: 25%">Business Name</th>
                            <th style="width: 12%">Site</th>
                            <th style="width: 30%">Address</th>
                            <th style="width: 18%">Account</th>
                            <th style="width: 10%">Account ID</th>
                            <th style="width: 10%">Location ID</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($locations as $location)
                        <tr>
                            <td>{{$location['business']}}</td>
                            <td>{{$location['domain']}}</td>
                            <td>{{$location['address']}}</td>
                            <td>{{$location['account_name']}}</td>
                            <td>{{$location['account_id']}}</td>
                            <td>{{$location['location_id']}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>

@stop

@section('page_modals')

@stop
@section('page_scripts')
    <script>
        function refreshGmb() {
            $('.loading').show();
            $.ajax({
                type: 'POST',
                url: "{{ route('gmb.refresh') }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                },
                dataType: 'json',
                success: function (resp) {
                    location.reload();
                }
            });
        }
    </script>
@stop