@extends('dashboard_layout')
<!-- end #header -->

<!-- begin #sidebar -->
@section('content')

<!-- Starts Main Container -->
<div class="main-container">
    <div class="common-page add-trans">

        @if(Session::has('submit-status'))
            <div class="alert alert-success"><p>{{ Session::get('submit-status') }}</p></div>
        @endif

        @if(Session::has('error-status'))
            <div class="alert alert-danger"><p>{{ Session::get('error-status') }}</p></div>
        @endif

        <div class="text-center">
            <div class="heading-panel">
                <h3>Edit Transaction</h3>
            </div>
        </div>

        <!-- Starts Common Form layout -->
        <div class="common-panel">
            <div class="common-panel-title">
                <!-- <h4>Edit Transaction</h4> -->
            </div>
            <div class="common-panel-body">
                <div class="common-panel-body-inner">
                    <div class="common-form-box">
                        <form name="edit_transaction" method="POST" action="/update_transaction" class="form">
                            {{ csrf_field() }}
                            <input type="hidden" name="group_id" id="group_id" value="{{base64_encode($group_id)}}" />
                            <input type="hidden" name="user_id" id="user_id" value="{{base64_encode(Auth::guard('crypto')->user()->id)}}" />
                            <input type="hidden" name="tran_id" id="tran_id" value="{{$tran_id}}" />
                            <input type="hidden" name="tran_type" id="tran_type" value="{{$tran_details[0]['transaction_type']}}" />
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <label for="coin_full_name">Coin Name</label>
                                    <input class="form-control" name="coin_full_name" id="coin_full_name" type="text" value="{{$tran_details[0]['coinlists']['full_name']}}" readonly />
                                    <input type="hidden" name="coin_id" id="coin_id" value="{{$tran_details[0]['coin_list_id']}}" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <ul class="nav nav-tabs">
                                        <li @if ($tran_details[0]['transaction_type'] == 1)class="active" @endif>
                                            <a id="tab1" href="#use_100_chips" data-toggle="tab" title="Long Term Hold">
                                                <img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" />
                                            </a>
                                        </li>
                                        <li @if ($tran_details[0]['transaction_type'] == 2)class="active" @endif>
                                            <a id="tab2" href="#input_trade_targets" data-toggle="tab" title="Trade">
                                                <img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" />
                                            </a>
                                        </li>
                                        <li @if ($tran_details[0]['transaction_type'] == 3)class="active" @endif>
                                            <a id="tab3" href="#watch" data-toggle="tab" title="Watch">
                                                <img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" />
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade @if($tran_details[0]['transaction_type'] == 1)active in @endif row" id="use_100_chips">
                                            <div class="form-group col-md-6">
                                                <label>Market Price (BTC)</label>
                                                <input class="form-control" name="tab1_current_price" id="tab1_current_price" placeholder="Market Price (BTC)" type="text" value="{{$tran_details[0]['current_price']}}" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Market Price (USD)</label>
                                                <input class="form-control" name="tab1_trade_price_usd" id="tab1_trade_price_usd" placeholder="Market Price (USD)" type="text" value="{{$tran_details[0]['trade_price_usd']}}" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Buyin Price (BTC)</label>
                                                <input class="form-control" name="tab1_trade_price_btc" id="tab1_trade_price_btc" placeholder="Buyin Price (BTC)" type="text" value="{{$tran_details[0]['trade_price_btc']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Actual Quantity</label>
                                                <input class="form-control" name="tab1_qty" id="tab1_qty" placeholder="Quantity" type="number" value="@if($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['quantity']}}@endif" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Total Value (USD)</label>
                                                <input class="form-control" name="tab1_total_val_usd" id="tab1_total_val_usd" placeholder="Total Value (USD)" type="text" value="@if($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['total_value_usd']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Total Value (BTC)</label>
                                                <input class="form-control" name="tab1_total_val_btc" id="tab1_total_val_btc" placeholder="Total Value (BTC)" type="text" value="@if($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['total_value_btc']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Trade Date</label>
                                                <div class="input-group date-time" id="datepicker1">
                                                    <input type="text" class="form-control" placeholder="Trade Date" value="{{date('m/d/Y h:i A', strtotime($tran_details[0]['trade_date']))}}" name="tab1_trade_date" disabled />
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Stoploss</label>
                                                <input class="form-control" name="tab1_stoploss" id="tab1_stoploss" placeholder="Stoploss" type="text" value="@if($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['stoploss']}}@endif" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Notes</label>
                                                <textarea name="tab1_notes" class="form-control" rows="3" cols="" placeholder="Notes">@if($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['notes']}}@endif</textarea>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>No. of Chips</label>
                                                <input class="form-control chip_qty_validation_longterm" name="tab1_chip_qty" placeholder="No. of Chips" type="number" value="@if ($tran_details[0]['transaction_type'] == 1){{$tran_details[0]['chip_value']}}@endif" min="1" max="{{$remain_longterm_chip}}" />
                                            </div>
                                        </div>
                                        <div class="tab-pane fade @if($tran_details[0]['transaction_type'] == 2)active in @endif row" id="input_trade_targets">
                                            <div class="form-group col-md-6">
                                                <label>Market Price (BTC)</label>
                                                <input class="form-control" name="tab2_current_price" id="tab2_current_price" placeholder="Market Price (BTC)" type="text" value="{{$tran_details[0]['current_price']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Market Price (USD)</label>
                                                <input class="form-control" name="tab2_trade_price_usd" id="tab2_trade_price_usd" placeholder="Market Price (USD)" type="text" value="{{$tran_details[0]['trade_price_usd']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Buyin Price (BTC)</label>
                                                <input class="form-control" name="tab2_trade_price_btc" id="tab2_trade_price_btc" placeholder="Buyin Price (BTC)" type="text" value="{{$tran_details[0]['trade_price_btc']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Actual Quantity</label>
                                                <input class="form-control" name="tab2_qty" id="tab2_qty" placeholder="Quantity" type="number" value="@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['quantity']}}@endif" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Total Value (USD)</label>
                                                <input class="form-control" name="tab2_total_val_usd" id="tab2_total_val_usd" placeholder="Total Value (USD)" type="text" value="@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['total_value_usd']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Total Value (BTC)</label>
                                                <input class="form-control" name="tab2_total_val_btc" id="tab2_total_val_btc" placeholder="Total Value (BTC)" type="text" value="@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['total_value_btc']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Trade Date</label>
                                                <div class="input-group date-time" id="datepicker1">
                                                    <input type="text" class="form-control" placeholder="Trade Date" value="{{date('m/d/Y h:i A', strtotime($tran_details[0]['trade_date']))}}" name="tab2_trade_date" disabled />
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Stoploss</label>
                                                <input class="form-control" name="tab2_stoploss" id="tab2_stoploss" placeholder="Stoploss" type="text" value="@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['stoploss']}}@endif" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Est. Time</label>
                                                <div class="clearfix">
                                                    <div class="pull-left m-r-10">
                                                        <select class="form-control" name="tab2_est_time_dy" id="tab2_est_time_dy">
                                                            @for($k = 1; $k <= 30; $k++)
                                                            <option value="{{$k}}" @if($tran_details[0]['est_time_day'] == $k) selected="selected" @endif>{{$k}}</option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                    <div class="pull-left m-r-10">
                                                        <span class="est-time-hr">Days</span>
                                                    </div>
                                                    <div class="clear-m-10"></div>
                                                    <div class="pull-left m-r-10">
                                                        <select class="form-control" name="tab2_est_time_hr" id="tab2_est_time_hr">
                                                            @for($i = 1; $i <= 12; $i++)
                                                            <option value="{{$i}}" @if($tran_details[0]['est_time_hr'] == $i) selected="selected" @endif>{{$i}}</option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                    <div class="pull-left m-r-10">
                                                        <span class="est-time-hr">Hours</span>
                                                    </div>
                                                    <div class="clear-m-10"></div>
                                                    <div class="pull-left m-r-10">
                                                        <select class="form-control" name="tab2_est_time_mn" id="tab2_est_time_mn">
                                                            @for($j = 1; $j <= 60; $j++)
                                                            <option value="{{$j}}" @if($tran_details[0]['est_time_min'] == $j) selected="selected" @endif>{{$j}}</option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                    <div class="pull-left">
                                                        <span class="est-time-min">Mins</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Notes</label>
                                                <textarea name="tab2_notes" class="form-control" rows="3" cols="" placeholder="Notes">@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['notes']}}@endif</textarea>
                                            </div>
                                            <!-- <div class="form-group col-md-6">
                                                <label>Trade Type</label>
                                                <label><input type="radio" name="trade_type" value="long_term" @if($tran_details[0]['transaction_type'] == 2) @if($tran_details[0]['trade_type'] == 'long_term') checked="checked" @endif @endif><span style="font-weight: normal;"> 100 chips for long term</span></label>&nbsp;
                                                <label><input type="radio" name="trade_type" value="trade" @if($tran_details[0]['transaction_type'] == 2) @if($tran_details[0]['trade_type'] == 'trade') checked="checked" @endif @endif><span style="font-weight: normal;"> 100 chips for trade</span></label>
                                            </div> -->
                                            <div class="form-group col-md-6">
                                                <label>No. of Chips</label>
                                                <input class="form-control chip_qty_validation_trade" name="tab2_chip_qty" placeholder="No. of Chips" type="number" value="@if($tran_details[0]['transaction_type'] == 2){{$tran_details[0]['chip_value']}}@endif" min="1" max="{{$remain_trade_chip}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Target 1</label>
                                                <input class="form-control" name="tab2_target1" placeholder="Target 1" type="text" value="{{$tran_details[0]['target_1']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Target 2</label>
                                                <input class="form-control" name="tab2_target2" placeholder="Target 2" type="text" value="{{$tran_details[0]['target_2']}}" />
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Target 3</label>
                                                <input class="form-control" name="tab2_target3" placeholder="Target 3" type="text" value="{{$tran_details[0]['target_3']}}" />
                                            </div>
                                        </div>
                                        <div class="tab-pane fade @if($tran_details[0]['transaction_type'] == 3)active in @endif row" id="watch">
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Buy in Price (BTC)</label>
                                                <input class="form-control" name="tab3_current_price" id="tab3_current_price" placeholder="Buy in Price (BTC)" type="text" value="{{$tran_details[0]['current_price']}}" readonly />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Trade Price (USD)</label>
                                                <input class="form-control" name="tab3_trade_price_usd" id="tab3_trade_price_usd" placeholder="Trade Price (USD)" type="text" value="{{$tran_details[0]['trade_price_usd']}}" readonly />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Trade Price (BTC)</label>
                                                <input class="form-control" name="tab3_trade_price_btc" id="tab3_trade_price_btc" placeholder="Trade Price (BTC)" type="text" value="{{$tran_details[0]['trade_price_btc']}}" readonly />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Actual Quantity</label>
                                                <input class="form-control" name="tab3_qty" id="tab3_qty" placeholder="Quantity" type="number" value="@if($tran_details[0]['transaction_type'] == 3){{$tran_details[0]['quantity']}}@endif" />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Total Value (USD)</label>
                                                <input class="form-control" name="tab3_total_val_usd" id="tab3_total_val_usd" placeholder="Total Value (USD)" type="text" value="@if($tran_details[0]['transaction_type'] == 3){{$tran_details[0]['total_value_usd']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Total Value (BTC)</label>
                                                <input class="form-control" name="tab3_total_val_btc" id="tab3_total_val_btc" placeholder="Total Value (BTC)" type="text" value="@if($tran_details[0]['transaction_type'] == 3){{$tran_details[0]['total_value_btc']}}@endif" readonly />
                                            </div>
                                            <div class="form-group col-md-6" style="display: none;">
                                                <label>Trade Date</label>
                                                <div class="input-group date" id="datepicker-disabled-past" data-date-format="dd M yyyy" data-date-end-date="Date.default">
                                                    <input type="text" class="form-control" placeholder="Trade Date" value="{{date('d M Y', strtotime($tran_details[0]['trade_date']))}}" name="tab3_trade_date" disabled />
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Notes</label>
                                                <textarea name="tab3_notes" class="form-control" rows="3" cols="" placeholder="Notes">@if($tran_details[0]['transaction_type'] == 3){{$tran_details[0]['notes']}}@endif</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <button type="submit" class="btn btn-primary common-btn">Submit</button>
                                    <button type="reset" class="btn btn-info">Cancel</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $("#tab1").click(function() {
        var tran_type = 1;
        $('#tran_type').val(tran_type);
    });

    $("#tab2").click(function() {
        var tran_type = 2;
        $('#tran_type').val(tran_type);
    });

    $("#tab3").click(function() {
        var tran_type = 3;
        $('#tran_type').val(tran_type);
    });

    $("#tab1_qty").blur(function() {
        if ($("#tab1_qty").val() != '') {
            var trade_price_usd = parseFloat($("#tab1_trade_price_usd").val());
            var qty = parseFloat($("#tab1_qty").val());
            var tot_val_usd = (trade_price_usd * qty);
            var trade_price_btc = parseFloat($("#tab1_trade_price_btc").val());
            var tot_val_btc = (trade_price_btc * qty);
            $('#tab1_total_val_usd').val(tot_val_usd);
            $('#tab1_total_val_btc').val(tot_val_btc);
        }
    });

    $("#tab2_qty").blur(function() {
        if ($("#tab2_qty").val() != '') {
            var trade_price_usd = parseFloat($("#tab2_trade_price_usd").val());
            var qty = parseFloat($("#tab2_qty").val());
            var tot_val_usd = (trade_price_usd * qty);
            var trade_price_btc = parseFloat($("#tab2_trade_price_btc").val());
            var tot_val_btc = (trade_price_btc * qty);
            $('#tab2_total_val_usd').val(tot_val_usd);
            $('#tab2_total_val_btc').val(tot_val_btc);
        }
    });

    $("#tab3_qty").blur(function() {
        if ($("#tab3_qty").val() != '') {
            var trade_price_usd = parseFloat($("#tab3_trade_price_usd").val());
            var qty = parseFloat($("#tab3_qty").val());
            var tot_val_usd = (trade_price_usd * qty);
            var trade_price_btc = parseFloat($("#tab3_trade_price_btc").val());
            var tot_val_btc = (trade_price_btc * qty);
            $('#tab3_total_val_usd').val(tot_val_usd);
            $('#tab3_total_val_btc').val(tot_val_btc);
        }
    });

    $('.chip_qty_validation_longterm').on('change',function() {
        var value = $(this).val();
        if (value > {{$remain_longterm_chip}}) {
            alert ('You have consumed {{$tot_longterm_chip}} chips. Your remaining chip is {{$remain_longterm_chip}}');
            return false;
        } else if (value < 1) {
            alert ('Minimum 1 Chip must be added for Long Term Hold');
            return false;
        }
    });

    $('.chip_qty_validation_trade').on('change',function() {
        var value = $(this).val();
        if (value > {{$remain_trade_chip}}) {
            alert ('You have consumed {{$tot_trade_chip}} chips. Your remaining chip is {{$remain_trade_chip}}');
            return false;
        } else if (value < 1) {
            alert ('Minimum 1 Chip must be added for Trade');
            return false;
        }
    });
</script>
	
@endsection