@extends('master.admin')

@push('header.scripts')
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
@stop

@push('footer.scripts')
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('public/assets/pages/scripts/components-select2.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    var dt_users_obj;
    $(function() {
        $("#role").change(function(e){

            $('#team_member_div').hide();
            $('#steam_member_id').attr('required', false);
            $('#steam_member_id').val('');
            
            if($(this).val() == '4'){
                $('#team_member_div').show();
                $('#steam_member_id').attr('required', true);
            }
        });
    });
</script>
@stop

@section('content')
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="page-bar">
            <ul class="page-breadcrumb">

                <li>
                    <a href="{{url('admin/users')}}">Users</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <span>Add new User</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h3 class="page-title"> </h3>
        <!-- END PAGE TITLE-->
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert"></button>
            <h4 class="alert-heading"><strong>Validation Errors!</strong></h4>
            <ul>
                @foreach ($errors->all() as $error)
                <li> {{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box blue-hoki">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus"></i>Add new User</div>
                        <div class="tools"></div>
                    </div>
                    <div class="portlet-body form">
                        {!! Form::open(array('url' => 'admin/users')) !!}
                            {!! csrf_field() !!}
                            <input type="hidden" name="id" value="" />
                            <div class="form-body">

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">First Name <span class="required">*</span></label>
                                            <input type="text" id="first_name" name="first_name" class="form-control" required="" value='{{old('first_name')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                     <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Last Name <span class="required">*</span></label>
                                            <input type="text" id="last_name" name="last_name" class="form-control" required="" value='{{old('last_name')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Email <span class="required">*</span></label>
                                            <input type="email" id="email" name="email" class="form-control" required="" value='{{old('email')}}' >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Status <span class="required">*</span></label>
                                            <div class="form-group">
                                                <select class="form-control" id="active" name="active" required="">
                                                    <option value="">Select</option>  
                                                    <option value="1">Active</option>  
                                                    <option value="0">Inactive</option>  
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Password <span class="required">*</span></label>
                                            <input type="password" id="password" name="password" class="form-control"  required="" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Confirm Password <span class="required">*</span></label>
                                            <input type="password" id="password_confirmation" name="password_confirmation" class="form-control"  required="" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Address</label>
                                            <input type="text" id="address" name="address" class="form-control" value='{{old('address')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">City <span class="required">*</span></label>
                                            <input type="text" id="city" name="city" class="form-control" value='{{old('city')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">State</label>
                                            <select class="form-control" id="state" name="state" >
                                                <option value="">Select</option>
                                                @foreach(list_us_states() as $state)
                                                    <option value="{{ $state->code }}">{{ $state->code }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">zipcode </label>
                                            <input type="text" id="zipcode" name="zipcode" class="form-control" value='{{old('zipcode')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Phone</label>
                                            <input type="text" id="phone" name="phone" class="form-control" value='{{old('phone')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Gender </label>
                                            <select class="form-control" id="gender" name="gender" >
                                                <option value="">Select</option>
                                                <option value="Male">Male</option>
                                                <option value="Female">Female</option>
                                                <option value="Non-binary">Non-binary</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">DOB</label>
                                            <input type="text" id="dob" name="dob" class="form-control datepicker" placeholder="mm/dd/yyyy" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">IP Address</label>
                                            <input type="text" id="ipaddress" name="ipaddress" class="form-control" value='{{old('ipaddress')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Role <span class="required">*</span></label>
                                            <select class="form-control" id="role" name="role" required="">
                                                <option value="">Select</option>  
                                                @foreach($roles as $role)
                                                    @if( $role->name != 'superadmin' )
                                                    <option value="{{ $role->id }}">{{ $role->display_name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->

                                </div>
                                <!--/row-->


                                <div class="form-actions right">
                                    <a href="{{url('admin/users')}}" class="btn default">Cancel</a>
                                    <button type="submit" class="btn blue">
                                        <i class="fa fa-check"></i> Save
                                    </button>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- END CONTENT BODY -->
</div>
<!-- END CONTENT WRAPPER -->    


@stop