@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($email_address,$hiremee_id) = \App\Helper\HireMeeHelper::decryptRegister(Route::input('hash'));
                           @endphp
                          
                    <div class="media pull-right">

                     @php
                     if(!empty( \App\Helper\HireMeeHelper::profilePic($hiremee_id))){
                    $loginUserImage = \App\Helper\HireMeeHelper::profilePic($hiremee_id); 
                      }
                    else{ 
                    $loginUserImage = secure_asset('assets/images/user.png');
                    }   @endphp
                    <img class="d-flex mr-3 img-circle img-40 z-depth-bottom-5" src="{{ $loginUserImage }}" alt="Generic image">
                        <div class="media-body send-chat">
                          <p class="l-h-18 f-20 p-b-0 m-b-0" id="js-cand_name-HC001104" data-id="SACHIN GOWDA ">
                           {{\App\Helper\HireMeeHelper::fetchProfile($hiremee_id)->fullname}} </p>
                            
                            @php
                             $get_designation=\App\Helper\HireMeeHelper::fetchDesignation($hiremee_id);
                            @endphp
                          <p class="l-h-18 f-15 text-93 m-b-0">
                            @if(!empty($get_designation))
                            {{$get_designation->designation}}                             
                            @endif
                          </p>
                        </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'=>'/unsubscribepost')) !!}
              <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 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();
  $("#emailunsubscribe").submit(function(){
    var value = $('#reason6').val();
    if($('input[type=checkbox]:checked').length == 5)
    {
           swal({
                html: true, 
                title: '<span class="sweet-warning-text">Checkbox required</span>', 
                text: "Please select atleast one checkbox",
                type: "warning",
                showCancelButton: false,
                confirmButtonText: "OK",
                closeOnConfirm: false
              });
     // alert('Please select atleast one checkbox');
      return false;
    }else if ($('#other_reason'). prop("checked") == true) {
                      $("#reason6").show();

    if(value.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",
                 confirmButtonColor: '#ffbc01',
                closeOnConfirm: false
              });
         // alert('Reason field is empty');
          return false;
        }
    }
    else
    {
        $('#unsubscribe').prop('disabled',true).text('Processing..');
    }
});



$("#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