@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
<style>
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
</style>

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">User /</span> Assign </h4>
              @if (session('success'))
                <div class="alert alert-success">
                  {{ session('success') }}
                </div>
              @endif
			  <div class="row">
                <div class="col-md-12">
                  <div class="card mb-4">
                    <hr class="my-0" />
                    <div class="card-body">
                    <form  method="POST"  action="{{route('adduserassgin')}}" >
                        <div class="row">
                         @csrf

<h4> Assign DP Saarthi to DP Buddy  </h1>
                                 {{-- <div class="mb-3 col-md-6"> 
                          <label class="form-label" for="cars"> DP Saarthi :</label>
				  <select name="DPSaarthi"  onchange="getDPSaarthichange()" class="form-control select2CLass" id="DPSaarthi" required> 
				<option value=""> Select  DP Saarthi </option> 
						@foreach($dpSaarthi_data as $user)
				<option value="{{$user->id}}"> {{$user->name}}</option> 
					 @endforeach 
				  </select>
			<br><br>
    <label class="form-label" for="cars">Assigned  DP Buddy  :</label>
    <select name="DPSaarthi_buddy"  class="form-control hide" id="DPSaarthi_buddy" > 
<option value=""> Assgined  DP Buddy </option> 
  </select>
</div> --}}


{{-- ajax --}}
<div class="mb-3 col-md-6"> 
    <label class="form-label" for="cars"> DP Saarthi :</label>
    <select name="DPSaarthi"  onchange="getDPSaarthichange()" class="form-control select2CLass get_saarthi" id="DPSaarthi" required> 
    <option value=""> Select  DP Saarthi </option> 
    </select>
    <br><br>
    <label class="form-label" for="cars">Assigned  DP Buddy  :</label>
    <select name="DPSaarthi_buddy"  class="form-control hide select2CLass" id="DPSaarthi_buddy" > 
    <option value=""> Assgined  DP Buddy </option> 
    </select>
</div>





     {{-- <div class="mb-3 col-md-6">
       <label class="form-label" for="cars">Choose a DP Buddy :</label>
  <select name="dpbuddy_data[]"  class="form-control select2CLass" id="dpbuddy_data" multiple> 
        @foreach($dpbuddy_data as $user)
          @if($user->parentid == 0 )
<option value="{{$user->id}}"> {{$user->name}}</option> 
   @endif 

     @endforeach 
  
  </select>
  <br><br>
 

                      </div> --}}

                {{-- ajax --}}
                <div class="mb-3 col-md-6">
                    <label class="form-label" for="cars">Choose a DP Buddy :</label>
                   <select name="dpbuddy_data[]"  class="form-control select2CLass" id="dpbuddy_data" multiple> 
                         
                   </select>
                   <br><br>
                </div>
   </div>
                      <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                        </div>
                       </form>
 <br><br>
    <form  method="POST"  action="{{route('addbuddyassgin')}}" > 
       @csrf
  <div class="row">
<h4> Assign DP Buddy to DP User  </h4>

                             {{-- <div class="mb-3 col-md-6">
                          <label class="form-label" for="cars">DB Buddy  :</label>
  <select name="DPbuddy"    onchange="getDPbuddychange()"  class="form-control select2CLass2" id="DPbuddy1" > 
<option value=""> Select  DP Buddy </option> 
        @foreach($dpbuddy_data as $user)
<option value="{{$user->id}}"> {{$user->name}}</option> 

     @endforeach 
  </select>
  <br><br>
             <label class="form-label" for="cars">Assigned  DP User  :</label>
    <select name="DPbuddy_user"  class="form-control hide" id="DPbuddy_user" > 
<option value=""> Assgined  DP Buddy </option> 
  </select>           </div> --}}


  {{-- ajax --}}
  <div class="mb-3 col-md-6">
    <label class="form-label" for="cars">DB Buddy  :</label>
    <select name="DPbuddy"    onchange="getDPbuddychange()"  class="form-control select2CLass2 get_buddy" id="DPbuddyUser" > 
    <option value=""> Select  DP Buddy </option> 
   
    </select>
    <br><br>
    <label class="form-label" for="cars">Assigned  DP User  :</label>
    <select name="DPbuddy_user"  class="form-control hide select2CLass2" id="DPbuddy_user" > 
    <option value=""> Assgined  DP Buddy </option> 
    </select>           
  </div>


                     
                             {{-- <div class="mb-3 col-md-6">
                          <label class="form-label" for="cars">Choose a DB User  :</label>
  <select name="dpuser_data[]"  class="form-control select2CLass2" id="dpuser_data" multiple> 
        @foreach($dpuser_data as $user)
              @if($user->parentid == 0 )
<option value="{{$user->id}}"> {{$user->name}}</option> 
@endif
     @endforeach 
  </select>
  <br><br>
                      </div> --}}

                      {{-- ajax --}}
                      <div class="mb-3 col-md-6">
                        <label class="form-label" for="cars">Choose a DB User  :</label>
                      <select name="dpuser_data[]"  class="form-control select2CLass2 dpuser_data" id="dpuser_data" multiple> 
                            
                      </select>
                      <br><br>
                    </div>
                    
                      <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <button type="reset" class="btn btn-outline-secondary">Cancel</button>
                        </div>
                      </form>
					  <br /><br /><br />
					  <hr />
					   <br /><br /><br />
					  
					  <form  method="POST"  action="{{route('adduserbuddyassgin')}}" > 
							   @csrf
						  <div class="row">
						<h4> Assign DP User To DP Buddy   </h4>

                             {{-- <div class="mb-3 col-md-6">
                          
							<label class="form-label" for="cars">Select DB User  :</label>
						  <select name="dpuser_data[]" class="form-control select2CLass3" id="dpuser_id1" multiple> 
								<option value=""> Select  DP User </option> 
								@foreach($dpuser_data as $user)								  
								<option value="{{$user->id}}"> {{$user->name}}</option> 					
								@endforeach 
						  </select>
						</div> --}}


            {{-- by ajax --}}
            <div class="mb-3 col-md-6">        
							<label class="form-label" for="cars">Select DB User  :</label>
						  <select name="dpuser_data[]" class="form-control select2CLass3" id="dpuser_id1" multiple> 
								<option value=""> Select  DP User </option> 
						  </select>
						</div>

                     
                  {{-- <div class="mb-3 col-md-6">
                    <label class="form-label" for="cars">DB Buddy  :</label>
                    <select name="DPbuddy" class="form-control select2CLass3" id="DPbuddy1" > 
                      <option value=""> Select  DP Buddy </option> 
                      @foreach($dpbuddy_data as $user)
                      <option value="{{$user->id}}"> {{$user->name}}</option> 
                      @endforeach 
                    </select>
                    <br><br>
                  </div> --}}

                  {{-- by ajax --}}
                  <div class="mb-3 col-md-6">
                    <label class="form-label" for="cars">DB Buddy  :</label>
                    <select name="DPbuddy" class="form-control select2CLass3 get_buddy" id="DPbuddy1" > 
                      <option value=""> Select  DP Buddy </option> 
                    </select>
                    <br><br>
                  </div>
                    
                      <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <button type="reset" class="btn btn-outline-secondary">Cancel</button>
                        </div>
                      </form>
					  
					  
					   <br /><br /><br /> <br /><br /><br />
					  
					  <form  method="POST"  action="{{route('addbuddysarthiassgin')}}" > 
							   @csrf
						  <div class="row">
						<h4> Assign DP Buddy To DP Saarthi    </h4>

            {{-- <div class="mb-3 col-md-6">        
							<label class="form-label" for="cars">Select DB Buddy  :</label>
						  <select name="dpuser_data[]" class="form-control select2CLass4" id="dpuser_id" multiple> 
								<option value=""> Select  DP Buddy </option> 
								@foreach($dpbuddy_data as $user)								  
								<option value="{{$user->id}}"> {{$user->name}}</option> 					
								@endforeach 
						  </select>
						</div> --}}

            {{-- ajax --}}
            <div class="mb-3 col-md-6">        
							<label class="form-label" for="cars">Select DB Buddy  :</label>
						  <select name="dpuser_data[]" class="form-control select2CLass4 get_buddy" id="dpuser_id" multiple> 
								<option value="" disabled> Select  DP Buddy </option> 
						  </select>
						</div>

                     
                      {{-- <div class="mb-3 col-md-6">
                        <label class="form-label" for="cars">DB Saarthi  :</label>
                          <select name="DPbuddy"    class="form-control select2CLass4" id="DPbuddy" > 
                            <option value=""> Select  DP Saarthi </option> 
                              @foreach($dpSaarthi_data as $user)
                            <option value="{{$user->id}}"> {{$user->name}}</option> 
                            @endforeach 
                          </select>
                        <br><br>
                      </div> --}}

                      {{-- ajax --}}
                      <div class="mb-3 col-md-6">
                        <label class="form-label" for="cars">DB Saarthi  :</label>
                          <select name="DPbuddy"    class="form-control select2CLass4 get_saarthi" id="DPbuddy" > 
                            <option value="" disabled> Select  DP Saarthi </option> 
                          </select>
                        <br><br>
                      </div>
                    
                      <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <button type="reset" class="btn btn-outline-secondary">Cancel</button>
                        </div>
                      </form>
					  
					  
					  
					  
					  
					  
                    </div>
                    <!-- /Account -->
                  </div>
                </div>
              </div>
            </div>
            <!-- / Content -->
          <!-- Footer -->
		 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
<script>
	 $(document).ready(function() {
          $('.select2CLass').select2();
		  $('.select2CLass2').select2();
		  $('.select2CLass3').select2();
		  $('.select2CLass4').select2();
		  
      });
</script>
<script type="text/javascript">
 
function getDPSaarthichange(){
   $('#DPSaarthi_buddy').html('')
            var DPSaarthi =$('#DPSaarthi').val();
             if(DPSaarthi == ""){
               toast_error("User Assgin " , "please select first") ; 
              return true ; 
             } 

              console.log("DPSaarthi value " , DPSaarthi) ; 
            // var remember = formContainer.find('input[name="remember"]').val();
            $.ajax({
                type: 'post',
                url: "{{ route('getDPbuddybysharthi') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    DPSaarthi: DPSaarthi,
                },
                success: function(data) {
                    if (data.status == true) {
                      var selectValues =  data.data ;  
                       $('#DPSaarthi_buddy').removeClass("hide"); 
					   $('#DPSaarthi_buddy').html("");
                       $.each(selectValues, function(key, value) {
							 $('#DPSaarthi_buddy')
								  .append($('<option>', { value : key })
								  .text(value.name));
						});
                    } else {
                       $('#DPSaarthi_buddy').addClass("hide"); 
                    }
                }
            });
}

function getDPbuddychange(){ 
   // $('#DPbuddy_user').html('')
            var dpbuddy_data =$('#DPbuddyUser').val();
			
             if(dpbuddy_data == ""){
               toast_error("User Assgin " , "please select first") ; 
              return true ; 
             } 
            $.ajax({
                type: 'post',
                url: "{{ route('getDPbuddybysharthi') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    DPSaarthi: dpbuddy_data,
                },
                success: function(data) {					
                    if (data.status == true) {
                      var selectValues =  data.data ;  
                       $('#DPbuddy_user').removeClass("hide"); 
					   $('#DPbuddy_user').html("");
                       $.each(selectValues, function(key, value) {
							 $('#DPbuddy_user')
								  .append($('<option>', { value : key })
								  .text(value.name));
						});
                    } else {
                        $('#mySelect').append("<option>BMW</option>")
                       $('#DPbuddy_user').append('<option value="">No data Found</option>');
                       // $('#DPSaarthi_buddy').addClass("hide"); 
                    }
                }
            });
}


function hidemodal(){
    $('#userotpfrom').modal("hide");
}

$(document).ready(function(){
  // Dpuser
  $("#dpuser_id1").select2({
      ajax: {
          url: "{{ route('get_dp_user') }}",
          type: "post",
          dataType: 'json',
          delay: 250,
          data: function (params) {
              return {
                _token: "{{ csrf_token() }}",
                dpuser: params.term // search term
              };
          },
          processResults: function (response) {
              return {
                  results: response
              };
          },
          cache: true
      }
  });

    // Dpbuddy
    $(".get_buddy").select2({
      ajax: {
          url: "{{ route('get_dp_buddy') }}",
          type: "post",
          dataType: 'json',
          delay: 250,
          data: function (params) {
              return {
                _token: "{{ csrf_token() }}",
                dpbuddy: params.term // search term
              };
          },
          processResults: function (response) {
              return {
                  results: response
              };
          },
          cache: true
      }
    });

     // DpSaarthi
     $(".get_saarthi").select2({
      ajax: {
          url: "{{ route('get_dp_saarthi') }}",
          type: "post",
          dataType: 'json',
          delay: 250,
          data: function (params) {
              return {
                _token: "{{ csrf_token() }}",
                dpSaarthi: params.term // search term
              };
          },
          processResults: function (response) {
              return {
                  results: response
              };
          },
          cache: true
      }
    });

    // dpbuddy data who's parent id 0
    $("#dpbuddy_data").select2({
      ajax: {
          url: "{{ route('dpbuddy_data') }}",
          type: "post",
          dataType: 'json',
          delay: 250,
          data: function (params) {
              return {
                _token: "{{ csrf_token() }}",
                dpbuddy: params.term // search term
              };
          },
          processResults: function (response) {
              return {
                  results: response
              };
          },
          cache: true
      }
    });

    // dpuser data who's parent id 0
    $(".dpuser_data").select2({
      ajax: {
          url: "{{ route('dpuser_data') }}",
          type: "post",
          dataType: 'json',
          delay: 250,
          data: function (params) {
              return {
                _token: "{{ csrf_token() }}",
                dpbuddy: params.term // search term
              };
          },
          processResults: function (response) {
              return {
                  results: response
              };
          },
          cache: true
      }
    });

});
</script>
@endsection