@extends('main')

@section('css')
<link href="{{ asset('/css/bootstrapValidator.min.css')}}" rel="stylesheet">
@endsection

@section('content')
 <section class="main_content talent_defines">
    <div class="container">
      <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
          <div class="row">
            <div class="col-sm-2"></div>
            <div class="col-sm-10">
              <h3 class="heading">What defines you best ? </h3>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
                when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
                It has survived not only five centuries</p>
            </div>

            <div class="clearfix"></div>
              @if ($validation_errors && count($validation_errors) > 0)
                    <div class="alert alert-danger clearfix">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($validation_errors as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            <div class="clearfix"></div>
            
            <form name="profile_step1" id="profile_step1" method="post" onsubmit="return check_step1()" >
                <div role="tabpanel">
                  <div class="col-sm-2"> 
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                      @if($profile_det->profile_type=='T')  
                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-user"></i>Individual</a></li>
                      @else if($profile_det->profile_type=='O')  
                       <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-users"></i>Organization</a></li>
                      @endif  
                    </ul>
                  </div>
                  <div class="col-sm-10"> 
                  <div id="profile_step1_errors" class="txt-red"></div>
                    <!-- Tab panes -->
                    <div class="tab-content">
                      <div role="tabpanel" class="tab-pane active" id="home">
                        
                        <div class="btn-group" data-toggle="buttons">
                          <input type="text" class="form-control talent_search" placeholder="Search . . .">
                          @foreach ($individual as $i)
                          {{--*/ $active_class=''; $checked_true=''; /*--}}
                            
                              @if(in_array($i->id,$req_parent_data))
                                {{--*/$active_class='active';$checked_true = 'checked="checked"'; /*--}}
                              @endif

                              <label class="btn btn-primary talent_categories {{$active_class}}">
                                <input type="checkbox" autocomplete="off" name="indv[]" value="{{$i->id}}" {{$checked_true}} >
                                {{$i->name}} </label>
                           @endforeach 
                        </div>
                      </div>
                      <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="btn-group" data-toggle="buttons">
                          <input type="text" class="form-control organization_search" placeholder="Search . . .">
                          @foreach ($organization as $o)
                              <label class="btn btn-primary organization_categories">
                                <input type="checkbox" autocomplete="off" name="org[]" value="{{$o->id}}">
                                {{$o->name}} </label>
                           @endforeach 
                        </div>
                         </div>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
                   <input type="hidden" name="_token" value="{{ csrf_token() }}">
                   <input type="hidden" name="profile_save_type" id="profile_save_type" value="next">
    	        <!--<div class="col-sm-3"> <button type="submit" class="form-control" id="goto_profile" value="goto_profile">Goto Profile</button></div>-->
    	        <div class="col-sm-3 pull-right xs-clear"> <button style="width:200px;" type="submit" class="btn signup-setp1-next " id="profile_next" name="next" value="step1"> Next >></button></div>
				
				
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
@section('js')
<script src="{{ asset('js/bootstrapValidator.min.js')}}"></script>
<script src="{{ asset('js/maskedinput/jquery.maskedinput.min.js')}}"></script>
<script src="{{ asset('js/validation.js')}}"></script>
@endsection