@extends("layouts.app")
@section("title")
@if($_GET['view']=="Reviewer")
    @php $tablename="Reviewer" @endphp
    Reviewers
@else
    @php $tablename="HKMPUser" @endphp
    CCKH Users
@endif

@endsection
@section("content")
{{-- ---------------------------------------------------- table 1 html -------------------------------------------------- --}}
<style type="text/css">
    .select2-container {
        width: 100% !important;
        padding: 0;
    }
</style>
@php $tableNo=1;

 @endphp
         <div class="kt-portlet__head">

            <div  @if(isset($MyPermissionPage[$tablename]))
                  @if($MyPermissionPage[$tablename]->add != 1) style="display: none" @endif
            @endif class="kt-portlet__head-tools">
                <ul class="kt-portlet__nav">
                        <a href="#" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air"
                           id="modal_button__{{$tableNo}}" data-toggle="modal" onclick="$('#display-special-needs').hide()" data-target="#m_modal__{{$tableNo}}">
                            <span>
                                <i class="la la-cart-plus"></i>
                                @if($_GET['view'] == "Reviewer")
                                        New Reviewer
                                @else
                                        New CCKH User
                                @endif
                            </span>
                        </a>
                        @if($_GET['view']=="HKMPUser")
                        <a href="#" class="btn btn-default m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air"
                           id="modal_button__2" data-toggle="modal" onclick="$('#display-special-needs').hide()" data-target="#m_modal__2">
                            <span>
                                <span>Import csv </span>
                            </span>
                        </a>
                        @endif
                </ul>
            </div>
        </div>
    <div  class="kt-portlet m-portlet--mobile">

        <div class="kt-portlet__body">
        <form class="kt-form kt-form--fit kt-margin-b-20">

                <div class="row">
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Status:</label>
                        <select  id="status" class="form-control kt-input" data-col-index="2">
                                <option value="">All</option>
                                <option value="approved">Approved</option>
                                <option value="suspended">Suspended</option>
                        </select>
                    </div>
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Is email verified ? :</label>
                        <select  id="verified" class="form-control kt-input" data-col-index="2">
                            <option value="">All</option>
                                <option value="1">Yes</option>
                                <option value="0">No</option>
                        </select>
                    </div>
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Is confirmed ? :</label>
                        <select  id="confirmed" class="form-control kt-input" data-col-index="2">
                                <option value="">All</option>
                                <option value="1">Yes</option>
                                <option value="0">No</option>
                        </select>
                    </div>

                </div>
            <hr> <br>
            <div class="row">
                <div class="col-lg-12">
                    <button class="btn btn-primary btn-brand--icon" id="kt_search">
                        <span>
                            <i class="la la-search"></i>
                            <span>Search</span>
                        </span>
                    </button>
                    &nbsp;&nbsp;
                    <button class="btn btn-secondary btn-secondary--icon" id="kt_reset">
                        <span>
                            <i class="la la-close"></i>
                            <span>Reset</span>
                        </span>
                    </button>
                </div>
            </div>
            <br><br>
        </form>            <!--begin: Datatable -->

            <!--begin: Datatable -->
            <table class="" id="m_table__{{$tableNo}}">
            </table>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
        <!-- Start::modal form-->
        <div class="modal fade" id="m_modal__{{$tableNo}}" role="dialog" aria-labelledby="exampleModalLabel"
             style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Add/Edit</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="kt-login__form">
                            <form class="kt-login__form m-form" id="form_add__1" method="POST"
                                  action="{{ url('signup') }}">
                                @include('partials.researcher-form', [
                                    'countries' => $countries,
                                    'institutions' => $data['institutions'],
                                    'area_of_interest' => $data['area_of_interest'],
                                    'topics_of_interest' => $data['topics_of_interest'],
                                    'currentUser' => array(),
                                    'type' => $_GET['view']

                                    ])

                                <div class="form-group row">

                                    @if($_GET['view']=="HKMPUser")
                                        <div class="col-md-6">
                                            <label class="control-label">User group
                                                <span class="required"> * </span>
                                            </label>
                                            <select class="form-control" name="user_group_id"
                                                    id="user_group_id">
                                                <option value="">Select user group</option>

                                            @foreach($data['users_groups'] as $user_group)
                                                    <option value="{{$user_group->id}}">{{$user_group->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>


                                    @endif

                                    @if($_GET['view']=="Reviewer")
                                      <div class="col-md-6">
                                          <label class="control-label">Type
                                              <span class="required"> * </span>
                                          </label>
                                          <select class="form-control" name="type"
                                                  id="type">
                                            <option value="junior reviewer">1st reviewer</option>
                                            <option value="senior reviewer">2nd reviewer</option>
                                          </select>
                                      </div>
                                    @else
                                    <div class="col-md-6">
                                        <label class="control-label">Confirm Account
                                            <span class="required"> * </span>
                                        </label>
                                        <select class="form-control" name="confirmed" id="confirmed">
                                            <option value="0">No</option>
                                            <option value="1">Yes</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="control-label">Is verified ?
                                            <span class="required"> * </span>
                                        </label>
                                        <select class="form-control" name="verified" id="verified">
                                            <option value="0">No</option>
                                            <option value="1">Yes</option>
                                        </select>
                                    </div>
                                    @endif


                                </div>
                                                                <div class="form-group row">

                                    @if($_GET['view']=="HKMPUser")

                                        <div class="col-md-6">
                                            <label class="control-label">Is user expert ?
                                                <span class="required"> * </span>
                                            </label>
                                            <select class="form-control" name="expert" id="expert">
                                                    <option value="0">No</option>
                                                    <option value="1">Yes</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6" id="experts_div" style="display: none;">
                                            <label class="control-label">Experts ?
                                                <span class="required"> * </span>
                                            </label>
                                            <select class="form-control" name="expert_id" id="expert_id">
                                                    <option value="">Select</option>
                                                    @foreach($data['experts'] as $expert)
                                                    <option value="{{$expert->id}}">{{trim($expert->first_name." ".$expert->middle_name." ".$expert->last_name)}}</option>
                                                    @endforeach
                                            </select>
                                        </div>

                                    @endif
                                    </div>
                                <input type="hidden" name="_method" value="post">

                                {{ csrf_field() }}
                            <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">
                                <input type="submit" class="btn btn-brand btn-pill btn-elevate" value="Save" >
                                <input type="reset" id="form_reset__1" style="display: none;" >
                            </div>                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- End::modal form-->
        @if($_GET['view']=="HKMPUser")

        <!-- Start::modal form-->
        <div class="modal fade" id="m_modal__2" role="dialog" aria-labelledby="exampleModalLabel"
             style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Import csv </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="kt-login__form">
                            <form class="kt-login__form m-form" id="form_add__2" method="POST"
                                  action="{{ url('signup') }}">
                                  <a href="{{url("uploads/who.csv")}}" download> Sample Download</a>
                                <div class="form-group">
                                        <input type="file" name="excel_researchers" class="form-control">
                                </div>

                                @if($_GET['view']=="HKMPUser")
                                    <div class="form-group col-md-6">
                                        <label class="control-label">User group
                                        </label>
                                        <select class="form-control" name="user_group_id">
                                            <option value="">Select user group</option>

                                            @foreach($data['users_groups'] as $user_group)
                                                <option value="{{$user_group->id}}">{{$user_group->title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                                <input type="hidden" name="_method" value="post">

                                {{ csrf_field() }}
                            <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">
                                <input type="submit" class="btn btn-brand btn-pill btn-elevate" value="Save" >
                                <input type="reset" id="form_reset__2" style="display: none;" >
                            </div>                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- End::modal form-->
        @endif
    </div>
    <form method="post" id="delete_form__{{$tableNo}}">
        {{csrf_field()}}
        <input type="hidden" name="_method" value="delete"/>
    </form>

@endsection
@section("script")
    <script type="text/javascript" src="{{url("js/main2.js")}}"></script>
    <script view="{{$_GET['view']}}"
            type="text/javascript"
            Permissions="{{json_encode($MyPermissionPage)}}"

            src="{{url("js/backend/HKMPuuser.js")}}"
            tablename="{{$tablename}}"
            lang="{{\Illuminate\Support\Facades\App::getLocale()}}"
            url_website="{{url("")}}"
    ></script>
@endsection