@extends('layouts.admin')

@section('page-title', trans('crm.new_staff'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@if ($edit) {{$staff['firstname'].' '.$staff['midname'].$staff['lastname'] }}  @else @lang('crm.new_staff') @endif</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body">
                                @if ($edit)
                                    {!! Form::open(['route' => 'staffs.edit', 'files' => true, 'id' => 'staff-form']) !!}
                                    <input type="text" name="staff_id" class="hidden" value="{{$staff['id']}}"/>
                                @else
                                    {!! Form::open(['route' => 'staffs.create', 'files' => true, 'id' => 'staff-form']) !!}
                                @endif
                                <div class="form-group">
                                    <label class="text">@lang('crm.staff_edit_profile_image')</label>
                                    <input type="file" class="form-control" name="avatar">
                                </div>
                                <div class="form-group">
                                    <label><span class="text-danger">*</span>@lang('crm.staff_add_edit_firstname')</label>
                                    <input type="text" class="form-control" name="firstname" @if($edit) value="{{$staff->firstname}}" @endif>
                                </div>

                                <div class="form-group">
                                    <label>@lang('crm.staff_add_edit_midname')</label>
                                    <input type="text" class="form-control" name="midname" @if($edit) value="{{$staff->midname}}" @endif>
                                </div>

                                <div class="form-group">
                                    <label><span class="text-danger">*</span>@lang('crm.staff_add_edit_lastname')</label>
                                    <input type="text" class="form-control" name="lastname" @if($edit) value="{{$staff->lastname}}" @endif>
                                </div>

                                <div class="form-group">
                                    <label><span class="text-danger">*</span>@lang('crm.staff_add_edit_email')</label>
                                    <input type="text" class="form-control" name="email" @if($edit) value="{{$staff->email}}" @endif>
                                </div>

                                <div class="form-group">
                                    <label><span class="text-danger">*</span>@lang('crm.staff_add_edit_phonenumber')</label>
                                    <input type="text" class="form-control" name="phonenumber" @if($edit) value="{{$staff->phonenumber}}" @endif>
                                </div>

                                <div class="form-group">
                                    <label>@lang('crm.staff_type')</label>
                                    <select class="form-control-select2" name="role_id" id="staff_type" onchange="selectChanged()">
                                        @foreach($staff_type_list as $staff_type)
                                            <option value="{{$staff_type['id']}}" @if($edit && $staff_type['id'] == $staff['role_id']) selected @endif>{{$staff_type['display_name']}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label><span class="text-danger">*</span>@lang('crm.staff_add_edit_password')</label>
                                    <div class="input-group">
                                        <input type="password" class="form-control password" name="password" id="password">
                                        <div class="input-group-append">
                                            <button type="button" class="btn btn-light btn-icon show_password" onclick="showPassword(); return false;"><i class="icon-eye"></i></button>
                                            <button type="button" class="btn btn-light btn-icon generate_password" onclick="generatePassword(); return false;"><i class="icon-reset"></i></button>
                                        </div>
                                    </div>
                                    @if($edit)
                                        <label class="text-grey">@lang('crm.staff_add_edit_password_note')</label>
                                    @endif
                                </div>
                                    <div class="form-group">
                                        <div class="form-check checkbox-primary" id="confirm_registration_container">
                                            <label class='form-check-label'>
                                                <input type='checkbox' class='form-check-input-styled' name="confirm_registration" id="confirm_registration"/>
                                                @lang('crm.confirm_registration')
                                            </label>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label>@lang('crm.staff_add_edit_departments')</label>
                                        <select class="form-control-select2 mb-5" multiple name="departments[]" data-fouc>
                                            @foreach($departments as $department)
                                                <option value="{{ $department['departmentid'] }}"
                                                        @if(isset($staff->departments) && in_array($department['departmentid'], $staff->departments)) selected @endif>{{ $department['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('crm.save')</button>
                                    </div>

                                    {!! Form::close() !!}
                            </div>

                        </div>
                    </div>
                    <div class="col-md-6">
                        @if (settings('2fa.enabled') && $edit)
                            
                            {!! Form::open(['route' => ["user.two-factor.{$route}", $staff->id], 'id' => 'two-factor-form']) !!}
                            @include('user.partials.two-factor', ['user' => $staff])
                            {!! Form::close() !!}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@section('scripts')

    {!! HTML::script('assets/js/as/staff.js') !!}
    {!! JsValidator::formRequest('CRM\Http\Requests\Staff\StaffStoreRequest', '#staff-form') !!}

    <script>
        function showPassword(){
            var password = $('#password');
            if (password.attr('type') == 'password') {
                password.attr('type', 'text');
            } else if (password.attr('type') == 'text') {
                password.attr('type', 'password');
            }
        }


        function generatePassword() {
            var random_pass = Math.random().toString(36).slice(-12);
            $('#password').val(random_pass);
        }

        function selectChanged() {
            console.log('select changed');
            var staff_selection = $('#staff_type');
            if (staff_selection.val() == 2) {
                $('#confirm_registration_container').removeClass('hidden');
            } else {
                $('#confirm_registration_container').addClass('hidden');
            }
        }
    </script>
@stop