@extends('admin.layouts.index')
@section('css')
<link href="{{asset('/public/css/plugins/summernote/summernote.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin  | CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('team')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">@lang('admin')</a>
            </li>
            <li>
                <a>@lang('custom')</a>
            </li>
            <li class="active">
                <strong>@lang('our-teams')</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
@if(session()->has('error'))
<div class="alert alert-danger" style="margin-top:20px">
    {{session()->get('error')}}
</div>
@endif
@if(session()->has('success'))
<div class="alert alert-success" style="margin-top:20px">
    {{session()->get('success')}}
</div>
@endif

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        @foreach ($list_member as $member)
        <div class="col-lg-3">
            <div class="contact-box center-version" style="min-height: 475px;">
            @lang('order'): {{$member->order}}
                <a href="#">
                    <img alt="image" class="img-circle" src="{{$member->image}}">
                    <h3 class="m-b-xs"><strong>{{$member->name}}</strong></h3>
                    <div class="font-bold">{{$member->role}}</div>
                    <address class="m-t-md">
                        <strong>@lang('des')</strong><br>
                        <div class="scroll_content">
                            {{$member->description}}
                        </div>
                    </address>
                </a>
                <div class="contact-box-footer">
                    <div class="m-t-xs btn-group">
                        <a href="/admin/member/edit/{{$member->id}}" class="btn btn-xs btn-white"><i
                                class="fa fa-edit"></i>@lang('edit')</a>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>

@endsection
@section('js')
<script src="{{asset('admin2/js/admin/plugins/summernote/summernote.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
<!-- FooTable -->
<script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
<!-- Custom and plugin javascript -->
<script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>

<!-- Page-Level Scripts -->
<script>

    $(document).ready(function () {

        // Add slimscroll to element
        $('.scroll_content').slimscroll({
            height: '150px'
        })

    });

</script>
<!-- Page-Level Scripts -->

@endsection