@extends('emails.layout_bolsa')
@section('content')

<div data-slot-container=""
         style="color: rgb(34, 34, 34); font-family: nunito, arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"
         class="ui-sortable">
  <br>
  <div >
  ¡Nueva propuesta laboral!<br>
  </div>
  <h1 style="margin: 14px 0px; font-size: 18px;">
  {{ $company['name'] }} quiere contactarse contigo por el siguiente puesto:
  </h1>

  <div style="margin: 16px 0; background-color: #f8f8f8; padding-top: 1px; padding-left: 12px;
    padding-right: 12px; padding-bottom: 12px;">
    <div style="
      margin: 8px 0;
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      height: 90px;
      max-height: 90px;
      align-items: center;
      display: flex;
      justify-content: space-between;
      align-items: center;">
      <img style="width: 80px;" src="{{ $logo }}" alt="">
      <div style="width: 80%; max-height: 100%;">
        <h2 style="margin: 0;">{{ $job['title'] }}</h2>
        <p style="margin: 0;">{{ $company['name'] }}</p>
        <p style="font-size: 14px; color: #92949C; margin: 0;">{{ $job['begin_date'] }}</p>
      </div>
    </div>
    <p>{{$msj}}</p>
    <h2 style="color: #000; font-size: 16px;">Datos de contacto:</h2>
    <br>
    @if ($company['email'])
    <div style="display: flex; justify-content: space-between;">
      <img style="height: auto !important;margin-right: 8px;width: 23px;" src="{{env('BASE_DOMAIN')}}/imgs/email-icon.png?v=0" alt=""> <a style="text-decoration: none; color: #22A1E9;" href="mailto:{{ $company['email'] }}"> {{ $company['email'] }}</a>
    </div>
    @endif
    @if ($company['phone'])
    <div style="display: flex; justify-content: space-between; margin: 15px 0;">
      <img style="width: 23px; margin-right: 8px;" src="{{env('BASE_DOMAIN')}}/imgs/phone-icon.png?v=0" alt=""> <a style="text-decoration: none; color: #22A1E9;" href="tel:{{ $company['phone'] }}"> {{ $company['phone'] }}</a>
    </div>
    @endif
    @if ($company['website'])
    <div style="display: flex; justify-content: space-between;">
      <img style="width: 23px; margin-right: 8px;" src="{{env('BASE_DOMAIN')}}/imgs/world-icon.png?v=0" alt=""> <a style="text-decoration: none; color: #22A1E9;" href="{{ $company['website'] }}"> {{ $company['website'] }}</a>
    </div>
    @endif
  </div>
  <div>
    <p>
      {{$translate['BL_JOB_OPPORTUNITY_FOOTER_FIRST']}}
    </p>
    <p>
      {{$translate['BL_JOB_OPPORTUNITY_FOOTER_LAST']}}
    </p>
    <p>
      ¡Buena suerte!
    </p>
  </div>
</div>
@endsection