@extends('layouts.app')

@section('title') Subscription List @endsection

@section('content')
<style type="text/css">
	.select2left .selection {
		text-align: left;
	}
	.status-green {
		background-color: green !important;
		color: white !important;
	}

	.status-red {
		background-color: red !important;
		color: white !important;
	}
</style>

@if (\Session::has('success'))
    <div class="alert alert-success mt-1 tac" id="success-alert">
        <a class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <ul>
            <li>{!! \Session::get('success') !!}</li>
        </ul>
    </div>
@endif
@if (session('error'))
    <div class="alert alert-danger mt-1 tac" id="error-alert">
        <a class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <ul>
            <li>{{ session('error') }}</li>
        </ul>
    </div>
@endif
@if((Auth::user()->user_role == 1 || Auth::user()->user_role == 2) && isset($agent_manager))
<section class="content top-head">
    <div class="row">
        <div class="col-md-12" style="text-align: center;">
            <div class="box-- box-primary border-no">
                	<div class="input_container select2left" style="min-width: 235px;"> 
                		<form method="get" action="{{ route('team-manager') }}">
                			@csrf
		                	<label for="select_manager">Select Manager</label>
		                    <select name="select_manager" id="select_manager" class="form-control select2" style="width: 235px; text-align: left;">
		                        @if(isset($agent_manager) && count($agent_manager) > 0)
		                        <option value="" >Please select User</option>
		                        @foreach($agent_manager as $data)
		                        <option value="{{ $data->id }}" @if($user->id == $data->id) selected @endif>{{ $data->name }}&nbsp;{{ $data->last_name }}</option>
		                        @endforeach
		                        @else
		                        <option value="" disabled>No user Found</option>
		                        @endif
		                    </select>
		                    <button class="btn btn-primary" type="submit" id="search_manager" style="margin-left:10px;">Submit</button>
                		</form>
                  </div>
                    <!-- <button type="submit">Get Transactions</button> -->
            </div>
        </div>
    </div>
</section>
@endif

<section id="team_manager" class="content top-head" style="margin-bottom:10px;">
    <div class="row">
        <!-- left column -->
            <div class="col-md-12">
              <!-- general form elements -->
              <div class="box box-primary border-no">
                <div class="box-header with-border blue-back">
                  <h3 class="box-title">{{ __('Team') }}</h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <div class="box-body">
                	<form method="POST" enctype="multipart/form-data" action="{{ route('update-team') }}">
                		@csrf
	                  <div class="row">
	                      <div class="col-md-6">
	                          <div class="form-group">
	                            <label for="team_name">Team Name<span class="val-in">*</span></label>
	                            <input type="text" name="team_name" value="{{ isset($user->teams) && !empty($user->teams->name) ? $user->teams->name : '' }}" class="form-control" id="team_name">
	                          </div>
	                      </div>
	                      <div class="col-md-6">
	                          <div class="form-group">
	                           <label for="subscription_plan">Team Logo<span class="val-in">*</span></label>
	                            <input type="file" name="team_logo" id="team_logo">
	                            @if(isset($team->team_logo))
	                            <img id="preview_img" class="img-responsive" src="{{ isset($user->teams) && !empty($user->teams->logo) ? bucket_show(newTeamLogoPath().$user->teams->logo) : '' }}" />
	                            @endif
	                          </div>
	                      </div>
	                  </div>
	                  <div class="row">
	                  	<div class="col-md-6">
	                  		<label for="agents_to_manager">{{ __('Add Agents to Team') }}</label>
	                  		<select id="agents_to_manager" name="agents_to_manager[]" class="form-control select2" style="width: 100%;text-align: left;" data-team="{{isset($user->teams->id) ? $user->teams->id : ''}}" multiple @if((Auth::user()->user_role == 4 || Auth::user()->user_role == 3)) disabled @endif>
		                    <option value="">Select Agents to Team</option>
		                    @foreach($manager as $useragent)
		                        @php
		                            $isSelected = false;
		                            $commission = '';
		                            $unit = '';
		                            if(isset($user->teams) && isset($user->teams->teamAgents)) {                 	
			                            foreach($user->teams->teamAgents as $data) {
			                                if ($data->user_id == $useragent->id) {
			                                    $isSelected = true;
			                                    $commission = $data->commission;
			                                    $unit = $data->unit;
			                                    break;
			                                }
			                            }
		                            }
		                        @endphp
		                        <option {{ $isSelected ? 'selected' : '' }} value="{{ $useragent->id }}"  data-status="{{ $useragent->status }}" >{{ $useragent->name }} {{ $useragent->last_name }}</option>
		                    @endforeach
		                </select>
		                <input type="hidden" name="team_id" value="{{ isset($user->teams->id) ? $user->teams->id : ''}}">
		                <input type="hidden" name="user_id" value="{{ isset($user->teams->user_id) ? $user->teams->user_id : Auth::user()->id}}">
	                    <!-- <button class="btn btn-primary" type="submit" id="team_update" style="margin-top:10px;">Submit</button> -->
	                  	</div>
	                  </div>
	                  <div id="agent-info-container" class="col-md-12"></div>
                		
                	</form>
              	</div>
            <!-- /.box -->
            </div>
        </div>
    </div>
</section>

<section class="content top-head">
    <div class="row">
        <div class="col-md-12" style="text-align: center;">
            <div class="box-- box-primary border-no select2left">
                	<div class="input_container" style="min-width: 235px;"> 
                	<label for="select_agent">Select Agent</label>
                    <select name="select_agent" id="select_agent" class="form-control select2" style="width: 235px">
                        @if(isset($user->teams->teamAgents) && count($user->teams->teamAgents) > 0)
                        <option value="" >Please select User</option>
                        @foreach($user->teams->teamAgents as $data)
                        <option value="{{ $data->users->id }}" data-team="{{isset($user->teams->id) ? $user->teams->id : ''}}">{{ $data->users->name }}&nbsp;{{ $data->users->last_name }}</option>
                        @endforeach
                        @else
                        <option value="" disabled>No user Found</option>
                        @endif
                    </select>
                    <!-- <span id="loader" style="display:none;"><i class="fa fa-spinner" aria-hidden="true"></i></span> -->
                    <span id="loader" style="display:none;">
                        Please wait... 
                        <img src="https://i.gifer.com/ZZ5H.gif" 
                             style="width:24px">
                    </span>
                    <!-- <button class="btn btn-primary" type="button" id="reset" style="margin-left:10px;">Reset</button> -->
                  </div>
                    <!-- <button type="submit">Get Transactions</button> -->
            </div>
        </div>
    </div>
</section>

<section id="team_manager" class="content top-head" style="margin-bottom:10px;">
    <form enctype="multipart/form-data" method="POST" action="{{ route('updateAgentDetail') }}" id="updateAgentDetailForm">
    	@csrf
	    <div class="row">
	        <!-- left column -->
	        	
	        
	            <div class="col-md-12">
	              <!-- general form elements -->
	              <div class="box box-primary border-no">
	                <div class="box-header with-border blue-back">
	                  <h3 class="box-title">{{ __('Agent Detail') }}</h3>
	                </div>
	                <!-- /.box-header -->
	                <!-- form start -->
	                <div class="box-body">
	          
					  <div class="row conditionRow0">
					    <div class="col-md-12">
					      <div class="row">
					        <div class="col-md-12"><label class="sec-HD">Finder's Fee</label></div>              
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="invoicing_cost" type="text" class="form-control{{ $errors->has('invoicing_cost') ? ' is-invalid' : '' }}" name="invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3" required autofocus>
					              @if ($errors->has('invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        	</div>
							      <div class="col-md-6">
							        <div class="form-group">
							         <label for="unit">{{ __('Unit') }}</label>

							         <select id="unit" name="unit" class="form-control" style="width: 100%;">
							          <option value="0" selected="">%</option>
							          <option value="1">Flat</option>

							        </select>
							         </div>
							       </div>
					    </div>
					     <div class="row conditionRow1">
					          <div class="col-md-12"><div style="position:relative;"><label class="sec-HD">Apartment Locating<i class="fa fa-copy copyTx" style="position:absolute; right: 15px;" title="copy" data-type="al"></i></label></div></div>              
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="al_invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="al_invoicing_cost" type="text" class="form-control{{ $errors->has('al_invoicing_cost') ? ' is-invalid' : '' }}" name="al_invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3">
					              @if ($errors->has('al_invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('al_invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        </div>
						     <div class="col-md-6">
						       <div class="form-group">
						        <label for="al_unit">{{ __('Unit') }}</label>
						        <select id="al_unit" name="al_unit" class="form-control" style="width: 100%;">
						          <option value="0">%</option>
						          <option value="1">Flat</option>

						        </select>
						       </div>
						     </div>
					    </div>
					    <div class="row conditionRow2">
					      <div class="col-md-12"><div style="position:relative;"><label class="sec-HD">Residential Lease<i class="fa fa-copy copyTx" style="position:absolute; right: 15px;" title="copy" data-type="rl"></i></label></div></div>              
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="rl_invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="rl_invoicing_cost" type="text" class="form-control{{ $errors->has('rl_invoicing_cost') ? ' is-invalid' : '' }}" name="rl_invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3">
					              @if ($errors->has('rl_invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('rl_invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        </div>
					      <div class="col-md-6">
					        <div class="form-group">
					         <label for="rl_unit">{{ __('Unit') }}</label>

					         <select id="rl_unit" name="rl_unit" class="form-control" style="width: 100%;">
					          <option value="0">%</option>
					          <option value="1">Flat</option>

					        </select>
					         </div>
					       </div>
					    </div>
					    <div class="row conditionRow3">
					      <div class="col-md-12"><div style="position:relative;"><label class="sec-HD">Residential Sale<i class="fa fa-copy copyTx" style="position:absolute; right: 15px;" title="copy" data-type="rs"></i></label></div></div>
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="rs_invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="rs_invoicing_cost" type="text" class="form-control{{ $errors->has('rs_invoicing_cost') ? ' is-invalid' : '' }}" name="rs_invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3">
					              @if ($errors->has('rs_invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('rs_invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        </div>
					      <div class="col-md-6">
					        <div class="form-group">
					         <label for="rs_unit">{{ __('Unit') }}</label>

					         <select id="rs_unit" name="rs_unit" class="form-control" style="width: 100%;">
					          <option value="0">%</option>
					          <option value="1">Flat</option>

					        </select>
					         </div>
					       </div>
					    </div>
					    <div class="row conditionRow4">
					      <div class="col-md-12"><div style="position:relative;"><label class="sec-HD">Commercial Lease<i class="fa fa-copy copyTx" style="position:absolute; right: 15px;" title="copy" data-type="cl"></i></label></div></div>
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="cl_invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="cl_invoicing_cost" type="text" class="form-control{{ $errors->has('cl_invoicing_cost') ? ' is-invalid' : '' }}" name="cl_invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3">
					              @if ($errors->has('cl_invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('cl_invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        </div>
					      <div class="col-md-6">
					        <div class="form-group">
					         <label for="cl_unit">{{ __('Unit') }}</label>

					         <select id="cl_unit" name="cl_unit" class="form-control" style="width: 100%;">
					          <option value="0">%</option>
					          <option value="1">Flat</option>

					        </select>
					         </div>
					       </div>
					    </div>
					    <div class="row conditionRow5">
					      <div class="col-md-12"><div style="position:relative;"><label class="sec-HD">Commercial Sale<i class="fa fa-copy copyTx" style="position:absolute; right: 15px;" title="copy" data-type="cs"></i></label></div></div>     
					          <div class="col-md-6">
					            <div class="form-group">
					              <label for="cs_invoicing_cost">{{ __('Team Cost') }}</label>
					              <span class="val-in">*</span>
					              <input id="cs_invoicing_cost" type="text" class="form-control{{ $errors->has('cs_invoicing_cost') ? ' is-invalid' : '' }}" name="cs_invoicing_cost" value="" placeholder="Enter Invoicing Cost" maxlength="3">
					              @if ($errors->has('cs_invoicing_cost'))
					              <span class="invalid-feedback" role="alert">
					                <strong>{{ $errors->first('cs_invoicing_cost') }}</strong>
					              </span>
					              @endif
					            </div>
					        </div>
					      <div class="col-md-6">
					        <div class="form-group">
					         <label for="cs_unit">{{ __('Unit') }}</label>

					         <select id="cs_unit" name="cs_unit" class="form-control" style="width: 100%;">
					          <option value="0">%</option>
					          <option value="1">Flat</option>

					        </select>
					         </div>
					       </div>
					    </div>
					   </div>
					 </div>
					      
					</div>
	            <!-- /.box -->
	            </div>
	        </div>
	    </div>
	    <div>
	    	<input type="hidden" name="teamId" id="teamId">
	    	<input type="hidden" name="userId" id="userId">
	    	<button id="submitAgentDetail" type="button" class="btn btn-primary" style="margin-top:10px;">
			    Update User
			 </button>
	    </div>
	</form>
</section>

<script type="text/javascript">
    $(document).ready(function() {
    	 // Function to hide the success message after 15 seconds
	    setTimeout(function() {
	        $('#success-alert').fadeOut('slow');
	    }, 15000); // 15 seconds

	    // Function to hide the error message after 15 seconds
	    setTimeout(function() {
	        $('#error-alert').fadeOut('slow');
	    }, 15000); // 15 seconds

        $('#select_agent').on('change', function() {

            var selectedOption = $(this).find(':selected');
	        var selectedAgentId = selectedOption.val();
	        var team_id = selectedOption.data('team');
	        $('#loader').show();
            $.ajax({
                url: "{{ route('get-agent-details')}}",
                method: 'GET',
                data: { agent_id: selectedAgentId, team_id: team_id },
                success: function(response) {
                    // Handle the AJAX response here
                    // console.log(response);
                    if(response.success == true) {
                    	$('#loader').hide();
                    	// swal('Success','Agent information is retrieved.','success');
                    	$('#invoicing_cost').val(response.data.invoicing_cost);
                    	$('#broker_cost').val(response.data.broker_cost);
                    	$('#unit').val(response.data.unit);
                    	$('#teamId').val(response.data.team_id);
                    	$('#userId').val(response.data.user_id);
						// updated
						$('#al_invoicing_cost').val(response.data.al_invoicing_cost);
						$('#al_unit').val(response.data.al_unit);
						$('#rl_invoicing_cost').val(response.data.rl_invoicing_cost);
	                    $('#rl_unit').val(response.data.rl_unit);
						$('#rs_invoicing_cost').val(response.data.rs_invoicing_cost);
						$('#rs_unit').val(response.data.rs_unit);
						$('#cl_invoicing_cost').val(response.data.cl_invoicing_cost);
						$('#cl_unit').val(response.data.cl_unit);
						$('#cl_commercial_tier1').val(response.data.cl_commercial_tier1);
						$('#cl_commercial_tier2').val(response.data.cl_commercial_tier2);
						$('#cl_commercial_tier3').val(response.data.cl_commercial_tier3);
						$('#cs_invoicing_cost').val(response.data.cs_invoicing_cost);
						$('#cs_unit').val(response.data.cs_unit);
						$('#cs_commercial_tier1').val(response.data.cs_commercial_tier1);
						$('#cs_commercial_tier2').val(response.data.cs_commercial_tier2);
						$('#cs_commercial_tier3').val(response.data.cs_commercial_tier3);
						//end
                    	if(response.user.class1 == 1) {
                    		$('.conditionRow1').show();
                    		$('#al_invoicing_cost').val(response.data.al_invoicing_cost);
	                    	$('#al_broker_cost').val(response.data.al_broker_cost);
	                    	$('#al_unit').val(response.data.al_unit);
                    	} else {
                    		$('.conditionRow1').show();
                    	}
                    	if(response.user.class2 == 2) {
                    		$('.conditionRow2').show();
                    		$('#rl_invoicing_cost').val(response.data.rl_invoicing_cost);
	                    	$('#rl_broker_cost').val(response.data.rl_broker_cost);
	                    	$('#rl_unit').val(response.data.rl_unit);
                    	} else {
                    		$('.conditionRow2').show();
                    	}
                    	if(response.user.class3 == 3) {
                    		$('.conditionRow3').show();
                    		$('#rs_invoicing_cost').val(response.data.rs_invoicing_cost);
	                    	$('#rs_broker_cost').val(response.data.rs_broker_cost);
	                    	$('#rs_unit').val(response.data.rs_unit);
                    	} else {
                    		$('.conditionRow3').show();

                    	}
                    	if(response.user.class4 == 5) {
                    		$('.conditionRow4').show();
                    		$('#cl_invoicing_cost').val(response.data.cl_invoicing_cost);
	                    	$('#cl_broker_cost').val(response.data.cl_broker_cost);
	                    	$('#cl_unit').val(response.data.cl_unit);
	                    	$('#cl_commercial_tier1').val(response.data.cl_commercial_tier1);
	                    	$('#cl_commercial_tier2').val(response.data.cl_commercial_tier2);
	                    	$('#cl_commercial_tier3').val(response.data.cl_commercial_tier3);
                    	} else {
                    		$('.conditionRow4').show();

                    	}
                    	if(response.user.class5 == 6) {
                    		$('.conditionRow5').show();
                    		$('#cs_invoicing_cost').val(response.data.cs_invoicing_cost);
	                    	$('#cs_broker_cost').val(response.data.cs_broker_cost);
	                    	$('#cs_unit').val(response.data.cs_unit);
	                    	$('#cs_commercial_tier1').val(response.data.cs_commercial_tier1);
	                    	$('#cs_commercial_tier2').val(response.data.cs_commercial_tier2);
	                    	$('#cs_commercial_tier3').val(response.data.cs_commercial_tier3);
                    	} else {
                    		$('.conditionRow5').show();

                    	}
                    } else {
                    	$('#loader').hide();
                    	swal("Warning.", response.error , "warning");
                    }
                },
                error: function(xhr, status, error) {
                    // Handle errors
                    console.error(error);
                    swal("Warning.", response.error , "warning");
                }
            });
        });
    });

    $(document).on('click','#submitAgentDetail', function (){
    	var selectAgent = $('#select_agent');
	    if (selectAgent.val() == '') {
	        selectAgent.attr('required', true);
	        // Optionally, you can also display an alert or error message to inform the user
	        swal('Warning','Please select and Agent.','warning');
	        return false;
	    }
	    $('#updateAgentDetailForm').submit();
    })

    $(document).on('click','#reset', function (){
    	window.location.href = "{{ route('team-manager') }}";
    })

    $(document).on('click','.copyTx', function () {
      var type = $(this).data('type');
      if(type == 'al')
      {
        $('#al_invoicing_cost').val($('#invoicing_cost').val());
        $('#al_broker_cost').val($('#broker_cost').val());
        $('#al_unit').val($('#unit').val());
      } else if ( type == 'rl') {
        $('#rl_invoicing_cost').val($('#invoicing_cost').val());
        $('#rl_broker_cost').val($('#broker_cost').val());
        $('#rl_unit').val($('#unit').val());
      } else if (type == 'rs') {
        $('#rs_invoicing_cost').val($('#invoicing_cost').val());
        $('#rs_broker_cost').val($('#broker_cost').val());
        $('#rs_unit').val($('#unit').val());
      } else if (type == 'cl') {
        $('#cl_invoicing_cost').val($('#invoicing_cost').val());
        $('#cl_broker_cost').val($('#broker_cost').val());
        $('#cl_unit').val($('#unit').val());
        $('#cl_commercial_tier1').val($('#commercial_tier1').val());
        $('#cl_commercial_tier2').val($('#commercial_tier2').val());
        $('#cl_commercial_tier3').val($('#commercial_tier3').val());
      } else if(type == 'cs') {
        $('#cs_invoicing_cost').val($('#invoicing_cost').val());
        $('#cs_broker_cost').val($('#broker_cost').val());
        $('#cs_unit').val($('#unit').val());
        $('#cs_commercial_tier1').val($('#commercial_tier1').val());
        $('#cs_commercial_tier2').val($('#commercial_tier2').val());
        $('#cs_commercial_tier3').val($('#commercial_tier3').val());
        $(document).find(".conditionRow5").removeClass("_hidden");        
      } else {
        
      }
    })

    $(document).on('change','#agents_to_manager', function () {
    	var selectedAgents = $(this).val(); // Get selected agent IDs
        var teamId = $(this).data('team'); // Set the team ID here

        // AJAX request to send selected agent IDs and team ID to server
        $.ajax({
            url: "{{ route('verify-agents') }}",
            type: 'POST',
            dataType: 'json',
            data: {
                selectedAgents: selectedAgents,
                teamId: teamId
            },
            success: function(response) {
            	console.log(response);
            	if (response.success && response.data.length > 0) {
				    var messages = '';
				    // Concatenate all messages into one string
				    $.each(response.data, function(index, msg) {
				        messages += msg + '\n'; // Since response.data is an array of strings, no need for msg.message
				    });

				    // Update select element with the updated list of selected agents
				    $.each(response.removedAgents, function(index, agentId) {
				        $('#agents_to_manager option[value="' + agentId + '"]').remove();
				    });

				    // Display the concatenated messages in a single SweetAlert dialog
				    swal({
				        title: 'Messages',
				        text: messages,
				        icon: 'info',
				        button: 'OK'
				    });
				}
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText);
                // Handle error
            }
        });
    });

	$(document).ready(function() {
		$('#agents_to_manager').on('select2:select select2:unselect', function() {
			applyTeamStatusClasses();
		});
	
		setTimeout(function() {
			applyTeamStatusClasses();
		}, 100);

		function applyTeamStatusClasses() {
		$('#agents_to_manager').find(':selected').each(function() {
			var status = $(this).data('status');
			var choiceText = $(this).text().trim();

			$('.select2-selection__choice').filter(function() {
				return $(this).text().includes(choiceText);
			}).addClass(status == 1 ? 'status-green' : 'status-red');
		});
		}
	})
</script>
@endsection