@extends('adminlayout.mobile_sidebar')

@section('content')
   <div class="loader"></div>
        <div class="courier_loader" style="display:none"></div>
       
	   <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.stock.min.js"></script>
	 
	 
<script type="text/javascript">

window.onload = function () {
  var dps1 = [], dps2= [];
  	 var stockChart = new CanvasJS.StockChart("chartContainer",{
    theme: "light2",
    exportEnabled: false,
    title:{
      text:" "
    },
    subtitles: [{
      text: " "
    }],
    charts: [{
      axisX: {
        crosshair: {
          enabled: true,
          snapToDataPoint: true
        }
      },
      axisY: {
        prefix: "₹"
      },
      data: [{
        type: "candlestick",
        yValueFormatString: "₹#,###.##",
        dataPoints : dps1
      }]
    }],
    navigator: {
      data: [{
        dataPoints: dps2
      }],
      slider: {
        minimum: new Date(2025-12-08),
        maximum: new Date(2025-12-08)
      }
    }
  });
   stockChart.render();
	}
</script>

<div class="nk-content-body">
	<div class="mainTop">
		<div class="mainRoot maxWidth">
			<div class="navTop sticky-top">
				<nav id="" class="navbar navbar-expand-lg headerNav boxShadow">
					<div class="navLeftText">
						<a class="backIcon" href="{{route('dashboard')}}"><span><img src="{{url('/assets/images/mob-dash/back-arrow.png')}}"></span></a> <span class="innerHeadText">Investment</span>
					</div>
					
				</nav>
			</div>
			<div class="share">
			  <div class="row margin-left-right-0">
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 padding-l-r-5 box-shadow">
				  <div class="share-m-left">
					<!--<div class="share-m-top">
						<div class="left-text">
							<span class="stock-name"></span></span>
						</div>
						<div class="right-text">
							<span class="stock-name"></span><span class="stock-price stock-price-up"><em class="ni ni-caret-up"></em> </span>
						</div>
					</div>-->
					<div class="share-m-search">
						<div class="search-outer">
							<form>
								<div class="search-inner">
									<input type="text" class="form-control" id="searchText" onKeyUp="searchPlan()"  placeholder="Search Investment">
									<span class="search-icon"><em class="ni ni-search"></em></span>
								</div>
							</form>
						</div>
					</div>
					
					<div class="all-stock" style="height: 600px;">
											<ul>
						@foreach($investments as $investment)
													<li class="investmentlistWrap  plst" onclick="setActiveInvest('',,,)" id="invest" style="cursor: pointer;">
								<div class="left-text">
									<span class="stock-name">{{$investment->title}}</span>
									<span class="stock-text-date">{{date('Y-m-d')}} </span>
								</div>
								<div class="right-text">
									<span class="stock-price stock-price-up"><em class="icon ni ni-sign-inr"></em>{{number_format($investment->minimum_amount, 2)}}</span>
									<span class="stock-inc-dec"><em class="icon ni ni-sign-inr"></em>{{number_format($pramnt, 2)}} ({{$investment->commission}}%)</span>
								</div>
							</li>
													@endforeach	
							
						</ul>
					</div>
					
				  </div>
				</div>
				<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 padding-l-r-5" style="padding: 0;">
					<div class="middle-section">
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
								<div class="middle-outer">
									<div class="left-text">
										<span class="stock-name invest_title"></span>
										<span class="stock-text-date invest_date"> </span>
									</div>
									<div class="right-text">
										<span class="stock-price stock-price-down invest_amount"> <i class="fa fa-caret-down"></i></span>
										<span class="stock-inc-dec invest_profit"> ()</span>
									</div>
								</div>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
								<form action="{{route('cellInvestment')}}"  method="post" enctype="multipart/form-data" id="cellform"> 
								  @csrf
								  
								<div class="pull-right buy-sell-btn">
									<button class="btn btn-small btn-success" id="buybtn" type="button" disabled><a href="javascript:void(0)" style="color: #fff;" >Buy</a></button>
								 @if(count($order_investments))
									 <button class="btn btn-small btn-success" id="reportbtn" type="button"><a href="{{route('Report',$orderInvestment->id)}}" style="color: #fff;" >Report</a></button>
									 @if($orderInvestment->status==1)
									 <input type="hidden" name="id" value="{{ $orderInvestment->id }}">
									<button class="btn btn-small btn-danger" id="sellbtn" type="button"  data-toggle="modal" data-target="#cellconfirm" >Sell</button>	
									@endif
								@endif  					
								</div>
							  </form>
							</div>
						</div>
					</div>
					<div class="middle-inner">
						<div id="chartContainer" style="height: 600px; width: 100%;"></div>
					</div>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 padding-l-r-5 box-shadow">
					<div class="right-sidebar">
						<div class="right-sidebar-inner">
							<h2 class="right-sidebar-heading">Purchase Investment</h2>
						</div>
						<div class="right-sidebar-inner all-stock"  style="max-height: 600px;">
						@if(count($order_investments))		
						@foreach($order_investments as $investment)
						
							<a class="investmentlistWrap" href="{{url('admin/investment-dashboard')}}?investmentid={{$investment->id}}" id="invest" style="cursor: pointer;">
								<div class="list-text">
									@if($investment->status==1)<span class="openS">open</span>
									@elseif($investment->status==2)
									<span class="sellS">Request</span>
									@else
									<span class="sellS">Close</span>	
								   @endif
									<span class="stock-name">{{$investment->title}}</span>						
									<span class="stock-text-date">{{$investment->start_date}} <span class="sep-hyph"> </span> {{$investment->end_date}}</span>
									<span class="stock-price stock-price-up"><em class="icon ni ni-sign-inr"></em>{{number_format($investment->amount, 2)}}<i class="fa fa-caret-up"></i></span>
									
								</div>
								
							</a>
													@endforeach	
							
						@else
							<p>No investment list</p>
						@endif	
						</div>
					</div>
				</div>
			  </div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade sell-popup" id="cellconfirm"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="margin-top: 30px;">
        <div class="modal-content">
           
            <div class="modal-body" style="text-align: center;">
				<div class="inv-img">
					<img src="https://www.globaltax.in/storage/sidebar/r6WzkBK479kUf7T9sh1ctidYK54P0kyDUrIyN4sx.png">
				</div>
                <h3>Are you sure you want to sell ?</h3>
				<p>
					Click to submit button for Continue or click cancel button stay on the page.
				</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">Cancel</button>
                <button type="button"  onclick ="submitcellform()" id="submit" class="btn btn-default success sb-btn">Submit</button>
            </div>
        </div>
    </div>
</div>
<script>

function searchPlan()
{
   
    var searchString = $('#searchText').val();

    $(".plst").each(function(index, value) {
        
        currentName = $(value).text()
        if( currentName.toUpperCase().indexOf(searchString.toUpperCase()) > -1) {
           $(value).show();
        } else {
            $(value).hide();
        }
        
    });
    
}
function showAll()
{
	  var searchString = $('#searchText').val();
    
	
}
function submitcellform()
{
	$('#cellform').submit();
}
function setActiveInvest(title,amount, commission, id)
{
	$('.invest_title').html(title);
	$('.invest_amount').html('<em class="icon ni ni-sign-inr"></em>'+amount);
	var date ='2025-12-08';
	$('.invest_date').html(date);
	profit_amount = parseFloat((amount*commission)/100).toFixed(2);
	$('.invest_profit').html('<em class="icon ni ni-sign-inr"></em>'+profit_amount+'('+commission+'%)');
	
	$('.investmentlistWrap').removeClass('active');
	$('#invest'+id).addClass('active');
	var url ='