@extends('dashboard.layouts.master')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{__('admin.All Members')}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a></li>
                        <li class="breadcrumb-item active">{{__('admin.All Members')}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header col-md-12">
                <h3 class="card-title">{{__('admin.All Members')}}</h3>

                {{--                <button type="button" class="btn btn-primary card-tools chooseAdmin ml-4" data-toggle="modal"--}}
                {{--                        data-target="#exampleModal" data-id="{{request('id')}}">--}}

                {{--                    add new member--}}
                {{--                </button>--}}
                {{--                <button type="button" class="btn btn-primary card-tools sendmail" data-toggle="modal"--}}
                {{--                        data-target="#exampleModal1" data-id="{{request('id')}}">--}}
                {{--                   {{__('send invitation')}}--}}
                {{--                </button>--}}
                {{--                <!-- Modal -->--}}
                {{--                @include('dashboard.researcher.admins')--}}
                <button type="button" class="btn btn-primary card-tools" data-toggle="modal"
                        data-target="#exampleModal">
                    Create New Author
                </button>
                @include('dashboard.researcher.member.create')
            </div>
            <div class="card-body p-0">
                <table id="example2" class="table table-striped table-bordered nowrap text-center">
                    <thead>
                    <tr role="row">

                        <th> {{__('First Name')}}</th>
                        <th> {{__('Last Name')}}</th>
                        <th> {{__('Order')}}</th>
                        <th> {{__('Control')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($members as $key => $member)
                        <tr>

                            <td>
                                {{ $member->first_name }}
                            </td>
                            <td>
                                {{ $member->last_name }}
                            </td>
                            <td>
                                {{ $member->order }}
                            </td>
                            <td class="row text-center">

                                <button type="button" class="btn btn-sm btn-success card-tools edit"
                                        data-id="{{$member->id}}"
                                        data-toggle="modal" data-target="#exampleModal3">
                                    <i class="fas fa-random">
                                    </i>
                                 </button>

                                <form action="{{ route('admin.research.member.delete', $member->id) }}"
                                      method="post" style="display: inline-block;">
                                    {{ csrf_field() }}
                                    <button type="submit"
                                            class="btn  modal-effect btn btn-sm btn-danger ml-2">
                                        <i class="fas fa-trash">
                                        </i>
                                    </button>
                                </form>

                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

            @include('dashboard.researcher.member.edit')

            <!-- /.card-body -->
        </div>
        <div class="row col-md-9">

            <div class="col-sm-1">
                <a href="{{route('admin.papers.terms',request('id'))}}"
                   class="btn btn-success pull-leftt"> {{__('Next')}}</a>
            </div>
            <div class="col-sm-1">
                <a href="{{route('admin.papers.index')}}"
                   class="btn btn-danger pull-leftt"> {{__('Back')}}</a>
            </div>
        </div>
        <!-- /.card -->
    </section>
    <!-- /.content -->
@endsection
@push('scripts')

    <script type="text/javascript">

        // $("body").on('click', '.edit', function () {
        //     var status = $(this).is(':checked');
        //     var id = $(this).attr('data-id');
        //     var email = $(this).attr('data-email');
        //     var first_name = $(this).attr('data-first_name');
        //     var last_name = $(this).attr('data-last_name');
        //     var middle_name = $(this).attr('data-middle_name');
        //     var entity = $(this).attr('data-entity');
        //     var order = $(this).attr('data-order');
        //     var position_id = $(this).attr('data-position');
        //     $('#id').val(id)
        //     $('#email').val(email)
        //     $('#first_name').val(first_name)
        //     $('#last_name').val(last_name)
        //     $('#middle_name').val(middle_name)
        //     $('#entity').val(entity)
        //     $("#position_id").val(position_id).change();
        //     $("#order").val(order).change();
        //     var action = window.location.origin + '/admin/member/' + id;
        //     console.log(action)
        //     $('#demo-form1').attr('action', action);
        // })
        $("body").on('click', '.chooseAdmin', function () {
            var id = $(this).attr('data-id');
            var type = $(this).attr('data-type');

            $('#research_id').val(id)
            $('#type').val('research')

            $.ajax({
                url: '{{route('admin.research.get.admin')}}',
                type: 'get',
                data: {id: id, type: type},
                success: function (data) {
                    $('#search').empty();
                    if (data.length != 0) {
                    }
                    $.each(data, function (i, item) {

                        var newOption = new Option(item.admin['name'], item.admin['id'], true, true);
                        $('#search').append(newOption).trigger('change');

                    });
                }
            });
        })
        $("body").on('click', '.edit', function () {
            var id = $(this).attr('data-id');
            $('#research_id2').val(id)
        })

        $("body").on('click', '.sendmail', function () {
            var id = $(this).attr('data-id');
            $('#research_id3').val(id)
        })

    </script>
@endpush