@extends('adminlayout.admin')

@section('content')
   <div class="loader"></div>
        <div class="courier_loader" style="display:none"></div>
       <br>
	   <br>
	   <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(2026-02-07),
        maximum: new Date(2026-02-07)
      }
    }
  });
   stockChart.render();
	}
</script>
<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"><i class="fa fa-caret-up"></i></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"><i class="fa fa-search"></i></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">
		<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="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 class="modal fade sell-popup" id="cellconfirm"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <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 ='2026-02-07';
	$('.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 ='