@extends('layouts.buddy-screens')
@section('content')
   

         <!-- Content wrapper -->
         <div class="content-wrapper">
          <!-- Content -->
          
          <div class="container-xxl flex-grow-1 container-p-y">
            <div class="row">
              @if(session('success') == "Opps! You do not have access")    
			
      @elseif(session()->has('success'))
        <div class="alert alert-success alert-dismissable custom-success-box">
          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
          <strong> {{session('success')}} </strong>
        </div>	
			@endif
               {{-- model --}}
            <div id="myModal" class="modal fade">
              <div class="modal-dialog">
                  <div class="modal-content">
                      <div class="modal-header">
                          <h5 class="modal-title green">Products Interested In</h5>
                      </div>
                      <div class="modal-body">
                  <span style="font-size: 14px;"><i>Selecting this correctly will enable us to customize your dashboard and show you products and services only based on your interest</i></span>
                          <form action="{{ route('user_interest') }}" method="POST">
                            @csrf
                            <div class="row mb-3 mt-3">
                              <input type="hidden" value="{{$user_details->id}}" name="user_id"/>
                  
                              <div class="col-lg-12">
                                @foreach ($interested_in as $interest) 
                                @if($interest['title'] == 'Investment Banking')
                                <label class="form-label  col-lg-12 green" for="password">Investment Services</label>
                              @endif
                                    @if($interest['title'] == 'PMS')
                                      <label class="form-label  col-lg-12 green" for="password">Investment products</label>
                                    @endif
                                    @if($interest['title'] == 'Home Loan')
                                      <label class="form-label  col-lg-12 green" for="password">Secured Loans</label>
                                    @endif
                                    @if($interest['title'] == 'Personal Loans')
                                    <label class="form-label  col-lg-12 green" for="password">Unsecured Loans</label>
                                    @endif
                                    @if($interest['title'] == 'Life Insurance')
                                    <label class="form-label  col-lg-12 green" for="password">Insurance</label>
                                    @endif
                                    <div class="form-check form-check-inline ">
                                      <input class="form-check-input mb-3 isChecked" type="checkbox" id="{{$interest['id']}}" value="{{$interest['id']}}" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array($interest['id'], old('interested_in'))) ? ' checked' : '' }} />
                                      @if ($interest['title'] == 'Other Services')
                                      <label class="form-check-label green" for="{{$interest['id']}}">{{$interest['title']}}</label>
                                      @else
                                      <label class="form-check-label" for="{{$interest['id']}}">{{$interest['title']}}</label>
                                      @endif
                                    </div>
                                @endforeach
                                </div>
                   </div>
                              <button type="submit" id="submit" disabled class="btn btn-primary">Submit</button>
                          </form>
                      </div>
                  </div>
              </div>
          </div>
            </div>
          </div>
          <!-- / Content -->
          <div class="content-backdrop fade"></div>
        </div>
        <!-- Content wrapper -->
   

<script>
        $(document).ready(function() {
            toastr.options.timeOut = 10000;
            @if (Session::has('error'))
                toastr.error('{{ Session::get('error') }}');
            @elseif(Session::has('success'))
            //toastr.success('{{ Session::get('success') }}');            
            @endif
        });

        // model button enable/disable
        $('input[type="checkbox"]').click(function() { 
        if ($(this).is(':checked')) {
          $('#submit').removeAttr('disabled'); 
        }else if($(":checkbox:checked").length>0){
          $('#submit').removeAttr('disabled'); 
        }else {
          document.getElementById("submit").setAttribute("disabled", "true"); 
        }
    })
      
</script>   
@endsection