@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" style="margin-bottom: -30px;">
    <div class="row">
        @if(isset($member))
        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
                <h2>
                    @lang('edit-member')
                </h2>
            </div>
            <div class="mail-box">
                <div class="mail-body">
                    <form action="/admin/update_member/{{$member->id}}" class="form-horizontal" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (Eng)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" required name="name"
                                    value="{{$member->name}}"></div>
                        </div> <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (vi)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" required name="name_vi"
                                    value="{{$member->name_vi}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('role') (Eng)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" required name="role"
                                    value="{{$member->role}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('role') (Vi)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" required name="role_vi"
                                    value="{{$member->role_vi}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Eng)</label>
                            <div class="col-sm-10"><textarea type="text" required class="form-control"
                                    name="description" rows="5">{{$member->description}}</textarea>
                            </div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Vi)</label>
                            <div class="col-sm-10"><textarea type="text" required class="form-control"
                                    name="des_vi" rows="5">{{$member->des_vi}}</textarea>
                            </div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('img')</label>
                            <div class="col-sm-10"> <img src="{{$member->image}}" alt="" width="20%"> </div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('new-img')</label>
                            <div class="col-sm-10"><input type="file" class="form-control" name="image" value=""></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('order')</label>
                            <div class="col-sm-10"><input type="text" class="form-control" required name="order"
                                    value="{{$member->order}}"></div>
                        </div>
                        <div class="mail-body text-right tooltip-demo">
                            <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip"
                                data-placement="top" title="Send"> Update member</button>
                        </div>
                    </form>
                </div>
            </div>
            @else
            <div class="col-lg-12 animated fadeInRight">
                <div class="mail-box-header">
                    <h2>
                        @lang('add-new-member')
                    </h2>
                </div>
                <div class="mail-box">
                    <div class="mail-body">
                        <form action="/add_new_member" class="form-horizontal" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (Eng)</label>
                                <div class="col-sm-10"><input type="text" class="form-control" name="name" required
                                        value=""></div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (Vi)</label>
                                <div class="col-sm-10"><input type="text" class="form-control" name="name_vi" required
                                        value=""></div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('role') (Eng)</label>
                                <div class="col-sm-10"><input type="text" class="form-control" name="role" required
                                        value=""></div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('role') (Vi)</label>
                                <div class="col-sm-10"><input type="text" class="form-control" name="role_vi" required
                                        value=""></div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Eng)</label>
                                <div class="col-sm-10"><textarea type="text" class="form-control" required
                                        name="description" rows="5"></textarea>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Vi)</label>
                                <div class="col-sm-10"><textarea type="text" class="form-control" required
                                        name="description_vi" rows="5"></textarea>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">@lang('img')</label>
                                <div class="col-sm-10"><input type="file" class="form-control" name="image" required
                                        value=""></div>
                            </div>
                    </div>
                    <div class="mail-body text-right tooltip-demo">
                        <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="top"
                            title="Send">@lang('add-member')</button>
                    </div>
                    </form>
                </div>
            </div>
            @endif
        </div>
    </div>

    <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-primary"><i
                                    class="fa fa-edit"></i>@lang('edit')</a>
                                    <a href="/admin/member/delete/{{$member->id}}" class="btn btn-xs btn-danger"><i
                                        class="fa fa-edit"></i>@lang('delete')</a>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </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