@extends('layouts.simple.master')

@section('title', 'Default')

@section('css')

@endsection

@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb-title')
    <h3>Internal Tansfer</h3>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Internal Tansfer</li>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-8 col-xxl-8 col-md-8">
                @if ($errors->has('error'))
                    <div class="alert alert-danger dark alert-dismissible fade show">
                        <i class="icon-alert"></i>
                        <b>{{ $errors->first('error') }}</b>
                        <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"
                            data-bs-original-title="" title=""></button>
                    </div>
                @endif
                <form method="post" action="{{ route('depositCtrader') }}">
                    @csrf
                    <div class="card">
                        <div class="card-body p-5">
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="">Account Type:</label><br>
                                    <input type="radio" name="" id="" checked>
                                    <label for="">Wallet</label>
                                </div>
                                <div class="col-md-6">
                                    <label for="">From Wallet Number</label>
                                    <select class="form-control" disabled>
                                        <option value="">USD1009 &nbsp;&nbsp; Wallet &nbsp;&nbsp; USD</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label for="">To Account Number</label>
                                    <select name="ctraderaccount" class="form-control">
                                        @foreach ($liveAccounts as $acc)
                                            <option value="{{ $acc['id'] }}">{{ $acc['ctidTraderAccountId'] }}
                                                &nbsp;&nbsp;
                                                {{ ucfirst($acc['enviornment']) }} Wallet &nbsp;&nbsp; USD</option>
                                        @endforeach
                                        @foreach ($demoAccounts as $acc)
                                            <option value="{{ $acc['id'] }}">{{ $acc['ctidTraderAccountId'] }}
                                                &nbsp;&nbsp;
                                                {{ ucfirst($acc['enviornment']) }} Wallet &nbsp;&nbsp; USD</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <label>Amount</label>
                                    <input type="number" name="amount" class="form-control" step="0.01">
                                </div>
                                <div class="col-md-12 mt-3">
                                    <button type="button" class="btn btn-danger m-l-10" style="float:right">Cancel</button>
                                    <button type="submit" class="btn btn-primary " style="float:right">Transfer
                                        Now</button>
                                </div>
                            </div>

                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-3 history">
                <div class="card">
                    <div class="card-body" style="height: 60rem;">
                        <h3 class="his_heading">History</h3>
                        <button class="btn btn-primary btn-sm history_btn" style="margin-top: 40%;">History</button>
                        <p style="text-align: center;margin-top: 100%;">No Transfer History Found</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        var session_layout = '{{ session()->get('
                            layout ') }}';
    </script>
@endsection

@section('script')
    <script src="{{ asset('assets/js/chart/apex-chart/moment.min.js') }}"></script>
    <script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}"></script>
    <script src="{{ asset('assets/js/dashboard/default.js') }}"></script>
    <script src="{{ asset('assets/js/notify/index.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead/handlebars.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead/typeahead.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead/typeahead.custom.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead-search/handlebars.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead-search/typeahead-custom.js') }}"></script>
    <script src="{{ asset('assets/js/height-equal.js') }}"></script>
    <script src="{{ asset('assets/js/animation/wow/wow.min.js') }}"></script>
@endsection