@extends('layouts.engine')
@section('content')
                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="buysell wide-xs m-auto">
                                    <!--<div class="buysell-nav text-center">-->
                                    <!--    <ul class="nk-nav nav nav-tabs nav-tabs-s2">-->
                                    <!--        <li class="nav-item"><a class="nav-link" href="buy-sell.html">Buy Coin</a></li>-->
                                    <!--        <li class="nav-item"><a class="nav-link" href="#">Sell Coin</a></li>-->
                                    <!--    </ul>-->
                                    <!--</div>-->
                                    <div class="buysell-title text-center"><h2 class="title">What do you want to buy?</h2></div>
                                    <div class="buysell-block" id="buy">
                                        <buy-component></buy-component>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
@endsection
@section('scripts')
    <script src="{{ asset('assets/vue/buy.js') }}"></script>
    <script> var bal = new Vue({ el: '#buy' }) </script>
@endsection