{% set editCandidate = path('edit_workspace_candidate', {'assignmentId':assignment.id, 'candidateId':candidate.id}) %}
 {% set isContactType = candidate.contactType %}

<style>

.assignmentDetail, .assignmentDetail p{
    font-size: 16px;
}

</style>
 
<div class="assignmentDetail col-lg-12 col-md-12 col-xs-12 col-sm-8">
  <div class="col-lg-12 col-md-12 col-xs-12 col-sm-8">
    <h3><a href="{{ path('view_candidate', { 'id': candidate.id }) }}">{{ candidate.firstName }} {{ candidate.lastName }}</a> {% if active is defined %}<span class="label label-success">Active</span>{% endif %}<a href="{{ editCandidate }}" class="btn btn-sm btn-info"><i class="fa fa-pencil"></i> Edit Candidate</a>

      {% set removeCandidate = path('remove_workspace_candidate', {'assignmentId':assignment.id, 'candidateId':candidate.id}) %}
      <a  href="{{ removeCandidate }}" onclick="return confirm('Are you sure?')" class="btn btn-sm btn-danger"><i class="fa fa-times-circle"></i> Unassign</a>
      {% set returnToAssingnment = path('view_assignment_candidates', {'id':assignment.id}) %}
     <!-- -->
     {% if isWorkspaceAssignmentPage %}
        {# <a  href="#" onclick="javascript:history.back(); " class="btn btn-sm btn-info right"><i class="fa fa-sign-out"></i> return to assignment</a> #}
        {# <a  href="{{ returnToAssingnment }}/?candId={{candidate.id}}" class="btn btn-sm btn-info right"><i class="fa fa-sign-out"></i> return to assignment</a>  #}
        <a  href="{{ returnToAssingnment }}" class="btn btn-sm btn-info right"><i class="fa fa-sign-out"></i> return to assignment</a> 
     {% else %}
        <a  href="{{ returnToAssingnment }}" class="btn btn-sm btn-info right"><i class="fa fa-sign-out"></i> return to assignment</a> 
     {% endif %}
    
    </h3>
  </div>



  <div class="col-lg-12 col-md-12 col-xs-12 col-sm-8">
    <strong>Assignment:</strong>  <a  href="{{ path('view_assignment_candidates', { 'id': assignment.id }) }}" >{{ assignment.assignment }}</a><br>
    <strong>Email:</strong> {% if isContactType == 1 and is_granted('ROLE_ADMIN') %} <a href="mailto:{{ candidate.email }}">{{ candidate.email }}</a> {% elseif isContactType == 0 %} <a href="mailto:{{ candidate.email }}">{{ candidate.email }}</a>  {% else %} (only admin) {% endif %}<br>
    <strong>Home Email:</strong> {% if isContactType == 1 and is_granted('ROLE_ADMIN') %} <a href="mailto:{{ candidate.homeEmail }}">{{ candidate.homeEmail }}</a>  {% elseif isContactType == 0 %} <a href="mailto:{{ candidate.homeEmail }}">{{ candidate.homeEmail }}</a>  {% else %} (only admin) {% endif %} <br>
    <!--<strong>Mobile:</strong>{% if isContactType == 1 and is_granted('ROLE_ADMIN') %}{{ candidate.mobile }} {% elseif isContactType == 0 %} {{ candidate.mobile }} {% else %} (only admin) {% endif %} <br>-->
    <strong>Mobile:</strong>{% if isContactType == 1 and is_granted('ROLE_ADMIN') %}<a href="skype:+{% if candidate.mobile %}{{ candidate.mobile|replace({" ":""})|trim |default('')}}{% endif %}">{% if candidate.mobile %}{{ candidate.mobile |  trim |default('') }}{% endif %}</a> {% elseif isContactType == 0 %} <a href="skype:+{% if candidate.mobile %}{{ candidate.mobile|replace({" ":""})|trim |default('')}}{% endif %}">{% if candidate.mobile %}{{ candidate.mobile |  trim |default('') }}{% endif %}</a> {% else %} (only admin) {% endif %} <br>
   <!-- <strong>Source:</strong> {{ candidate.source }}  -->
   <strong>Linkedin:</strong> <a href="{{ candidate.cvFile }} " target="_blank" rel="noopener noreferrer">{{ candidate.cvFile }} </a>
   
  </div>
  <div class="col-lg-12 col-md-12 col-xs-12 col-sm-8">
  {% if candidate.company != null %}
    <strong>Company:</strong> {% if candidate.company.company != null %}{{ candidate.company.company }}{% endif %}<br>
  {% endif %}
    <strong>Position:</strong> {{ candidate.position }}<br>
   <!-- <strong>Company Phone:</strong> {% if candidate.company != null %}{{ candidate.company.phone }}{% endif %}<br>  -->
    <strong>Company Phone:</strong> {% if candidate.company != null %}<a href="skype:+{% if candidate.company.phone %}{{ candidate.company.phone|replace({" ":""})|trim |default('')}}{% endif %}">{% if candidate.company %}{{ candidate.company.phone |  trim |default('') }}{% endif %}</a>{% endif %}<br>
    <!--<strong>Direct Phone:</strong>{% if isContactType == 1 and is_granted('ROLE_ADMIN') %}{{ candidate.directPhone }} {% elseif isContactType == 0 %} {{ candidate.directPhone }} {% else %} (only admin) {% endif %}<br> -->
    <strong>Direct Phone:</strong>{% if isContactType == 1 and is_granted('ROLE_ADMIN') %}<a href="skype:+{% if candidate.directPhone %}{{ candidate.directPhone|replace({" ":""})|trim |default('')}}{% endif %}">{% if candidate.directPhone %}{{ candidate.directPhone |  trim |default('') }}{% endif %}</a> {% elseif isContactType == 0 %} <a href="skype:+{% if candidate.directPhone %}{{ candidate.directPhone|replace({" ":""})|trim |default('')}}{% endif %}">{% if candidate.directPhone %}{{ candidate.directPhone |  trim |default('') }}{% endif %}</a> {% else %} (only admin) {% endif %}

  </div>
</div>

{% if googleauthsuccess == 1 %}
<div id="alert-wrapper1">
  <div class="alert alert-success alert-dismissible" role="alert" style="box-shadow: 10px 5px 5px #c0c0c0;">
    Successfully authenticated. You can now add events using the calendar action icon.<a data-toggle="modal" href="{{ path('new_calendar_event', {'assignmentId':assignment.id, 'candidateId':candidate.id }) }}" data-target="#mainModal" class="btn btn-sm btn-success gcal1"><i class="fa fa-calendar"></i></a>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
</div>
<style>

#alert-wrapper1, #alert-wrapper2 {
    position: fixed;
    z-index: 10000;
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    font-size: 17px;    
}
</style>

<script>

$(document).ready(function() {
    // Attach click event handler to the close button
    $('.close').click(function() {
     // window.location.href = {{ path('view_assignment_candidate_crm', {'assignmentId': assignment.id, 'candidateId': candidate.id}) }}
      
    var assignmentId = {{ assignment.id }};
    var candidateId = {{ candidate.id }};
    
    // Generate the relative URL using the path function
    var relativeUrl = "{{ path('view_assignment_candidate_crm', {'assignmentId': assignment.id, 'candidateId': candidate.id}) }}";

    // Get the current protocol and hostname
    var protocol = window.location.protocol;
    var hostname = window.location.hostname;

    // Create the full URL by concatenating protocol, hostname, and relative URL
    var fullUrl = protocol + '//' + hostname + relativeUrl;

    // Redirect the user to the full URL
    window.location.href = fullUrl;


    });
    
    // Attach click event handler to the document body
    $('body').click(function(event) {
        // Check if the clicked element is not part of alert-wrapper1
        if (!$(event.target).closest('#alert-wrapper1').length) {
            $('#alert-wrapper1').remove();
            
        }
    });

    $('.gcal1').click(function() {
            $('#alert-wrapper1').remove();
    });        

});

</script>


{% endif %}


{% if neweventsuccess == 1 %}
<div id="alert-wrapper1">
  <div class="alert alert-success alert-dismissible" role="alert" style="box-shadow: 10px 5px 5px #c0c0c0;">
    New google calendar event successfully created. You can check out your new Google Calendar event by clicking <a href="{{eventHtmlLink}}" target="_blank">here</a>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
</div>
<style>

#alert-wrapper1, #alert-wrapper2 {
    position: fixed;
    z-index: 10000;
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    font-size: 17px;    
}
</style>

<script>

$(document).ready(function() {
    // Attach click event handler to the close button
    $('.close').click(function() {
     // window.location.href = {{ path('view_assignment_candidate_crm', {'assignmentId': assignment.id, 'candidateId': candidate.id}) }}
      
    var assignmentId = {{ assignment.id }};
    var candidateId = {{ candidate.id }};
    
    // Generate the relative URL using the path function
    var relativeUrl = "{{ path('view_assignment_candidate_crm', {'assignmentId': assignment.id, 'candidateId': candidate.id}) }}";

    // Get the current protocol and hostname
    var protocol = window.location.protocol;
    var hostname = window.location.hostname;

    // Create the full URL by concatenating protocol, hostname, and relative URL
    var fullUrl = protocol + '//' + hostname + relativeUrl;

    // Redirect the user to the full URL
    window.location.href = fullUrl;


    });
    
    // Attach click event handler to the document body
    $('body').click(function(event) {
        // Check if the clicked element is not part of alert-wrapper1
        if (!$(event.target).closest('#alert-wrapper1').length) {
            $('#alert-wrapper1').remove();
            
        }
    });



});

</script>


{% endif %}