@extends('layouts.master')
@section('page_title')
    @if(isset($page_title))
        {{ $page_title }}
    @endif
@endsection
@section('content')
  <div class="">
    <div class="page-title">
      <div class="title_left" style="width:800px !important;">
        <ol class="breadcrumb">
          <li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
          <li><a href="{!! url('clients') !!}">Clients</a></li>
          <li><a href="{{ url('clients',  $client->id) }}">{{ $client->name }}</a></li>
          <li class="active">Onboarding Checklist </li>
        </ol>
      </div>
    </div>
    <div class="clearfix"></div>
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="x_panel">
              <div class="x_title">
                Update Onboarding Checklist
                @include('commons.notifications')
                <div class="clearfix"></div>
              </div>
                {{-- start of content --}}
                <div class="x_content">
                  <br>
                      
                      <div class="row">
                        <div class="col-md-12">
                          <h4>Agreement Stage</h4>
                          <div>
                            <div class="form-group" > 
                            <div class=" {{ $errors->has('progress_indicators') ? 'has-error' : ''}}">
                              <label class="" for="payment_mode">Checklist Items</label>
                              {!! Form::select('progress_indicators[]', $progress_indicators, $current_progress_indicators, ['class' => 'form-control' , 'id' => 'progressIndicators', 'multiple' => 'true']) !!}
                              {!! $errors->first('progress_indicators', '<p class="help-block">:message</p>') !!}
                            </div>
                          </div>
                          </div>
                          <h4>Interconnectional (Bilateral)</h4>
                          <div>
                            
                          </div>
                          <h4>Tests Completed</h4>
                          <div>
                            
                          </div>
                          <h4>Rate Card Sharing</h4>
                          <div>
                            
                          </div>
                          <h4>Rates Uploaded</h4>
                          <div>
                            
                          </div>
                        </div>
              
                      </div>
                      <div class="ln_solid"></div>
                      <div class="form-group">
                        
                      </div>
                  
                </div>
                {{-- end of x_content --}}
              </div>
              {{-- end of x_panel --}}
            </div>
          </div>
          
        </div>

@endsection

@section('javascript')
<script type="text/javascript">
  $(function(){
    $('select').select2();


    // $('.typeServices').select2({}).select2('val', PRESELECTED_FRUITS);  
    $('.typeServices').select2({
          tags : true
    });
  });
</script>
@endsection