@extends('layouts.main_without_top_button')
@section('title')
    Settings
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li><a href="">Users</a> <span class="divider">/</span></li>
        <li class="active">{{$user->first_name}} {{$user->middle_name}} {{$user->last_name}} Profile</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('settings.users.includes.user_header')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid">
                    <div class="row-fluid">
                        <div class="span12">
                            <table class="table table-bordered table-striped" >
                                <thead>
                                <tr>
                                    <th>Date Time</th>
                                    <th>Address</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($latest_activities as $index=> $log)
                                    <tr>
                                        <td>{{\Carbon\Carbon::parse($log->created_at)->format('l jS \\of F Y h:i:s A')}}</td>
                                        <td>{{$log->ip_address}}</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" style="font-size: 11px">{{$log->text}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div><!--span12-->
                    </div><!--row-fluid-->
                </div><!--row-fluid-->
            </div><!--row-fluid-->
        </div>
    </div>
    <script>
        jQuery(document).ready(function () {
            calculateWidth();
        });
        jQuery(window).resize(function () {
            calculateWidth();

        });
        function calculateWidth(){
            var viewportWidth = jQuery(window).width();
            var leftpanel = jQuery('#leftpanel').width();

            jQuery('#income_statement').css({
                "width": viewportWidth-leftpanel,
                "overflow": "scroll",
            });
        }
    </script>
@stop