@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

@endpush


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Add User</h4>
        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form action="/users/add_user" method="POST">
                    @csrf


                    <!--AFFILITATE INFO-->


                    <!--role DETAILS -->
                    <h4 class="card-title mt-4 mb-2 text-uppercase"
                        style="background-color:#f8f8fb;padding:0.5em 0.25em;">User Details</h4>
                    <div class="row">

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">First Name</label>
                                <input type="text" class="form-control @error('first_name') is-invalid @enderror"
                                    name="first_name" id="formrow-firstname-input">

                                @error('first_name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Middle Name</label>
                                <input type="text" class="form-control " name="middle_name"
                                    id="formrow-firstname-input">
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Last Name</label>
                                <input type="text" class="form-control  @error('last_name') is-invalid @enderror"
                                    name="last_name" id="formrow-firstname-input">

                                @error('last_name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        <!-- <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">User Employee No</label>
                                <input type="text" class="form-control" name="employee_no" id="formrow-firstname-input">
                            </div>
                        </div> -->

                    </div>


                    <div class="row">

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Phone Number</label>
                                <input type="text" class="form-control @error('phone') is-invalid @enderror"
                                    name="phone" id="formrow-firstname-input">
                                @error('phone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Email</label>
                                <input type="text" class="form-control @error('email') is-invalid @enderror "
                                    name="email" id="formrow-firstname-input">


                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        {{-- <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Username</label>
                                <input type="text" class="form-control @error('username') is-invalid @enderror"
                                    name="username" id="formrow-firstname-input">
                                @error('username')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div> --}}
                        <!--     <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Password</label>
                                <input type="password" class="form-control" name="password"
                                    id="formrow-firstname-input">
                            </div>
                        </div> -->

                    </div>
                    {{--
                    <div class="row">

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState">Authentication</label>
                                <select id="formrow-inputState"
                                    class="form-control @error('auth_mech') is-invalid @enderror" name="auth_mech"
                                    required="">
                                    <option selected>Choose</option>
                                    @foreach($auth_mechs as $authmech)
                                    <option value="{{$authmech->id}}">{{$authmech->authmethod}}</option>
                                    @endforeach
                                </select>
                                @error('auth_mech')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>


                    </div> --}}





                    <h4 class="card-title mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">
                        Role</h4>


                    <div class="row">

                        <div class="col-lg-3 col-md-3 col-md-12">
                            <div class="form-group">
                                <label for="formrow-inputState">Assign Role</label>
                                <select id="formrow-inputState"
                                    class="form-control role @error('role') is-invalid @enderror" name="role"
                                    required="">
                                    <option></option>
                                    @foreach($roles as $role)
                                    @hasanyrole('superadmin')
                                    <option value="{{$role->name}}">{{$role->name}} </option>
                                    @endhasanyrole

                                    @hasanyrole('propertyowner')
                                    @if($role->name=="propertyowner")
                                    <option value="{{$role->name}}">{{$role->name}} </option>
                                    @endif

                                    @endhasanyrole

                                    @endforeach

                                </select>

                            </div>
                        </div>

                        @role('superadmin')
                        <div class="col-lg-3 col-md-3 col-sm-3 propertycompany">
                            <div class="form-group">
                                <label for="formrow-inputState">Assign Property Company</label>
                                <select id="formrow-inputState" class="form-control" name="propertyowner" required="">
                                    @foreach($propertycompanies as $propertyowner)
                                    <option value="{{$propertyowner->id}}">{{$propertyowner->name}}</option>
                                    @endforeach
                                </select>

                            </div>
                        </div>
                        @endrole


                    </div>



                    <div class="row">
                        <div class="col-lg-3">
                            <button class="mt-4 btn btn_blck w-md" style="width:100%;">Add User</button>
                        </div>
                    </div>

                </form>

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


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>

<script type="text/javascript">
    $(".propertycompany").hide();
    $(".role").change(function(){

        if($(this).val()=="propertyowner")
        $(".propertycompany").show();
        else
        $(".propertycompany").hide();


        
});

</script>

<script @endpush