@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		USERS
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">user</h3>

			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		
     
		<form class="form-horizontal" method="POST" action="{{ route('users.store') }}">
            {{ csrf_field() }}
            <div class="box-body">
              <div class="col-lg-6">
                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    <label for="username" class="col-md-4 control-label">Name</label>

                    <div class="col-md-8">
                        <input id="username" type="text" class="form-control" name="username" value="{{ old('username') }}" required autofocus>

                        @if ($errors->has('username'))
                        <span class="help-block">
                            <strong>{{ $errors->first('username') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                    <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                    <div class="col-md-8">
                        <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required>

                        @if ($errors->has('email'))
                        <span class="help-block">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    <label for="password" class="col-md-4 control-label">Password</label>

                    <div class="col-md-8">
                        <input id="password" type="password" class="form-control" name="password" required>

                        @if ($errors->has('password'))
                        <span class="help-block">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group">
                    <label for="password-confirm" class="col-md-4 control-label">Confirm Password</label>

                    <div class="col-md-8">
                        <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
                    </div>
                </div>

                <div class="form-group">

                  <label for="lbc_id" class="col-md-4 control-label"> Select LBC</label>
                  <div class="col-md-8">
                      <select id="lbc_id" class="form-control select2 required" data-placeholder="Select LBC"
                      style="width: 100%;" name="lbc_id">
                      <option value="0">Select LBC.</option>
                      @foreach ($lbcs as $lbc)
                      <option value="{{$lbc->id}}">{{$lbc->name}}</option>
                      @endforeach

                  </select>
              </div>
              <br><br>

          </div>
          
          <div class="form-group">
              <label for="roles" class="col-md-4 control-label">Select Roles</label>
              <div class="col-md-8">
                 <select id="roles" class="form-control select2" multiple="multiple" data-placeholder="Select Roles"
                 style="width: 100%;" name="roles[]">
                 @foreach ($roles as $role)
                 <option value="{{$role->id}}">{{$role->name}}</option>
                 @endforeach
                 
             </select>
         </div>
     </div>

     <div class="form-group">
      <label for="warehouse_id" class="col-md-4 control-label">Select warehouse</label>
      <div class="col-md-8">
         <select id="warehouse_id" class="form-control select2" data-placeholder="Select warehouse"
         style="width: 100%;" name="warehouse_id">
         <option disabled selected>Select Warehouse</option>
         <option value="">None</option>

         @foreach ($warehouses as $warehouse)
         <option value="{{$warehouse->id}}">{{$warehouse->name}}</option>
         @endforeach
         
     </select>
 </div>
</div>
<div class="form-group">
    <label for="shed_id" class="col-md-4 control-label">Select Shed</label>
    <div class="col-md-8">
       <select id="shed_id" class="form-control select2" data-placeholder="Select shed"
       style="width: 100%;" name="shed_id">
       <option disabled selected>Select shed</option>
       
       @foreach ($sheds as $shed)
       <option value="{{$shed->id}}">{{$shed->name}}</option>
       @endforeach

   </select>
</div>
</div>
<div class="form-group">
  <label for="port_id" class="col-md-4 control-label">Select TOC</label>
  <div class="col-md-8">
     <select id="port_id" class="form-control select2" data-placeholder="Select warehouse"
     style="width: 100%;" name="port_id">
     <option disabled selected>Select port </option>
     
     @foreach ($ports as $port)
     <option value="{{$port->id}}">{{$port->name}}</option>
     @endforeach
     
 </select>
</div>
</div>


<div class="form-group">
  <label for="status" class="col-md-4 control-label">user Status</label>
  <div class="col-md-8">
   <select id="status" class="form-control select2"  data-placeholder="user Status"
   style="width: 100%;" name="status">
   <option disabled selected>Select Status</option>
   <option value="0">Inactive</option>
   <option value="1" >Active</option> 
</select>
</div>
</div>

<div class="form-group">

  <label for="consignee_id" class="col-md-4 control-label"> Select Factory</label>
  <div class="col-md-8">
      <select id="consignee_id" class="form-control select2 required" data-placeholder="Select consignee"
      style="width: 100%;" name="consignee_id">
      <option value="0">Select Factory.</option>
      @foreach ($consignees as $consignee)
      <option value="{{$consignee->id}}">{{$consignee->name}}</option>
      @endforeach

  </select>
</div>
<br><br>

</div>



<div class="form-group">
    <div class="col-md-6 col-md-offset-4">
       
        <button type="submit" class="btn btn-success">
            Add user
        </button>
        
    </div>
</div>
</div>
</div>  
</form>

<!-- /.box-footer-->
</div>
<!-- /.box -->

</section>

@endsection

@section('more-scripts')
<!-- Select2 -->
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

<script>
  $(function () {
    //alert('hello world');
    
    $('.select2').select2()

    
    
})
</script>
@endsection