@extends('layouts.home')
@section('content')

<div class="container">
  <div class="row mt-4 justify-content-center">
    <div class="col-xl-8 col-md-8">
      <div class="">
        <div class="card-block  z-depth-bottom-3 border-r-15">
          <div class="row p-15">
            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
              <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-6">
                  <a href="{{ secure_asset('/') }}">
                    <img class="img-responsive" width="70%" src="{{ secure_asset('assets/images/HireMee.png') }}">
                    </a>
                  </div>
                  <div class="col-sm-12 col-md-6 col-lg-6">
                        @php
                          list($company_id,$hiremee_id) = \App\Helper\HireMeeHelper::decryptRegister(Route::input('hash'));
                        @endphp
                          
                    <div class="media pull-right">
                    @php
                      $corporate_details = \App\Helper\HireMeeRevampHelper::getCorporateDetails($company_id);
                      $loginUserImage = \App\Helper\HireMeeRevampHelper::profilePic($company_id);
                      if(empty($loginUserImage)){
                        $loginUserImage = secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg');
                      }   
                    @endphp                     
                    <img class="d-flex mr-3 img-circle img-100 z-depth-bottom-5 m-t-5" src="{{ $loginUserImage }}" alt="Generic image">
                        <div class="media-body send-chat">
                          <p class="l-h-18 f-20 p-b-0 m-b-5" id="js-cand_name-HC001104" data-id="Hiremee">
                            @if(!empty($corporate_details))
                              {{$corporate_details[0]->CompanyProfileInfo->company_name}}                             
                            @endif
                          </p> 
                          {{--<p class="l-h-18 f-15 text-93 m-b-5">
                            @if(!empty($corporate_details))
                              {{$corporate_details[0]->email_address}}                             
                            @endif
                          </p>--}}
                          @php
                            $addressArray = explode(',', $corporate_details[0]->CompanyProfileInfo->comm_address);
                            $i = 0;
                            foreach($addressArray as $value){
                          @endphp                             
                               <p class="l-h-18 f-15 text-93 m-b-5">
                                {{$value}}
                               </p>
                          @php
                            }
                          @endphp                          
                          {{--<p class="l-h-18 f-15 text-93 m-b-0">
                            @if(!empty($corporate_details))
                              {{$corporate_details[0]->mobile_number}}                             
                            @endif
                          </p>  --}}                        
                          {{-- @php $location = App\Helper\HireMeeRevampHelper::JobLocationsCitywiseArray([$corporate_details[0]->CompanyProfileInfo->comm_city]); 
                              {{-- $location = implode(", ",array_map('trim', $location)); --}}
                              @endphp --}}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row p-t-20">
                <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                  <h2 class="text-center">Sorry to see you Go !</h2>
                  <p class="f-18 text-center p-t-15">You will no longer receive any Job Notifications, Promotional Emails from HireMee. You can manage your email preferences by logging into your Dashboard and navigate to Settings</p>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <button class="col-md-12 btn btn-info text-left">
                    <i class="hiremee-close-envelope p-r-5 f-22"></i>
                    <span class="f-20"> Email Unsubscribe</span>
                  </button>
                </div>
              </div>
              {!! Form::open(array('class'=>'form-horizontal','name'=>'emailunsubscribe','id'=>'emailunsubscribe','method'=>'POST',
                    'url'=>'/job-post-emailupdatesunsubscribe')) !!}
              <div class="row p-t-10">
                <div class="col-md-12">
                  <p>
                    <span class="f-16">Please choose the reason, why you are un-subscribing email notifications</span>
                  </p>
                  <p>
                    <input type="hidden" id="gethash"  name="gethash" value="={{Route::input('hash')}}">
                    <div class="checkbox-fade p-t-10 fade-in-primary">
                      <label>
                        <input value="@lang('core.unsubscriber_reason1')" type="checkbox" id="reason1" name="unsubscribe_reason[]">
                          <span class="cr">
                            <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                          </span>
                          <span class="f-16">@lang('core.unsubscriber_reason1')</span>
                        </label>
                      </div>
                    </p>
                    <p>
                      <div class="checkbox-fade p-t-10 fade-in-primary">
                        <label>
                          <input value="@lang('core.unsubscriber_reason2')" type="checkbox" id="reason2" name="unsubscribe_reason[]">
                            <span class="cr">
                              <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                            </span>
                            <span class="f-16">@lang('core.unsubscriber_reason2')</span>
                          </label>
                        </div>
                      </p>
                      <p>
                        <div class="checkbox-fade p-t-10 fade-in-primary">
                          <label>
                            <input value="@lang('core.unsubscriber_reason3')" type="checkbox" id="reason3" name="unsubscribe_reason[]">
                              <span class="cr">
                                <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                              </span>
                              <span class="f-16">@lang('core.unsubscriber_reason3')</span>
                            </label>
                          </div>
                        </p>
                        <p>
                          <div class="checkbox-fade p-t-10 fade-in-primary">
                            <label>
                              <input value="@lang('core.unsubscriber_reason4')" type="checkbox" id="reason4" name="unsubscribe_reason[]">
                                <span class="cr">
                                  <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                </span>
                                <span class="f-16">@lang('core.unsubscriber_reason4')</span>
                              </label>
                            </div>
                          </p>
                          <p>
                            <div class="checkbox-fade p-t-10 fade-in-primary">
                              <label>
                                <input value="@lang('core.unsubscriber_reason5')" type="checkbox" id="reason5" name="unsubscribe_reason[]">
                                  <span class="cr">
                                    <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                  </span>
                                  <span class="f-16">@lang('core.unsubscriber_reason5')</span>
                                </label>
                              </div>
                            </p>
                            <p>
                              <div class="checkbox-fade p-t-10 fade-in-primary">
                                <label>
                                  <input value="1" type="checkbox" id="other_reason" name="other_reason" >
                                    <span class="cr">
                                      <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                    </span>
                                    <span class="f-16">My reason is not listed above</span>
                                  </label>
                                </div>
                              </p>
                              <div class="col-md-12" >
                                <div class="col-md-6">
                                  <textarea rows="3" class="form-control" id="reason6" name="unsubscribe_reason[]" placeholder="Your reason..."></textarea>
                                </div>
                              </div>
                              <div class="clearfix"></div>
                              <div class="row">
                                <div class="col-md-12 p-t-25">
                                  <button type="button"class="btn btn-primary" id="unsubscribe" value="unsubscribe">Unsubscribe</button>
                                </div>
                              </div>
                            </div>
                          </div>
                        {!! Form::close() !!}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                @endsection
@section('footer')

<script type="text/javascript">
$("#reason6").hide();

$("#unsubscribe").on('click',function(){
    if($('input[type=checkbox]:checked').length == 0){
           swal({
                html: true, 
                title: '<span class="sweet-warning-text">Warning</span>', 
                text: "Please select atleast one reason",
                type: "warning",
                showCancelButton: false,
                confirmButtonText: "OK",
                confirmButtonColor: '#ffbc01',
                closeOnConfirm: false
              });
      return false;
    }else if($('#other_reason').prop("checked") == true){
          var value = $('#reason6').val();
          if(value.length <=0){
             swal({
                  html: true, 
                  title: '<span class="sweet-warning-text">Warning</span>', 
                  text: "Please enter your reason",
                  type: "warning",
                  showCancelButton: false,
                  confirmButtonText: "OK",
                  confirmButtonColor: '#ffbc01',
                  closeOnConfirm: false
                });
            return false;
        }
    }
      $('#unsubscribe').prop('disabled',true).text('Processing..');
      var form_data = $('#emailunsubscribe').serialize();
      $.ajax({
          url: "{{secure_url('/job-post-emailupdatesunsubscribe')}}",
          type: "POST",
          data: form_data,
          success: function (response) {
            if(response.status == 200){
                swal({
                      html: true, 
                      title: '<span class="sweet-success-text">Success</span>', 
                      text: response.message,
                      type: "success",
                      showCancelButton: false,
                      confirmButtonText: "OK",
                      closeOnConfirm: false,
                      confirmButtonColor: '#28e1bd',
                    },function(isConfirm){ 
                        if (isConfirm) {
                          $('#unsubscribe').prop('disabled',true).text('Unsubscribe');
                          window.location.reload();
                        }
                      });
            } else {
              swal({
                  html: true, 
                  title: '<span class="sweet-warning-text">Warning</span>', 
                  text: response.message,
                  type: "warning",
                  showCancelButton: false,
                  confirmButtonText: "OK",
                  confirmButtonColor: '#ffbc01',
                  closeOnConfirm: false
              });
            }
            // $('#unsubscribe').prop('disabled',false).text('Unsubscribe');
          },          
        });

});

$("#other_reason").click(function () {
      if ($(this).is(":checked")) {
          $("#reason6").show();
          if($('#reason6').length == 0)
            {
           swal({
          html: true, 
          title: '<span class="sweet-warning-text">Reason required</span>', 
          text: "Please enter other reason",
          type: "warning",
          showCancelButton: false,
          confirmButtonText: "OK",
          closeOnConfirm: false
        });
          //alert('Please select atleast one checkbox');
          return false;
          }

      } else {
          $("#reason6").hide();
      }
});
</script>
@endsection