@extends('admin.layout') @section('content')

<style>
.form {
    border: 1px solid #efefef;
    /*width: 80%;*/
    padding: 50px 30px;
    text-align: left;
    background: #fff;
    border-radius: 4px;
}
    
.form-control {
        text-align: left !important;
}

.form-group {
    margin-bottom: 2rem;
}

.help-block{
  font-weight: normal;font-size: 11px;margin-bottom: 0;position: absolute;
}

textarea.form-control {
    height: calc(2.25rem + 2px);
}

.space-30{
  height: 30px;
  display: block;
}

label {
    font-weight: 600;
}

i.dropdown.icon {
    color: #333;
}

i.icon.delete:before {
    content: "\f00d";
    font-family: Dropdown;
    color: #333;
}

.ui.multiple.dropdown {
    height: auto;
}

</style>

<div class="content-wrapper">

    <!-- Main content -->

    <section class="content">

        <!-- Info boxes -->

        <!-- /.row -->

        {!! Form::open(array('url' =>'admin/addNewEmployee', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}

         <div class="container">
        <div class="row">

            <div class="col-md-12">


                        <div class="row">

                            <div class="col-xs-12">



                                    @if (count($errors) > 0) @if($errors->any())

                                    <div class="alert alert-success alert-dismissible" role="alert">

                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                                        {{$errors->first()}}

                                    </div>

                                    @endif @endif

                                    <!-- /.box-header -->

                                    <!-- form start -->

                                    <div class="box-body">

                                        <center>

                                            <div class="row form">

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="employee_code">Employee Code</label>

                                                    <input type="text" name="employee_code" class="form-control field-validate" id="employee_code" value="Emp-239339">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="first_name">First Name</label>

                                                    <input type="text" name="first_name" class="form-control field-validate" id="first_name">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="last_name">Last Name</label>

                                                     <input type="text" name="last_name" class="form-control field-validate" id="last_name">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="dob">DOB</label>

                                                    <input type="text" class="form-control field-validate" name="dob" id="dob">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="nationality">Nationality</label>

                                                    <input type="text" class="form-control field-validate" name="nationality" id="nationality">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="race">Race</label>

                                                    <input type="text" class="form-control field-validate" name="race" id="race">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="clearfix"></div>

                                                 <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="identification">Identification no.</label>

                                                    <input type="text" class="form-control field-validate" name="identification" id="identification">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="exampleInputPassword1">Contact no</label>

                                                    <input type="number" class="form-control" name="contact" id="contact">

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="exampleInputPassword1">Roles</label>

                                                    <select  class="form-control" id="emp_roles" name="emp_roles">
                                                  @foreach($results['emp_roles'] as $roles)
                                                     <option value="{{$roles->emp_roles_id}}">{{$roles->emp_roles_name}}</option>
                                                  @endforeach
                                                  </select>

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                                </div>

                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="exampleInputPassword1">Assign Outlets</label>

                                                    <select multiple="" class="form-control field-validate" id="assign_outlet" name="assign_outlet[]"  data-live-search="true">
                                                  @foreach($results['outlet'] as $outlets)
                                                     <option value="{{$outlets->manufacturers_id}}">{{$outlets->manufacturers_name}}</option>
                                                  @endforeach
                                                  </select>

                                                </div>

                                                <div class="clearfix"></div>
                                                
                                                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                          <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Picture') }} </label>

                                          <div class="col-sm-10 col-md-4">

                                            {!! Form::file('newImage', array('id'=>'newImage')) !!}

                                            <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">

                                            {{ trans('labels.PictureText') }}</span>

                                            <br>

                                          </div>

                                        </div>

                                         <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <label for="name">Employee Password </label>
                                              
                                                    <input class="form-control field-validate" name="emp_password" type="text" value=""> <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">                                 </span> 
                                            </div>
                                            <div class="clearfix"></div>

                                        <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                    <label for="roles_permitions">Roles Permissions</label>

                                                    <select multiple="" class="form-control field-validate" id="roles_permitions" name="roles_permitions[]"  data-live-search="true"> 
                                                  
                                                      @foreach($results['emp_permitions'] as $permt)
                                                     <option value="{{$permt->id}}">{{$permt->permition_name}}</option>
                                                        @endforeach
                                                  </select>

                                                </div>

                                                <div class="clearfix"></div>

                                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                      <div class="space-30"></div>
                                                      <center>
                                                    <button type="submit" class="ecom-btn">Submit</button>
                                                </center>

                                                </div>

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

                                    </div>

                           

                            </div>



                </div>

                <!-- /.col -->

            </div>

            <!-- /.row -->

            <!-- Main row -->

            <!-- /.row -->

        </div>

    </section>

    <!-- /.content -->

    </div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://toptechtalents.com/resources/views/admin/plugins/datepicker/bootstrap-datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="/resources/views/admin/dist/css/semantic.min.css">

<script type="text/javascript" src="/resources/views/admin/js/semantic.min.js"></script>
<script type="text/javascript">
    
    $('#assign_outlet').dropdown(); 
    $('#roles_permitions').dropdown(); 
   
</script>

<script type="text/javascript">
        $('#dob').datepicker({
            uiLibrary: 'bootstrap4'
        });
    </script>
@endsection