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



          <!-- 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">Dashboards / Deals /</span> Stock Market</h4>

          <!-- Horizontal -->
          
              <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-2">
                        <img class="card-img card-img-left" src="{{asset('public/uploads/stockmarket/products/'. $_details->Logo)}}" alt="Card image" />
                      </div>
                      <div class="col-md-10">
                        <div class="card-body">
                          <h5 class="card-title">{{$_details->productname}}</h5>
                          <p class="card-text">{{$_details->shortdescription}}
                          </p>
                          <p><b class="green">Posted On : </b>{{ \Carbon\Carbon::parse($_details->postedon)->format('d-m-Y')}} | <b class="green">Views :</b> 17 Views </p>
               <table class="table table-bordered">
                      <thead>
                        <tr>
                          <th>TYPE</th>
                          {{-- <th>Additional PARTNER</th> --}}
                          <th>Minimum Investement </th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                           <td>
                           {{-- {{$_details->type_product}} --}}
                           {{ucwords(str_replace('_', ' ', $_details->type_product))}}
                          </td>
                          {{-- <td>
                           {{ucwords($_details->additional_partner)}}
                          </td> --}}
                          <td>₹ {{$_details->AUM}} </td>
                        </tr>



                      </tbody>
                    </table>
          <br>
              <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal"
                        >
                          Connect
                        </button>
                        &nbsp;
                        <a href="{{ url('dpbuddy/StockMarket') }}"
                        class="btn btn-outline-secondary">Back</a>

                        <!-- Modal -->
                        <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Stock Market Enquiry</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
                <form>
                                <div class="row">

                             <form  class="mb-3" action="{{ route('dpbuddy.pmsQueryFor')}}" method="POST">
                             @csrf


                  @if(Auth::user()->role == 'dpuser')
                    <div class="row mb-3" style="display: none;">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Query For<sup style="color:red;">*</sup></label>
                          <div class="col-sm-8">
                            <select onchange="pmsQueryFor()"  class="form-select" id="pmsQueryFor1" aria-label="Default select example">
                                <option selected value="Self">Self</option>
                                @foreach($child_details as $child_detailss)
                                  <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}</option>
                                @endforeach
                            </select>
                          </div>
                    </div>
                    <input type="hidden" class="form-control"  name="manager" id="manager"  value="{{$user_details->parentid}}" />
                  @else
                    <div class="row mb-3">
                      <label class="col-sm-4 col-form-label" for="basic-default-name">Query For<sup style="color:red;">*</sup></label>
                      <div class="col-sm-8">
                        <select onchange="pmsQueryFor()"  class="form-select" id="pmsQueryFor1" aria-label="Default select example">
                            <option selected value="Self">Self</option>
                            @foreach($child_details as $child_detailss)
                              <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}</option>
                            @endforeach
                        </select>
                      </div>
                    </div>
                    <input type="hidden" class="form-control"  name="manager" id="manager"  value="{{$user_details->id}}" />
                  @endif






                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Full Name<sup style="color:red;">*</sup> </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control"  name="customerName" id="pmsQueryForname" placeholder="Enter your full name"  value="{{$user_details->name}} {{$user_details->last_name}}" />

             <input type="hidden" class="form-control"  name="userid" id="userid"  value="{{$user_details->id}}" />
                    {{-- <input type="hidden" class="form-control"  name="manager" id="manager"  value="{{$user_details->id}}" /> --}}
    <input type="hidden" class="form-control"  name="productid" id="productid"  value="{{$_details->id}}" />

 <input type="hidden" class="form-control"  name="department" id="department"  value="StockMarket" />


                          </div>
                        </div>
             <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id <sup style="color:red;">*</sup></label>
                          <div class="col-sm-8">
                            <input type="email" class="form-control"  name="emailid" id="pmsQueryForemail" placeholder="abcd@gmail.com"   value="{{$user_details->email}}" />
                          </div>
                        </div>
            <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No.<sup style="color:red;">*</sup> </label>
                          <div class="col-sm-8">
                            <input type="tel" maxlength="12" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"  name="phone" class="form-control" id="pmsQueryForphone" placeholder="+91 9999999999"  value="{{$user_details->phone}}" />

                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message <sup style="color:red;">*</sup></label>
                          <div class="col-sm-8">
                           <textarea class="form-control" aria-label="With textarea" id="message" name="message" required></textarea>
                          </div>
                        </div>

                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="button" onclick="Submitqueryforpms()"   class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                      </form>
                              </div>

                            </div>
                          </div>

                    </div>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <!--/ Horizontal -->

 <div class="card mb-4">
                <h5 class="card-header">Description</h5>
                <div class="card-body">
                  <div class="row">
                    <!-- Custom content with heading -->
                    <div class="col-lg-12 mb-4 mb-xl-0">
                      {!!html_entity_decode($_details->deal_desc)!!}
                      {!!html_entity_decode($_details->additional_desc)!!}
 <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal1"
                        >
                         Consult Account Manager
                        </button> &nbsp;<button
                          type="button"
                          class="btn btn-warning"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal"
                        >

                          <!-- data-bs-target="#basicModal2" -->

                         Generate Query
                        </button>
            <div class="modal fade" id="basicModal1" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
                <form>

                                  <div class="row mb-3">
                                    <table class="table table-bordered">
                                      <thead>
                                      <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Mobile No.</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                        @forelse ( $consultant as $manager )
                                        <tr>
                                          <td>{{$manager->name}}</td>
                                          <td>{{$manager->email}}</td>
                                          <td>{{$manager->mobile}}</td>
                                        </tr>
                                        @empty
                                        <tr><td colspan="7"><h4 class="text-center text-muted mt-2">No Records Found !</h4></td></tr>
                                        @endforelse
                                      </tbody>
                                    </table>


                  </div>

                              <div class="modal-footer">


                </form>
                              </div>
                            </div>
                          </div>

                    </div>

                        </div>

            <div class="modal fade" id="basicModal2" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">

                                <div class="row">
                <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Query For</label>
                          <div class="col-sm-8">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Self</option>
                          <option value="1">DP Buddy User 1</option>
                          <option value="2">DP Buddy User 2</option>
                          <option value="3">DP Buddy User 3</option>
              <option value="3">DP Buddy User 4</option>
              <option value="3">DP Buddy User 5</option>
                        </select>
                          </div>
                        </div>
                                  <div class="row mb-3">
                     <form>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Full Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="Enter your full name" />
                          </div>
                        </div>
             <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id </label>
                          <div class="col-sm-8">
                            <input type="email" class="form-control" id="basic-default-name" placeholder="abcd@gmail.com" />
                          </div>
                        </div>
            <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No. </label>
                          <div class="col-sm-8">
                            <input type="tel" class="form-control" id="basic-default-name" placeholder="+91 9999999999" />
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message </label>
                          <div class="col-sm-8">
                           <textarea class="form-control" aria-label="With textarea"></textarea>
                          </div>
                        </div>

                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                      </form>

                  </div>
                              </div>

                            </div>
                          </div>

                    </div>

                        </div>


              <!--<button type="button" class="btn btn-outline-primary">Chat </button> -->
                    </div>

           </div>

</div>

            </div>
            <!-- / Content -->


<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>

<script type="text/javascript">

function pmsQueryFor(){
            var userid =$('#pmsQueryFor1').val();
            if(userid == "Self"){
               $('#pmsQueryForname').val('{{$user_details->name}}') ;
                   $('#pmsQueryForemail').val('{{$user_details->email}}' ) ;
                   $('#pmsQueryForphone').val( '{{$user_details->phone}}') ;
                   $('#userid').val('{{$user_details->id}}' ) ;
                 }else{

                  $.ajax({
                type: 'post',
                url: "{{ route('dpbuddy.pmsQueryForuser') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    userid: userid,
                },
                success: function(data) {
                    if (data.status == true) {
var data = data.data ;
 $('#pmsQueryForname').val(data.name) ;
 $('#pmsQueryForemail').val(data.email) ;
 $('#pmsQueryForphone').val( data.phone) ;
 $('#userid').val(data.id) ;

                    } else {
                   $('#pmsQueryForname').val('{{$user_details->name}}') ;
                   $('#pmsQueryForemail').val('{{$user_details->email}}' ) ;
                   $('#pmsQueryForphone').val( '{{$user_details->phone}}') ;
                   $('#userid').val('{{$user_details->id}}' ) ;

                    }
                },
                error: function(data) {
                    var response = data.responseJSON.errors
                    formContainer.find('.error-wrap').html(
                        '<ul class="alert alert-danger"></ul>');
                    $.each(response, function(value, index) {
                        formContainer.find('.error-wrap ul').append('<li>' + value +
                            '</li>');
                    });
                    el.text('{{ __('Login') }}');
                }
            });

            }
            // var remember = formContainer.find('input[name="remember"]').val();

}


function Submitqueryforpms(){
        var   productid  =  $('#productid').val() ;
        var   userid  =  $('#userid').val() ;
        var   emailid  =  $('#pmsQueryForemail').val() ;
        var   manager  =  $('#manager').val() ;
        var   phone  =  $('#pmsQueryForphone').val() ;
        var   message  =  $('#message').val() ;

        if(message ==""){
             toast_error(" Pms ", "Message Is Required");
             return  true;
        }

                  $.ajax({
                type: 'post',
                url: "{{ route('dpbuddy.pmsQueryFor') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    productid: productid,
                    userid: userid,
                    emailid: emailid,
                    manager: manager,
                    phone: phone,
                    message: message
                },
                success: function(data) {
                    if (data.status == true) {
                       toast_success(" Pms ", "Your Deal is Connected");
                       $('#basicModal').modal('hide');
                    } else {
                       toast_error(" Pms ", "PLease Concern To Admin Your Deal is Not Connected");
                       $('#basicModal').modal('hide');

                   $('#pmsQueryForname').val('{{$user_details->name}}') ;
                   $('#pmsQueryForemail').val('{{$user_details->email}}' ) ;
                   $('#pmsQueryForphone').val( '{{$user_details->phone}}') ;
                   $('#pmsQueryForid').val('{{$user_details->id}}' ) ;

                    }
                }
            });

}



</script>

@endsection
@extends('layouts.chat-screens')