@extends('fo.tpl.layout_role')

@section('content')
<div class="container">
		<!--Page content-->
        <!--===================================================-->
        <section id="page-content">
            <div class="row">
                <div class="col-lg-12">
					<div class="panel">
                        <div class="panel-heading" style="margin-top:150px;">
                            <div class="panel-control">
                                <button class="btn btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></button>
                                <button class="btn btn-default" data-click="panel-collapse"><i class="fa fa-chevron-down"></i></button>
                            </div>
							<h3 class="panel-title">Select You Workspace</h3>
                        </div>
                        <div class="panel-body">
                            <form action="{{ route('getworkspace') }}" method="post" class="form-horizontal form-bordered">
								{{ csrf_field() }}
                                <div class="row">
									<div class="col-md-4">
										<div class="form-group" id="getidrole" href="{{ url('wkspgetidrole') }}">
											<!--<label class="control-label">Role User </label>-->
											<select type="text" id="role" name="role" class="demo-chosen-select form-control" data-placeholder="Choose a role..." data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="1">
												<option value="" selected>Select Role</option>
												@foreach($datarole as $key => $value)
													@foreach($value as $role)
														<option value="{{ $role['role_level'] }}">{{ $role['role_name'] }}</option>
													@endforeach
												@endforeach
											</select>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group" id="getiddep" href="{{ url('wkspgetiddep') }}">
											<!--<label class="control-label">Department</label>-->
											<select type="text" id="department" name="department" class="demo-chosen-select form-control" data-placeholder="Choose a department..." data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="2">
												<option value="" selected>Select Department</option>
											</select>
										</div>
									</div>
									<div class="col-md-4" id="input_team" style="display:none;">
										<div class="form-group">
											<!--<label class="control-label">Team</label>-->
											<select type="text" id="team" name="team" class="demo-chosen-select form-control" data-placeholder="Choose a team..." data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="3">
												<option value="" selected>Select Team</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-3 pull-right" style="margin-top:15px;">
									<button class="btn btn-block btn-info" type="submit">Load My Workspace</button>
								</div>
							</form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
</div>

@stop

@section('addlibjs')
    <!-- Form validation -->
    <script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>
    <!--Bootstrap Validator [ OPTIONAL ]-->
    <link href="{{ asset('assets/plugins/bootstrapValidator.min.css') }}" rel="stylesheet">
    <script src="{{ asset('assets/plugins/bootstrap-validator/bootstrapValidator.min.js') }}"></script>
    <!--Form validation [ SAMPLE ]-->
    <script src="{{ asset('assets/js/demo/form-validation.js') }}"></script>
    {{--<script src="{{ asset('js/admin/users/showInterface.js') }}"></script>--}}
    <script src="{{ asset('js/fo/workspace/get-id-dep.js') }}"></script>
    <script src="{{ asset('js/fo/workspace/get-id-role.js') }}"></script>

@stop