@extends('adminlte::page')
@section('title', trans('adminlte::users.title.create'))
@section('content_header')
@stop
@section('content')

<form action="{{ route('users.store') }}" method="POST" id='user-form'>
    @csrf
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">@lang('adminlte::users.header.create')</h3>
                </div>
                <div class="card-body">
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="first_name">@lang('adminlte::users.first_name')<span style="color:red">*</span></label>
                        <input type="text" maxlength="16" name='first_name' id="first_name" class="form-control" placeholder="Enter First Name">
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="last_name">@lang('adminlte::users.last_name')<span style="color:red">*</span></label>
                        <input type="text" maxlength="16" name='last_name' id="last_name" class="form-control" placeholder="Enter Last Name">
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputEmail">@lang('adminlte::users.user_email')<span style="color:red">*</span></label>
                        <input type="email" name='email' id="inputEmail" class="form-control" placeholder="Enter Email">
                    </div>

                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="phone_no">@lang('adminlte::users.phone_no')<span style="color:red">*</span></label>
                        <input type="text"  maxlength="10" name='phone_no' id="phone_no" class="form-control" placeholder="Enter Phone No">
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="employee_code">@lang('adminlte::users.employee_code')<span style="color:red">*</span></label>
                        <input type="text" name='employee_code' id="employee_code" class="form-control" placeholder="Enter Employee Code">
                    </div>
<!--                     <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="employment_status">@lang('adminlte::users.employment_status')<span style="color:red">*</span></label>
                        <select class="form-control employment_status" id ="employment_status" name="employment_status">
                            <option value="">Select Employment Status</option>
                            @foreach($user['employment_status'] as $key => $value)
                            <option value="{{$key}}" >{{$value}}</option>
                            @endforeach
                        </select>
                    </div> -->

                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputName">@lang('adminlte::users.assign_parking_sites')</label>
                        <select  multiple="multiple" class="form-control assign_parking_sites" name="assign_parking_sites[]">
                          
                            @foreach($user['parking_site'] as $key => $value)
                            <option value="{{$key}}" >{{$value}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputName">@lang('adminlte::users.user_role')<span style="color:red">*</span></label>
                        <select class="form-control user_role" name="roles">
                            <option value="">Select User Role</option>
                            @foreach($user['user_role'] as $key => $value)
                            <option value="{{$value['id']}}" >{{$value['name']}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputName">@lang('adminlte::users.user_name')<span style="color:red">*</span></label>
                        <input  type="text" name='user_name' id="inputName" class="form-control" placeholder="Enter User Name">
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputPassword">@lang('adminlte::users.user_pwd')<span style="color:red">*</span></label>
                        <input type="password" minlength="8" name="password" id="inputPassword" class="form-control" placeholder="Password">
                    </div>
                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="inputConfirmPassword">@lang('adminlte::users.user_confirm_pwd')<span style="color:red">*</span></label>
                        <input type="password" minlength="8" name='confirm_password' id="inputConfirmPassword" class="form-control" placeholder="Confirm Password">
                    </div>

                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                        <label for="employment_status">@lang('adminlte::users.status')<span style="color:red">*</span></label>
                        <select class="form-control status" id ="status" name="status">
                            <option value="">Select Status</option>
                            @foreach($user['status'] as $key => $value)
                            <option value="{{$key}}" >{{$value}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn @lang('adminlte::button.save')">@lang('adminlte::users.user_add')</button>
                    <a class="btn  @lang('adminlte::button.back')" href="{{ route('users.index') }}"> Back</a>
                </div>

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

@stop

@section('js')
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! JsValidator::formRequest('App\Http\Requests\Admin\UserRequest', '#user-form'); !!}

<script>
$(document).ready(function () {
    $('.assign_parking_sites').select2();
    
//    $('.employment_status').select2();
//    $('.user_role').select2();
//    $('.status').select2();
});
</script>
@stop