@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            <div class="panel-container">
                <div class="d-flex flex-column h-100">
                    <div class="h-auto">
                        <table id="example" class="table table-bordered table-hover table-striped w-100">
                            <thead class="bg-fusion-50">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('message.invitation code') }}</th>
                                    <th>{{ __('message.member') }}</th>
                                    <th>{{ __('message.phone') }}</th>
                                    <th>{{ __('message.product') }}</th>
                                    <th>{{ __('message.amount') }}</th>
                                    <!-- <th>{{ __('message.commission') }}</th> -->
                                    <th>{{ __('message.direction') }}</th>
                                    <th>{{ __('message.opening point') }}</th>
                                    <th>{{ __('message.closing point') }}</th>
                                    <th>{{ __('message.time') }}</th>
                                    <th>{{ __('message.profit') }}</th>
                                    <th>{{ __('message.status') }}</th>
                                    <th>{{ __('message.created date') }}</th>
                                    <th colspan="2" class="text-center">{{ __('message.action') }}</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($buySells as $index => $buySell)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $buySell->member->user->invitation_code ?? '' }}</td>
                                        <td>
                                            {{$buySell->member->user->name??''}}
                                        </td>
                                        <td>
                                            {{$buySell->member->user->phone??''}}
                                            <span class="credit">
                                                ({{number_format($buySell->member->credit??0,2)}}
                                                {{$setting_->currency_name}})
                                            </span>
                                        </td>
                                        <td>
                                            {{$buySell->product->name??''}}
                                        </td>
                                        <td class="text-info credit">
                                            {{ number_format($buySell->amount, 2) }} {{ $setting_->currency_name }}
                                        </td>
                                        <!-- <td class="text-info credit">
                                            {{ number_format($buySell->commission, 2) }} {{ $setting_->currency_name }}
                                        </td> -->
                                        <td>
                                            @if($buySell->direction=='up')
                                                <label class="badge badge-success">
                                                    {{__('message.buy up')}}
                                                </label>
                                            @else
                                                <label class="badge badge-danger">
                                                    {{__('message.buy down')}}
                                                </label>
                                            @endif
                                        </td>
                                        <td class="text-info">
                                            {{ number_format($buySell->opening_point, 6) }} 
                                        </td>
                                        <td class="text-info">
                                            {{ number_format($buySell->closing_point, 6) }} 
                                        </td>
                                        <td>
                                            {{ $buySell->seconds }}s
                                        </td>    
                                        <td class="text-info credit">
                                            {{ number_format($buySell->profit, 2) }} {{ $setting_->currency_name }}
                                        </td>                                    
                                        <td>
                                            @if ($buySell->status==0)
                                                <label class="badge badge-info">
                                                    {{ __('message.pending') }}
                                                </label>
                                            @elseif($buySell->status==1)
                                                <label class="badge badge-success">
                                                    {{ __('message.win') }}
                                                </label>
                                            @else
                                                <label class="badge badge-danger">
                                                    {{ __('message.lose') }}
                                                </label>
                                            @endif
                                        </td>
                                        <td>{{ $buySell->created_at->format('d/m/Y H:i:s') }}
                                        <td class="text-center">
                                            <button type="button"
                                                class="btn btn-sm btn-warning waves-effect waves-themed modal-checking"
                                                data-toggle="modal" data-target="#checking_modal"
                                              data-commission="{{ $buySell->commission }}" data-opening="{{ $buySell->opening_point }}" data-closing="{{ $buySell->closing_point }}" data-profit="{{ $buySell->profit }}" data-product="{{$buySell->product->name??''}}" data-amount="{{ $buySell->amount }}" data-buy-sell-id="{{$buySell->id}}">
                                                {{ __('message.check') }}
                                            </button>
                                            <button type="button"
                                                class="btn btn-sm btn-info waves-effect waves-themed modal-edit"
                                                data-toggle="modal" data-target="#edit_modal"
                                              data-commission="{{ $buySell->commission }}" data-opening="{{ $buySell->opening_point }}" data-closing="{{ $buySell->closing_point }}" data-profit="{{ $buySell->profit }}" data-product="{{$buySell->product->name??''}}" data-amount="{{ $buySell->amount }}" data-buy-sell-id="{{$buySell->id}}" data-seconds="{{$buySell->seconds}}" data-direction="{{$buySell->direction}}" data-created-at="{{$buySell->created_at}}" data-product-id="{{$buySell->product_id}}">
                                                {{ __('message.edit') }}
                                            </button>

                                            <form method="POST" action="{{route('buy-sells.destroy',$buySell)}}"
                                                style="display:inline">
                                                <input name="_method" type="hidden" value="DELETE">
                                                {{ csrf_field() }}
                                                <button type="submit" class="btn btn-sm btn-danger"
                                                    onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                    <i class="fal fa-trash" style="color: #FFF;"></i>
                                                </button>
                                            </form>
                                            
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <!-- datatable end -->
                    </div>
                </div>

            </div>
        </div>
        <div class="py-4 mt-4 mx-2 ">
            <!-- Pagination bootstrap-->
            {{ $buySells->appends($_GET)->links() }}
        </div>
    </div>

    <!-- Modal popup -->
    <div class="modal fade" id="checking_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title">xx</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{route('buy-sells.update',1)}}">
                        {{ csrf_field() }}
                        @method('PUT')
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.opening point') }}</label>
                            <input type="number" id="opening_point" name="opening_point" class="form-control" required value="" step="0.000001" readonly>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">
                                {{ __('message.closing point') }}
                                <span style="color:#dc3545;font-size: 12px;" class="min-max">
                                   
                                </span>
                            </label>
                            <input type="number" id="closing_point" name="closing_point" class="form-control" required value="" step="0.000001">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.amount') }}</label>
                            <input type="number" id="amount" name="amount" class="form-control" required value="" step="0.000001">
                        </div>
                        <!-- div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.commission') }}</label>
                            <input type="number" id="commission" name="commission" class="form-control" required value="" step="0.000001">
                        </div> -->
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.profit') }}</label>
                            <input type="number" id="profit" name="profit" class="form-control" required value="" step="0.000001">
                        </div>

                        <input type="hidden" name="buy_sell_id" id="buy_sell_id" value="" required />
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary waves-effect waves-themed">
                                <i class="fal fa-save fa-lg"></i>
                                {{ __('message.save') }}
                            </button>
                            <button type="button" class="btn btn-danger waves-effect waves-themed"
                                data-dismiss="modal">{{ __('message.cancel') }}</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!-- End Modal popup -->

    <!-- Modal popup -->
    <div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title_">Edit</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{route('buy-sells.update',1)}}?state=update-only">
                        {{ csrf_field() }}
                        @method('PUT')
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.time') }}</label>
                            <select name="seconds" class="form-control">
                                <option value="60">60s</option>
                                <option value="90">90s</option>
                                <option value="120">120s</option>
                                <option value="180">180s</option>
                                <option value="240">240s</option>
                                <option value="300">300s</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.amount') }}</label>
                            <input type="number" id="amount_" name="amount" class="form-control" required value="" step="0.000001">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.buy sell') }}</label>
                            <select name="direction" class="form-control">
                                <option value="up">{{__('message.buy up')}}</option>
                                <option value="down">{{__('message.buy down')}}</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.product') }}</label>
                            <select name="product_id" class="form-control">
                                @foreach($products as $product)
                                <option value="{{$product->id}}">{{$product->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        {{-- <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.created date') }}</label>
                            <input type="datetime-local" id="created_at_" name="created_at" class="form-control" required>
                        </div> --}}

                        <input type="hidden" name="buy_sell_id" id="buy_sell_id_" value="" required />
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary waves-effect waves-themed">
                                <i class="fal fa-save fa-lg"></i>
                                {{ __('message.save') }}
                            </button>
                            <button type="button" class="btn btn-danger waves-effect waves-themed"
                                data-dismiss="modal">{{ __('message.cancel') }}</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!-- End Modal popup -->


@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_buy_sell_list").addClass('active open');
            $("#collapse_buy_sell").addClass('collapse in')
            $("#menu_buy_sell").addClass('active')
        })
        $(".modal-checking").click(function() {
            var productName = $(this).data('product');
            var amount = $(this).data('amount');
            var openingPoint = $(this).data('opening');
            var closingPoint = $(this).data('closing');
            // var commission = $(this).data('commission');
            var buySellId = $(this).data('buy-sell-id');
            var profit = $(this).data('profit');  
            $('.modal-title').html(productName);
            $('#opening_point').val(openingPoint);
            $('#closing_point').val(closingPoint);
            $('#amount').val(amount);
            // $('#commission').val(commission);
            $('#profit').val(profit);
            $('#buy_sell_id').val(buySellId);
            if(openingPoint>0){
                $('.min-max').html("("+(openingPoint*0.7)+" - "+(openingPoint*1.3)+")");
            }

        })
        $(".modal-edit").click(function() {
            var productName = $(this).data('product');
            var productId = $(this).data('product-id');
            var amount = $(this).data('amount');
            var buySellId = $(this).data('buy-sell-id');
            var seconds = $(this).data('seconds');
            var direction = $(this).data('direction');
            $('.modal-title_').html("{{__('message.edit')}}: "+productName);
            $('#amount_').val(amount);
            $('#buy_sell_id_').val(buySellId);
            // alert(seconds)
            $("select[name='seconds'] option[value='"+seconds+"']").attr('selected','selected');
            $("select[name='direction'] option[value='"+direction+"']").attr('selected','selected');
            $("select[name='product_id'] option[value='"+productId+"']").attr('selected','selected');
            

        })
    </script>
@endsection

@section('meta')
    <title>{{ __('message.buy sell') }} - {{ config('app.name', 'Dashboard') }}</title>
@endsection