{% set isContactType = candidate.contactType %}


<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <h3 class="modal-title">Edit Candidate</h3>
</div>
{{ form_start(form, { "action": path("edit_workspace_candidate", {"assignmentId":assignment.id, "candidateId":candidate.id}) }) }}
{# , "attr": { "id": "ajaxWiderModalForm", "class": "ajaxWiderModalForm" } #}
<div class="modal-body">
  {{ form_errors(form) }}
  <div class="row">
    <div class="form-group col-lg-12">
      <h4>Contact Information</h4>
      <div class="col-lg-2 form-group">{{ form_label(form.title) }} {{ form_widget(form.title) }}</div>
      <div class="col-lg-5 form-group">{{ form_label(form.firstName) }} {{ form_widget(form.firstName) }}</div>
      <div class="col-lg-5 form-group">{{ form_label(form.lastName) }} {{ form_widget(form.lastName) }}</div>
    </div>
  </div>

  {% if isContactType == 1 and is_granted('ROLE_ADMIN') %}
  <div class="row">
    <div class="col-lg-2 form-group">{{ form_label(form.gender) }} {{ form_widget(form.gender) }}</div> 
    <div class="col-lg-5 form-group">{{ form_label(form.email) }} {{ form_widget(form.email) }}</div>
    <div class="col-lg-5 form-group">{{ form_label(form.homeEmail) }} {{ form_widget(form.homeEmail) }}</div>
  </div>
   <div class="row">
    <div class="form-group col-lg-12">
      <div class="col-lg-6 form-group">{{ form_label(form.directPhone) }} {{ form_widget(form.directPhone) }}</div>
      <div class="col-lg-6 form-group">{{ form_label(form.mobile) }} {{ form_widget(form.mobile) }}</div>
    </div>
  </div>
  {% elseif isContactType == 0 %}
  <div class="row">
    <div class="col-lg-2 form-group">{{ form_label(form.gender) }} {{ form_widget(form.gender) }}</div> 
    <div class="col-lg-5 form-group">{{ form_label(form.email) }} {{ form_widget(form.email) }}</div>
    <div class="col-lg-5 form-group">{{ form_label(form.homeEmail) }} {{ form_widget(form.homeEmail) }}</div>
  </div>
   <div class="row">
    <div class="form-group col-lg-12">
      <div class="col-lg-6 form-group">{{ form_label(form.directPhone) }} {{ form_widget(form.directPhone) }}</div>
      <div class="col-lg-6 form-group">{{ form_label(form.mobile) }} {{ form_widget(form.mobile) }}</div>
    </div>
  </div>

{% else %}


{% endif %}



  <div class="row">
    <div class="form-group col-lg-12">
    <h4>Job Information</h4>
      <div class="col-lg-6 form-group">{{ form_label(form.company) }} {{ form_widget(form.company) }}</div>
      <div class="col-lg-6 form-group">{{ form_label(form.cvFile) }} {{ form_widget(form.cvFile) }}</div>

     {#  <div class="col-lg-6 form-group">{% if candidate.reportTo %}{{ form_label(form.reportTo) }} {{ form_widget(form.reportTo) }} <a id="clearReport" class="btn btn-sm btn-danger">Clear</a>
      {% else %} No Report To {% endif %}
        <a data-toggle="modal" href="{{ path('report_to_candidate_fullpage', { 'id': candidate.id })}}" data-target="#mainModal" class="btn btn-sm btn-info">Report To</a>
    </div>
 #}

      <div class="row">
         <div class="col-md-4 form-group">{{ form_label(form.reportTo) }} {{ form_widget(form.reportTo) }}

          <a data-toggle="modal" href="{{ path('report_to_new_candidate',{ 'id': candidate.id })}}" data-target="#mainModal" class="btn btn-sm btn-info">Report To</a>
           <a id="clearReport" class="btn btn-sm btn-danger">Clear</a>
         </div>
      </div>



  </div>
  <div class="row">
    <div class="form-group col-lg-12">
      <div class="col-lg-8 form-group">{{ form_label(form.position) }} {{ form_widget(form.position) }}</div>
    </div>
  </div>
  <div class="row">
    <div class="form-group col-lg-12">
    <h4>Education Information</h4>
      <div class="col-lg-8 form-group">{{ form_label(form.educationNotes) }} {{ form_widget(form.educationNotes) }}</div>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-5 form-group">{{ form_label(form.EducationUniversity) }} {{ form_widget(form.EducationUniversity) }}</div>
    <div class="col-lg-5 form-group">{{ form_label(form.EducationUniversityDegree) }} {{ form_widget(form.EducationUniversityDegree) }}</div>
    <div class="col-lg-2 form-group">{{ form_label(form.EducationUniversityYear) }} {{ form_widget(form.EducationUniversityYear) }}</div>    
  </div>  
  <div class="row">
    <div class="col-lg-4 form-group">{{ form_label(form.YearsExperience) }} {{ form_widget(form.YearsExperience) }}</div> 
    <div class="col-lg-8 form-group">{{ form_label(form.careerDetails) }} {{ form_widget(form.careerDetails) }}</div>    
  </div>
    <div class="row">
    <div class="col-md-4 form-group">{{ form_label(form.mappingNotes) }} {{ form_widget(form.mappingNotes) }}</div>
    <div class="col-md-4 form-group">{{ form_label(form.salary) }} {{ form_widget(form.salary) }}</div> 
    <div class="col-md-4 form-group">{{ form_label(form.bonus) }} {{ form_widget(form.bonus) }}</div>     
  </div>

  <div class="row">
    <div class="col-lg-12 form-group"><h4>More Information</h4></div>
  </div>
  <div class="row">
    <div class="col-lg-12 form-group">{{ form_label(form.homeCity) }} {{ form_widget(form.homeCity) }}</div>
  </div>
  <div class="row">
    <div class="col-lg-8 form-group">{{ form_label(form.homeState) }} {{ form_widget(form.homeState) }}</div>
    <div class="col-lg-4 form-group">{{ form_label(form.homePostCode) }} {{ form_widget(form.homePostCode) }}</div>
  </div>
  <div class="row">
    <div class="col-lg-6 form-group">{{ form_label(form.homeCountry) }} {{ form_widget(form.homeCountry) }}</div>
    <div class="col-lg-6 form-group">{{ form_label(form.diversity) }} {{ form_widget(form.diversity) }}</div>
  </div>

  <div class="row">    
    <div class="col-lg-12 form-group">{{ form_label(form.source) }} {{ form_widget(form.source) }}<span id="helpBlock" class="help-block"><!--Note: In Source you should put name or place where you got the information.--></span></div>
  </div>

  <div class="row">
    <div class="col-lg-6 form-group">{{ form_label(form.notes) }} {{ form_widget(form.notes) }}</div>
    {% if is_granted('ROLE_ADMIN') %}

     {% endif %}    
    <div class="col-lg-6 form-group">{{ form_label(form.custom1) }} {{ form_widget(form.custom1) }}</div>
  </div>

    <div class="row">
    <div class="col-lg-4 form-group">{{ form_label(form.custom2) }} {{ form_widget(form.custom2) }}</div>
    <div class="col-lg-4 form-group">{{ form_label(form.custom3) }} {{ form_widget(form.custom3) }}</div>
    <div class="col-lg-4 form-group">{{ form_label(form.custom4) }} {{ form_widget(form.custom4) }}</div>   
  </div>


  {% if is_granted('ROLE_ADMIN') %}

  {% endif %}

</div>
<div class="modal-footer">
  <button class="btn btn-sm btn-success" type="submit">Submit</button>
   <a  href="{{ path('candidates')}}"   class="btn btn-sm" ><button type="button" class="btn btn-sm" data-dismiss="modal">Cancel</button></a>
 {#  <button type="button" class="btn btn-sm" data-dismiss="modal">Cancel</button> #}
</div>
    {{ form_widget(form._token) }}
   {{ form_end(form, {'render_rest': false}) }}

<script>
$(document).ready(function() {
    if (typeof(tinyMCE) !== 'undefined') {
        var length = tinyMCE.editors.length;
        for (var i = length; i > 0; i--) {
            tinyMCE.editors[i - 1].remove();
        }
        ;
    }
    tinyMCE.init({
        selector: 'textarea.tinymce',
        paste_as_text: true,
        plugins: "paste",
        height: "270",
        remove_linebreaks: true,
        convert_newlines_to_brs: false,
        entity_encoding: 'raw',
        entities: '160,nbsp,38,amp,60,lt,62,gt',
        forced_root_block : "",
        force_br_newlines : true,
        force_p_newlines : false,

    });
});
/*
oninit: "setPlainText",
    plugins: "paste",
    paste_preprocess: function (pl, o) {
    // Content string containing the HTML from the clipboard
    var tmp = document.createElement("DIV");
    o.content.replace(/<img[^>]*>/g, "");
    tmp.innerHTML = o.content;
    // tmp.textContent
    o.content = tmp.innerText;

}*/
</script>

<script type="text/javascript">

$('#form_company').select2({
  ajax: {
    url: "{{ path('companies_list.json') }}",
    dataType: 'json',
    delay: 250,
    data: function (params) {
      return {
        q: params.term,
        page: params.page
      };
    },
    processResults: function (data, page) {
      return { results: data };
    },
    cache: true
  },
  minimumInputLength: 0,
  placeholder: 'Select a company',
  allowClear: true
});

$('#clearReport').click(function() {
  console.log($("#form_reportTo option:selected").val());
  if($("#form_reportTo").has('option').length > 0 && $("#form_reportTo option:selected").val() != '')
  {
    if (confirm('Are you sure that you want to clear the Report To ?')) {
     $("#form_reportTo").html('<option value> Please select a candidate. </option>');
    };
  }else{
    alert('no data is given!');
  }

});

</script>

{% include 'include/insert_form_js.html.twig' %}