@extends('app')
@section('content')
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger.css')}}" rel="stylesheet" type="text/css" media="screen"/>
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger-theme-flat.css')}}" rel="stylesheet" type="text/css" media="screen"/>
@if(Session::has('flash_message'))
<div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
    <button class="close" data-dismiss="alert"></button>
    {!! Session::get('flash_message') !!}
</div>
@endif

<div class="grid simple vertical green mobile-scroll">

    <div class="grid-title no-border">
        <div class="page-title"> <a href="{{ URL::route('admin.familymembers.edit',['daleels'=>$daleel->id,'q'=>'Edit']) }}"><i class="icon-custom-right"></i></a>
                            
                        </div>
        <h4>الكل <span class="semi-bold">سجلات</span></h4>
    </div>
    <div class="grid-body no-border">
        <table class="table table-hover dataTable" id="datatable-ex" >
            <thead>
                <tr>
                    <th>تاريخ</th>
                    <th>تم التحديث بواسطة</th>
                    <th>نوع التحديث</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @if($logs->count()>0)
                    @foreach($logs as $log)
                        <tr>
                            <td>{{$log->created_at->toDateTimeString()}}</td>
                            <td>{{$log->last_updated_by}}</td>
                            <td>{{$log->last_updated_by_user_type}}</td>
                            <td><a href="{{URL::route('admin.familymembers.logs.show',$log->id)}}">View Details</a></td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="1">No data available</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                @endif

            </tbody>
        </table>
    </div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
    $(document).ready(function($){
        $('#datatable-ex').DataTable({"iDisplayLength": 50,'order': [['0','desc']]});
        $('#datatable-ex_wrapper .dataTables_filter input').addClass("input-medium "); // modify table search input
        $('#datatable-ex_wrapper .dataTables_length select').addClass("select2-wrapper span12"); // modify table per page dropdown
        $('#datatable-ex_wrapper .dataTables_length select').removeClass("form-control");

        $(".select2-wrapper").select2({minimumResultsForSearch: -1});

    });

</script>
@endsection