@extends('layouts.master')

@section('styles')

        <!-- CHOICES CSS -->
        <link rel="stylesheet" href="{{asset('build/assets/libs/choices.js/public/assets/styles/choices.min.css')}}">

@endsection

@section('content')

                    <div class="content">

                        <!-- Start::main-content -->
                        <div class="main-content">

                            <!-- Page Header -->
                            <div class="block justify-between page-header sm:flex">
                                <div>
                                    <h3 class="text-gray-700 hover:text-gray-900 dark:text-white dark:hover:text-white text-2xl font-medium"> Crypto Dashboard</h3>
                                </div>
                                <ol class="flex items-center whitespace-nowrap min-w-0">
                                    <li class="text-sm">
                                    <a class="flex items-center font-semibold text-primary hover:text-primary dark:text-primary truncate" href="javascript:void(0);">
                                        Dashboards
                                        <i class="ti ti-chevrons-right flex-shrink-0 mx-3 overflow-visible text-gray-300 dark:text-gray-300 rtl:rotate-180"></i>
                                    </a>
                                    </li>
                                    <li class="text-sm text-gray-500 hover:text-primary dark:text-white/70 " aria-current="page">
                                        Crypto Dashboard
                                    </li>
                                </ol>
                            </div>
                            <!-- Page Header Close -->

                            <!-- Start::row-1 -->
                            <div class="grid grid-cols-12 gap-x-6">
                                <div class="col-span-12 md:col-span-6 xxl:col-span-3">
                                    <div class="box overflow-hidden">
                                        <div class="box-body">
                                            <div class="flex items-center">
                                                <div class="flex items-center">
                                                    <div class="ltr:mr-2 rtl:ml-2">
                                                        <span
                                                            class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
                                                                <path fill="#f89f36"
                                                                    d="M109.8 75.7c-.8-5.7-3.6-10.1-8.6-13-2.3-1.3-4.8-2.2-7.4-3.3.3-.2.5-.4.7-.5 12.5-6.4 11.4-25.7 2.3-32.3-3.7-2.7-7.8-4.4-12.1-5.4-3.1-.7-6.2-1.2-9.4-1.7 0-5.6.1-13.3.1-19.5H63.7c-.1 6.1-.1 13.6-.2 19.1h-9.4c0-5.5.1-13 .1-19.1H42.6c-.1 6.2-.1 13.9-.2 19.4-8-.1-15.7-.1-23.7-.2 0 4.3-.1 8.3-.1 12.5 1.7 0 3.2 0 4.6.1 1.5 0 3 0 4.4.1 4.1.3 6.2 2.6 6.2 6.6-.2 16.7-.4 33.5-.5 50.2 0 3.7-1.6 5.1-5.2 5.1h-7.8c-.8 4.7-1.6 9.2-2.4 13.9 7.9.1 15.7.2 23.7.3 0 6-.1 13.6-.1 19.9h11.7c.1-6.3.1-13.7.2-19.6 3.3.1 6.3.2 9.4.3 0 6-.1 13.3-.1 19.4h11.7c.1-6.3.1-13.7.2-19.5.4-.1.7-.1 1-.2 5.6-.9 11.3-1.4 16.7-2.7 7.1-1.8 12.7-5.9 15.7-12.9 2.1-5.4 2.6-11.1 1.8-17zM54.3 32.9c7.3 0 14.4-.6 21 2.4 4.4 1.9 6.6 5.5 6.3 9.8-.3 4.6-2.9 7.9-7.6 9.4-6.4 2.1-13.1 2-20 1.7.1-7.6.2-15.2.3-23.3zm25.5 58.4c-6.5 2.9-13.3 2.9-20.2 3-1.9 0-3.8-.1-5.9-.1l.3-25.9c8.9 0 17.7-.7 26 3 4.3 1.9 6.8 5.2 6.8 10.1-.1 4.9-2.7 8-7 9.9z" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <div class="mb-0 font-semibold text-gray-800 dark:text-white">
                                                            Bitcoin
                                                        </div>
                                                        <p class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none">
                                                            BTC/USD</p>
                                                    </div>
                                                </div>
                                                <div class="ltr:ml-auto rtl:mr-auto text-end my-auto">
                                                    <h3 class="text-gray-800 dark:text-white font-medium text-xl">1.343434 BTC
                                                    </h3>
                                                    <p class="text-danger mb-0"> <i class="ri-arrow-down-line"></i> -0.52%</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 md:col-span-6 xxl:col-span-3">
                                    <div class="box overflow-hidden">
                                        <div class="box-body">
                                            <div class="flex items-center">
                                                <div class="flex items-center">
                                                    <div class="ltr:mr-2 rtl:ml-2">
                                                        <span
                                                            class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
                                                                <path fill="#1e75bc"
                                                                    d="M3 99.8C5 94 6.8 88.6 8.8 83.1c.2-.5 1.2-1 1.8-1 3.3-.1 6.6 0 9.9 0h64.6c1.7 0 2.5-.5 3-2.2 3.6-10.6 7.3-21.2 11-31.8.2-.6.3-1.1.6-2H21.4c2-5.9 3.9-11.4 5.9-16.9.2-.4 1-.8 1.5-.8 2-.1 3.9 0 5.9 0 26.5 0 53 .2 79.6-.1 7.9-.1 16.3 6 12.9 17.6-2.5 8.7-5.8 17.1-8.7 25.6-1 2.9-2 5.9-3 8.7-3.7 10.2-11.2 16.3-21.5 19.2-.9.3-1.9.3-2.9.3H5.2c-.6.1-1.3.1-2.2.1z" />
                                                                <path fill="#1e75bc"
                                                                    d="M52.6 55.6c-2 5.6-3.9 10.9-5.9 16-.1.4-.9.7-1.4.7H.8c-.2 0-.4-.1-.8-.3 1.9-5.2 3.7-10.3 5.7-15.4.2-.5 1-1 1.5-1h45.4z" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <div class="mb-0 font-semibold text-gray-800 dark:text-white">
                                                            Dash
                                                        </div>
                                                        <p class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none">
                                                            DASH/USD</p>
                                                    </div>
                                                </div>
                                                <div class="ltr:ml-auto rtl:mr-auto text-end">
                                                    <h3 class="text-gray-800 dark:text-white font-medium text-xl">1.343434 Dash
                                                    </h3>
                                                    <p class="text-success mb-0"> <i class="ri-arrow-up-line"></i> +13.52%</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 md:col-span-6 xxl:col-span-3">
                                    <div class="box overflow-hidden">
                                        <div class="box-body">
                                            <div class="flex items-center">
                                                <div class="flex items-center">
                                                    <div class="ltr:mr-2 rtl:ml-2">
                                                        <span
                                                            class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23"
                                                                viewBox="0 0 39 64">
                                                                <g fill="none" fill-rule="nonzero">
                                                                    <path fill="#0C8312"
                                                                        d="M19.6 19.2V.8L39 29.5zM19.6 45.7v18.4L39 35.4zM19.6 34.2V22.5l19 10z" />
                                                                    <path fill="#034C03" d="M19.6 42.7v-8.5l19-1.7z" />
                                                                    <path fill="#3CB93C"
                                                                        d="M19.6 19.2V.8L.2 29.5zM19.6 45.7v18.4L.2 35.4zM19.6 34.2V22.5l-19 10z" />
                                                                    <path fill="#166816" d="M19.6 42.7v-8.5l-19-1.7z" />
                                                                </g>
                                                            </svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <div class="mb-0 font-semibold text-gray-800 dark:text-white">
                                                            Etherium
                                                        </div>
                                                        <p class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none">
                                                            ETH/USD</p>
                                                    </div>
                                                </div>
                                                <div class="ltr:ml-auto rtl:mr-auto text-end">
                                                    <h3 class="text-gray-800 dark:text-white font-medium text-xl">1.343434 ETH
                                                    </h3>
                                                    <p class="text-success mb-0"> <i class="ri-arrow-up-line"></i> +13.52%</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 md:col-span-6 xxl:col-span-3">
                                    <div class="box overflow-hidden">
                                        <div class="box-body">
                                            <div class="flex items-center">
                                                <div class="flex items-center">
                                                    <div class="ltr:mr-2 rtl:ml-2">
                                                        <span
                                                            class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20 p-2">
                                                            <svg xmlns="http://www.w3.org/2000/svg" id="golem" x="0" y="0"
                                                                version="1.1" viewBox="0 0 128 128" xml:space="preserve">
                                                                <path fill="#026990"
                                                                    d="M59.5 8.5c5-.1 9.6.8 13.7 3.6 1.8 1.2 3.3 1 4.8-.6C81.3 8 84.7 4.8 88.1 1.4 89.3 0 90.4-.7 92 1c1.4 1.5 1 2.6-.3 3.9-3.4 3.4-6.7 7-10.2 10.4-1.5 1.5-1.7 2.6-.6 4.5 7.7 13.9 3.9 30.2-11.5 37.6-1.5.7-3.1 1-4.7 1.4-1.8.4-2.6 1.4-2.5 3.3.1 4 .1 8 0 11.9-.1 2.1.6 3.1 2.8 3.6 8.3 2 14.1 7 17.8 14.6 3.5 7.4 2.6 20.6-5 28.5-6.4 6.5-17.7 9.3-26.1 5.9-10-4-16.2-12.8-16.3-23.4-.1-12.8 6.8-22 19.2-25.4 1.8-.5 2.9-1.4 2.9-3.4-.1-4.5 0-9.1-.2-13.6 0-.8-1.5-1.9-2.5-2.2-8-2.1-13.9-6.9-17.2-14.5-8-17.4 5.3-36.6 21.9-35.6zm20.3 93.9c0-10.5-9.2-20.2-19.4-20.2-10.7-.2-20.4 9.3-20.6 20-.1 10.6 9.8 20.8 20 20.7 10.8-.1 20.1-9.6 20-20.5zM40.1 33.2c0 11.5 8.9 20.8 20 20.8 10.3 0 19.8-9.6 19.7-20.2 0-10-7.4-20.3-19.7-20.1-11.1.3-19.9 8.6-20 19.5z">
                                                                </path>
                                                            </svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <div class="mb-0 font-semibold text-gray-800 dark:text-white">
                                                            Etherium
                                                        </div>
                                                        <p class="text-sm text-gray-500 dark:text-white/70 mb-0 leading-none">
                                                            GLM/USD</p>
                                                    </div>
                                                </div>
                                                <div class="ltr:ml-auto rtl:mr-auto text-end">
                                                    <h3 class="text-gray-800 dark:text-white font-medium text-xl">2.253353 GLM
                                                    </h3>
                                                    <p class="text-danger mb-0"> <i class="ri-arrow-down-line"></i> -1.52%</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 xxl:col-span-9">
                                    <div class="box">
                                        <div class="box-header">
                                            <div class="sm:flex justify-between space-y-2 sm:space-y-0">
                                                <h5 class="box-title my-auto">Sales Overview</h5>
                                                <div class="inline-flex rounded-md shadow-sm">
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-primary">
                                                        1D
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1W
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        3M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        6M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1Y
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body p-0">
                                            <div
                                                class="sm:flex flex-wrap p-4 border-b border-dashed border-gray-200 dark:border-white/10">
                                                <div class="ltr:mr-3 rtl:ml-3">
                                                    <span class="avatar avatar-sm rounded-full p-2 bg-gray-100 dark:bg-black/20">
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
                                                            <path fill="#f89f36"
                                                                d="M109.8 75.7c-.8-5.7-3.6-10.1-8.6-13-2.3-1.3-4.8-2.2-7.4-3.3.3-.2.5-.4.7-.5 12.5-6.4 11.4-25.7 2.3-32.3-3.7-2.7-7.8-4.4-12.1-5.4-3.1-.7-6.2-1.2-9.4-1.7 0-5.6.1-13.3.1-19.5H63.7c-.1 6.1-.1 13.6-.2 19.1h-9.4c0-5.5.1-13 .1-19.1H42.6c-.1 6.2-.1 13.9-.2 19.4-8-.1-15.7-.1-23.7-.2 0 4.3-.1 8.3-.1 12.5 1.7 0 3.2 0 4.6.1 1.5 0 3 0 4.4.1 4.1.3 6.2 2.6 6.2 6.6-.2 16.7-.4 33.5-.5 50.2 0 3.7-1.6 5.1-5.2 5.1h-7.8c-.8 4.7-1.6 9.2-2.4 13.9 7.9.1 15.7.2 23.7.3 0 6-.1 13.6-.1 19.9h11.7c.1-6.3.1-13.7.2-19.6 3.3.1 6.3.2 9.4.3 0 6-.1 13.3-.1 19.4h11.7c.1-6.3.1-13.7.2-19.5.4-.1.7-.1 1-.2 5.6-.9 11.3-1.4 16.7-2.7 7.1-1.8 12.7-5.9 15.7-12.9 2.1-5.4 2.6-11.1 1.8-17zM54.3 32.9c7.3 0 14.4-.6 21 2.4 4.4 1.9 6.6 5.5 6.3 9.8-.3 4.6-2.9 7.9-7.6 9.4-6.4 2.1-13.1 2-20 1.7.1-7.6.2-15.2.3-23.3zm25.5 58.4c-6.5 2.9-13.3 2.9-20.2 3-1.9 0-3.8-.1-5.9-.1l.3-25.9c8.9 0 17.7-.7 26 3 4.3 1.9 6.8 5.2 6.8 10.1-.1 4.9-2.7 8-7 9.9z" />
                                                        </svg>
                                                    </span>
                                                </div>
                                                <div class="sm:flex flex-wrap justify-evenly flex-auto">
                                                    <div class="sm:m-0 m-2">
                                                        <span class="text-gray-500 dark:text-white/70">Symbol</span>
                                                        <p class="font-semibold mb-0">BTC</p>
                                                    </div>
                                                    <div class="sm:m-0 m-2">
                                                        <span class="text-gray-500 dark:text-white/70">Price Benchmark</span>
                                                        <p class="font-semibold mb-0">128.00%</p>
                                                    </div>
                                                    <div class="sm:m-0 m-2">
                                                        <span class="text-gray-500 dark:text-white/70">Price (USD)</span>
                                                        <p class="text-success font-semibold mb-0">$4,253.49</p>
                                                    </div>
                                                    <div class="sm:m-0 m-2">
                                                        <span class="text-gray-500 dark:text-white/70">Change (24H)</span>
                                                        <p class="text-danger font-semibold mb-0">-0.24%</p>
                                                    </div>
                                                    <div class="sm:m-0 m-2">
                                                        <span class="text-gray-500 dark:text-white/70">Market Cap</span>
                                                        <p class="font-semibold mb-0">$179.12B</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="crypto" class="p-4"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 xxl:col-span-3">
                                    <div class="box recent-trasaction-box">
                                        <div class="box-header">
                                            <div class="flex justify-between">
                                                <h5 class="box-title my-auto">Recent Transactions</h5>
                                                <div class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto">
                                                    <button id="hs-dropdown-custom-icon-trigger3" type="button" aria-label="button"
                                                        class="hs-dropdown-toggle ti-dropdown-toggle rounded-sm p-2 bg-white !border border-gray-200 text-gray-500 hover:bg-gray-100  focus:ring-gray-200 dark:bg-black/20 dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10">
                                                        <i class="text-sm leading-none ti ti-dots-vertical"></i> </button>
                                                    <div class="hs-dropdown-menu ti-dropdown-menu"
                                                        aria-labelledby="hs-dropdown-custom-icon-trigger3">
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Action</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Another
                                                            Action</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Something else
                                                            here</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <ul class="flex flex-col">
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Bitcoin.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Bitcoin</p>
                                                                    <p class="mb-0 text-xs text-success font-semibold">Sell
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    +$19,123.02
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    BTC 0.0823.45
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Ethereum.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Etherium</p>
                                                                    <p class="mb-0 text-xs text-primary font-semibold">Buy
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    -$1,430.92
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    ETH 10,783.23
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Dash.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Dash</p>
                                                                    <p class="mb-0 text-xs text-success font-semibold">Sell
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    +$5,236.53
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    DASH 12,456.98
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Bytecoin.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Bytecoin</p>
                                                                    <p class="mb-0 text-xs text-primary font-semibold">Buy
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    -$1,810.93
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    BYTE 8,154.00
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Golem.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Golem</p>
                                                                    <p class="mb-0 text-xs text-success font-semibold">Sell
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    +$5,046.34
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    GOLEM 9,384.73
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-6 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Siacoin.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">SiaCoin</p>
                                                                    <p class="mb-0 text-xs text-success font-semibold">Sell
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    +$2,625.50
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    SIA 3,151.09
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="p-0 mb-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <a href="javascript:void(0);" class="w-full">
                                                        <div class="flex items-center justify-between">
                                                            <div class="flex items-center">
                                                                <div class="ltr:mr-2 rtl:ml-2">
                                                                    <img src="{{asset('build/assets/img/crypto-currencies/round-outline/Monero.svg')}}"
                                                                        alt="" class="avatar w-9 h-9">
                                                                </div>
                                                                <div>
                                                                    <p class="mb-0 font-semibold text-sm">Monero</p>
                                                                    <p class="mb-0 text-xs text-success font-semibold">Sell
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="text-end">
                                                                <p class="mb-0 font-semibold text-sm">
                                                                    +$1,256.24
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    XMR 2,799.06
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-1 -->

                            <!-- Start::row-2 -->
                            <div class="grid grid-cols-12 gap-x-6">
                                <div class="col-span-12 xxl:col-span-5">
                                    <div class="box overflow-hidden">
                                        <div class="box-header">
                                            <div class="sm:flex justify-between space-y-2 sm:space-y-0">
                                                <h5 class="box-title my-auto">Your Assets</h5>
                                                <div class="block ltr:ml-auto rtl:mr-auto my-auto"><button type="button"
                                                        class="ti-btn ti-btn-primary ltr:mr-2 rtl:ml-2 p-1 px-3 m-0">Add
                                                        New</button>
                                                    <button type="button"
                                                        class="ti-btn m-0 rounded-sm p-1 px-3 !border border-gray-200 text-gray-400 hover:text-gray-500 hover:bg-gray-200 hover:border-gray-200 focus:ring-gray-200  dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10">
                                                        View All</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body p-0 activity-table">
                                            <div class="overflow-auto">
                                                <table class="ti-custom-table ti-custom-table-head">
                                                    <thead class="">
                                                        <tr>
                                                            <th scope="col" class="min-w-[200px]">Coin</th>
                                                            <th scope="col">Total</th>
                                                            <th scope="col">Holding</th>
                                                            <th scope="col">Status</th>
                                                            <th scope="col">Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <div class="flex items-center">
                                                                    <div class="leading-none">
                                                                        <span
                                                                            class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20">
                                                                            <img src="{{asset('build/assets/img/crypto-currencies/regular/Bitcoin.svg')}}"
                                                                                alt="">
                                                                        </span>
                                                                    </div>
                                                                    <div class="items-center">
                                                                        <span
                                                                            class="text-xs text-gray-500 dark:text-white/70">Currency</span>
                                                                        <p class="text-sm mb-0 text-gray-800 dark:text-white">
                                                                            Bitcoin</p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $1,11,290
                                                            </td>
                                                            <td>
                                                                1.00089BTC
                                                            </td>
                                                            <td>
                                                                <span class="text-success">+0.5%</span>
                                                            </td>
                                                            <td class="border-top-dashed pe-4">
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-secondary py-1 px-3">Buy</a>
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-primary py-1 px-3">Sell</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="flex items-center">
                                                                    <div class="leading-none">
                                                                        <span
                                                                            class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20">
                                                                            <img src="{{asset('build/assets/img/crypto-currencies/regular/Ethereum.svg')}}"
                                                                                alt="">
                                                                        </span>
                                                                    </div>
                                                                    <div class="items-center">
                                                                        <span
                                                                            class="text-xs text-gray-500 dark:text-white/70">Currency</span>
                                                                        <p class="text-sm mb-0 text-gray-800 dark:text-white">
                                                                            Ethereum</p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $1,01,785
                                                            </td>
                                                            <td>
                                                                0.00185ETH
                                                            </td>
                                                            <td>
                                                                <span class="text-success">+10.5%</span>
                                                            </td>
                                                            <td class="border-top-dashed pe-4">
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-secondary py-1 px-3">Buy</a>
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-primary py-1 px-3">Sell</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="flex items-center">
                                                                    <div class="leading-none">
                                                                        <span
                                                                            class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20">
                                                                            <img src="{{asset('build/assets/img/crypto-currencies/regular/litecoin.svg')}}"
                                                                                alt="">
                                                                        </span>
                                                                    </div>
                                                                    <div class="items-center">
                                                                        <span
                                                                            class="text-xs text-gray-500 dark:text-white/70">Currency</span>
                                                                        <p class="text-sm mb-0 text-gray-800 dark:text-white">
                                                                            Litecoin</p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $1,00,854
                                                            </td>
                                                            <td>
                                                                1.0145LTC
                                                            </td>
                                                            <td>
                                                                <span class="text-danger">-0.05%</span>
                                                            </td>
                                                            <td class="border-top-dashed pe-4">
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-secondary py-1 px-3">Buy</a>
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-primary py-1 px-3">Sell</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="flex items-center">
                                                                    <div class="leading-none">
                                                                        <span
                                                                            class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20">
                                                                            <img src="{{asset('build/assets/img/crypto-currencies/regular/Dash.svg')}}"
                                                                                alt="">
                                                                        </span>
                                                                    </div>
                                                                    <div class="items-center">
                                                                        <span
                                                                            class="text-xs text-gray-500 dark:text-white/70">Currency</span>
                                                                        <p class="text-sm mb-0 text-gray-800 dark:text-white">
                                                                            Dash</p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $1,01,214
                                                            </td>
                                                            <td>
                                                                0.0156DSH
                                                            </td>
                                                            <td>
                                                                <span class="text-success">+5.89%</span>
                                                            </td>
                                                            <td class="border-top-dashed pe-4">
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-secondary py-1 px-3">Buy</a>
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-primary py-1 px-3">Sell</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="flex items-center">
                                                                    <div class="leading-none">
                                                                        <span
                                                                            class="avatar avatar-sm rounded-full ltr:mr-2 rtl:ml-2 p-2 bg-gray-100 dark:bg-black/20">
                                                                            <img src="{{asset('build/assets/img/crypto-currencies/regular/Golem.svg')}}"
                                                                                alt="">
                                                                        </span>
                                                                    </div>
                                                                    <div class="items-center">
                                                                        <span
                                                                            class="text-xs text-gray-500 dark:text-white/70">Currency</span>
                                                                        <p class="text-sm mb-0 text-gray-800 dark:text-white">
                                                                            Golem</p>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $1,00,985
                                                            </td>
                                                            <td>
                                                                0.011125GLM
                                                            </td>
                                                            <td>
                                                                <span class="text-success">+11.07%</span>
                                                            </td>
                                                            <td class="border-top-dashed pe-4">
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-secondary py-1 px-3">Buy</a>
                                                                <a href="javascript:void(0);"
                                                                    class="ti-btn ti-btn-primary py-1 px-3">Sell</a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 xl:col-span-6 xxl:col-span-4">
                                    <div class="box">
                                        <div class="box-header">
                                            <div class="flex justify-between">
                                                <h5 class="box-title my-auto">Top Traders</h5>
                                                <div class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto open">
                                                    <button type="button"
                                                        class="hs-dropdown-toggle ti-dropdown-toggle rounded-sm p-1 px-3 !border border-gray-200 text-gray-400 hover:text-gray-500 hover:bg-gray-200 hover:border-gray-200 focus:ring-gray-200  dark:hover:bg-black/30 dark:border-white/10 dark:hover:border-white/20 dark:focus:ring-white/10 dark:focus:ring-offset-white/10">
                                                        View All <i class="ti ti-chevron-down"></i></button>
                                                    <div class="hs-dropdown-menu ti-dropdown-menu hidden">
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Download</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Import</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Export</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <ul class="flex flex-col">
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/11.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Json Taylor</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Bought
                                                                    0.008213 Bitcoin using ****9808</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    0.09251821409 <span class="">- BTC</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $1,203.92
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/4.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Alicia Smith</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Sold -
                                                                    0.7902400 Litecoin</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    0.2362333001<span class="">- LTC</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $19,092.56
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/15.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Branco Eliga</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Bought
                                                                    +12.9092 Euro coin</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    0.009823487<span class="">- EUROC</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $8,977.46
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/12.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Alec Carey</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Bought
                                                                    32.09472944 Dash using wallet</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    8.88234590<span class="">- DASH</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $9,772.46
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/5.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Sia Linda</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Sent
                                                                    0.00662 Bitcoin to Ravos Chan</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    58.6225600 <span class="">- BTC</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $9,772.46
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-4 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/8.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Bella Siri</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Sell
                                                                    0.00662 Gollem to Karan Bhan</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    62.25635852 <span class="">- GLM</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $9,772.46
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mb-0 p-0 ti-list-group border-0 text-gray-800 dark:text-white">
                                                    <div class="sm:flex items-center w-full">
                                                        <div class="ltr:mr-2 rtl:ml-2 leading-none min-w-[40px]">
                                                            <img src="{{asset('build/assets/img/users/10.jpg')}}" alt=""
                                                                class="avatar avatar-sm rounded-full bg-gray-100 dark:bg-black/20">
                                                        </div>
                                                        <div class="sm:flex items-center justify-between w-full">
                                                            <div>
                                                                <p class="mb-0 font-semibold text-sm">Ryan Ranolds</p>
                                                                <p class="mb-0 text-gray-500 dark:text-white/70 text-xs">Bought
                                                                    2.098123 Etherium</p>
                                                            </div>
                                                            <div class="sm:text-end sm:ltr:ml-auto sm:rtl:mr-auto">
                                                                <p class="mb-0 font-semibold text-sm text-success">
                                                                    190.0092773 <span class="">- ETH</span>
                                                                </p>
                                                                <p class="mb-0 opacity-70 text-gray-500 dark:text-white/70 text-xs">
                                                                    $18,283982.00
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-span-12 xl:col-span-6 xxl:col-span-3">
                                    <div class="box">
                                        <div class="box-header">
                                            <div class="sm:flex justify-between space-y-2 sm:space-y-0">
                                                <h5 class="box-title my-auto">Currency Converter</h5>
                                                <div class="hs-dropdown ti-dropdown block ltr:ml-auto rtl:mr-auto my-auto">
                                                    <button id="hs-dropdown-custom-icon-trigger" type="button"
                                                        class="hs-dropdown-toggle px-2 py-1 ti-btn ti-btn-primary">USD
                                                        ($)<i class="ri-arrow-down-s-line align-middle"></i></button>
                                                    <div class="hs-dropdown-menu ti-dropdown-menu"
                                                        aria-labelledby="hs-dropdown-custom-icon-trigger">
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">USD ($)</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">Euro (€)</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">FJD ($)</a>
                                                        <a class="ti-dropdown-item" href="javascript:void(0)">INR (₹)</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body p-0">
                                            <div
                                                class="sm:flex items-center justify-between px-4 py-3 border-b border-dashed border-gray-200 dark:border-white/10 xxxl:block">
                                                <p class="text-gray-500 dark:text-white/70 mb-0">Bal Available:<span
                                                        class="text-primary text-sm ltr:ml-1 rtl:mr-1">$25,390.00</span></p>
                                                <p class="text-gray-500 dark:text-white/70 mb-0">1 USD:<span
                                                        class="text-primary text-sm ltr:ml-1 rtl:mr-1"> ~ 0.000158BTC</span></p>
                                            </div>
                                            <div class="p-4" id="buy-style-1">
                                                <div class="mb-4">
                                                    <div class="sm:flex rounded-sm">
                                                        <span
                                                            class="py-2 px-3 inline-flex items-center min-w-fit w-full border border-gray-200 bg-gray-50 text-sm text-gray-500 -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm sm:w-auto ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0  ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm dark:bg-black/20 dark:border-white/10 dark:text-white/70">Pay</span>
                                                        <input type="number"
                                                            class="ti-form-input rounded-none -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0  ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm relative focus:z-10"
                                                            value="0.0329" placeholder="Amount of coins">
                                                        <div
                                                            class="sm:inline-flex items-center min-w-fit  sm:ltr:rounded-r-sm sm:ltr:rounded-l-none sm:rtl:rounded-l-sm sm:rtl:rounded-r-none rounded-sm border sm:ltr:border-l-0 sm:rtl:border-r-0 border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10">
                                                            <select class="ti-form-select" data-trigger
                                                                name="choices-single-default" id="choices-single-default2">
                                                                <option value="">BTC</option>
                                                                <option value="Choice 1">ETH</option>
                                                                <option value="Choice 2">XRP</option>
                                                                <option value="Choice 3">DASH</option>
                                                                <option value="Choice 4">NEO</option>
                                                                <option value="Choice 5">LTC</option>
                                                                <option value="Choice 6">BSD</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <a href="javascript:void(0);" aria-label="anchor"
                                                        class="flex items-center justify-center ti-btn p-0 flex-shrink-0 h-[2.375rem] w-[2.375rem] bg-secondary text-white hover:bg-secondary focus:ring-0 focus:ring-secondary dark:focus:ring-offset-white/10 !mx-auto my-2"><i
                                                            class="ti ti-arrows-down-up"></i></a>
                                                    <div class="sm:flex rounded-sm">
                                                        <span
                                                            class="py-2 px-3 inline-flex items-center min-w-fit w-full border border-gray-200 bg-gray-50 text-sm text-gray-500 -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm sm:w-auto ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0  ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm dark:bg-black/20 dark:border-white/10 dark:text-white/70">Buy</span>
                                                        <input type="number"
                                                            class="ti-form-input rounded-none -mt-px sm:ltr:-ml-px sm:rtl:-mr-px first:rounded-t-sm last:rounded-b-sm ltr:sm:first:rounded-l-sm rtl:sm:first:rounded-r-sm sm:mt-0 ltr:sm:first:ml-0 rtl:sm:first:mr-0  ltr:sm:first:rounded-tr-none rtl:sm:first:rounded-tl-none ltr:sm:last:rounded-bl-none rtl:sm:last:rounded-br-none ltr:sm:last:rounded-r-sm rtl:sm:last:rounded-l-sm relative focus:z-10"
                                                            value="0.00378" placeholder="Amount you get">
                                                        <div
                                                            class="sm:inline-flex items-center min-w-fit  sm:ltr:rounded-r-sm sm:ltr:rounded-l-none  sm:rtl:rounded-l-sm sm:rtl:rounded-r-none rounded-sm border sm:ltr:border-l-0 sm:rtl:border-r-0 border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10">
                                                            <select class="ti-form-select" data-trigger>
                                                                <option value="">BTC</option>
                                                                <option value="Choice 1">ETH</option>
                                                                <option value="Choice 2">XRP</option>
                                                                <option value="Choice 3">DASH</option>
                                                                <option value="Choice 4">NEO</option>
                                                                <option value="Choice 5">LTC</option>
                                                                <option value="Choice 6">BSD</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="p-3 rounded-sm bg-gray-100 dark:bg-black/20 mb-4 overflow-auto">
                                                    <div class="sm:grid grid-cols-12 gap-x-6">
                                                        <div class="col-span-6 mb-2">
                                                            <span>Transaction Fee</span>
                                                        </div>
                                                        <div class="col-span-6 mb-2">
                                                            <span class="sm:ltr:float-right sm:rtl:float-left">$2.05</span>
                                                        </div>
                                                        <div class="col-span-6 mb-2">
                                                            <span>Other Charges</span>
                                                        </div>
                                                        <div class="col-span-6 mb-2">
                                                            <span class="sm:ltr:float-right sm:rtl:float-left">$7.73</span>
                                                        </div>
                                                        <div class="col-span-6">
                                                            <span class="font-semibold text-base">Total</span>
                                                        </div>
                                                        <div class="col-span-6">
                                                            <span
                                                                class="sm:ltr:float-right sm:rtl:float-left font-semibold text-base">$34,798.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary m-0 w-full">Exchange<i
                                                        class="ti ti-arrow-narrow-right align-middle"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-2 -->

                            <!-- Start::row-3 -->
                            <div class="grid grid-cols-12 gap-x-6">
                                <div class="col-span-12">
                                    <div class="box">
                                        <div class="box-header">
                                            <div class="sm:flex justify-between space-y-2 sm:space-y-0">
                                                <h5 class="box-title my-auto">Crypto Currencies Market Trends</h5>
                                                <div class="inline-flex rounded-md shadow-sm">
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-primary">
                                                        1D
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1W
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        3M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        6M
                                                    </button>
                                                    <button type="button"
                                                        class="ti-btn-group text-xs !border-0 py-2 px-3 ti-btn-soft-primary">
                                                        1Y
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <div class="table-bordered rounded-sm overflow-auto crypto-table">
                                                <table class="ti-custom-table ti-custom-table-head">
                                                    <thead class="">
                                                        <tr>
                                                            <th scope="col">S.No</th>
                                                            <th scope="col">Name</th>
                                                            <th scope="col">Symbol</th>
                                                            <th scope="col">Price</th>
                                                            <th scope="col">Market Cap</th>
                                                            <th scope="col">Price Graph</th>
                                                            <th scope="col">Volume</th>
                                                            <th scope="col">Price Change</th>
                                                            <th scope="col">Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td>Bitcoin</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/Bitcoin.svg')}}"
                                                                        alt=""> - BTC
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $16,839.10
                                                            </td>
                                                            <td>
                                                                324.01B
                                                            </td>
                                                            <td>
                                                                <div id="bitcoin-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                14,674,311,168
                                                            </td>
                                                            <td>
                                                                <span class="text-success">0.36% <i
                                                                        class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td>Etherium</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar  w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/Ethereum.svg')}}"
                                                                        alt="">- ETH
                                                                </div>
                                                            </td>
                                                            <td>
                                                                1,217.96
                                                            </td>
                                                            <td>
                                                                $149,316,232,699
                                                            </td>
                                                            <td>
                                                                <div id="etherium-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                $4,758,554,801
                                                            </td>
                                                            <td>
                                                                <span class="text-success">0.30% <i
                                                                        class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td>Dash</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar  w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/Dash.svg')}}"
                                                                        alt=""> - DASH
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $43.49
                                                            </td>
                                                            <td>
                                                                $480,799,847
                                                            </td>
                                                            <td>
                                                                <div id="dash-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                $52,626,563
                                                            </td>
                                                            <td>
                                                                <span class="text-success">0.45% <i
                                                                        class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>4</td>
                                                            <td>Ripple</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar  w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/Ripple.svg')}}"
                                                                        alt="">- XRP
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $0.3531
                                                            </td>
                                                            <td>
                                                                $17,791,969,465
                                                            </td>
                                                            <td>
                                                                <div id="ripple-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                $511,598,941
                                                            </td>
                                                            <td>
                                                                <span class="text-success">0.97% <i
                                                                        class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>5</td>
                                                            <td>Iota</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar  w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/IOTA.svg')}}"
                                                                        alt="">- IOTA
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $0.169741
                                                            </td>
                                                            <td>
                                                                $471,800,600
                                                            </td>
                                                            <td>
                                                                <div id="iota-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                $5,524,385
                                                            </td>
                                                            <td>
                                                                <span class="text-success">0.93% <i
                                                                        class="ti ti-arrow-big-up-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>6</td>
                                                            <td>Neo</td>
                                                            <td>
                                                                <div class="leading-none flex items-center">
                                                                    <img class="avatar  w-5 h-5 rounded-full"
                                                                        src="{{asset('build/assets/img/crypto-currencies/regular/Neo.svg')}}"
                                                                        alt=""> - NEO
                                                                </div>
                                                            </td>
                                                            <td>
                                                                $6.43
                                                            </td>
                                                            <td>
                                                                $453,601,667
                                                            </td>
                                                            <td>
                                                                <div id="neo-price-graph"></div>
                                                            </td>
                                                            <td>
                                                                $12,904,320
                                                            </td>
                                                            <td>
                                                                <span class="text-danger">0.49% <i
                                                                        class="ti ti-arrow-big-down-lines ltr:ml-1 rtl:mr-1"></i></span>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-soft-primary py-2 px-3 m-0 ltr:mr-2 rtl:ml-2">Buy</a>
                                                                <a href="javascript:void(0);" class="ti-btn ti-btn-primary py-2 px-3 m-0">Trade</a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                        <div class="box-footer">
                                            <div class="flex items-center">
                                                <div class="">
                                                    showing 5 Entries <i
                                                        class="ri-arrow-right-line ltr:ml-2 rtl:mr-2 font-semibold"></i>
                                                </div>
                                                <div class="ltr:ml-auto rtl:mr-auto">
                                                    <nav class="flex justify-center items-center space-x-2 rtl:space-x-reverse">
                                                        <a class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center gap-2 rounded-sm"
                                                            href="javascript:void(0);">
                                                            <span aria-hidden="true">Prev</span>
                                                            <span class="sr-only">Previous</span>
                                                        </a>
                                                        <a class="bg-primary text-white py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
                                                            href="javascript:void(0);" aria-current="page">1</a>
                                                        <a class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
                                                            href="javascript:void(0);">2</a>
                                                        <a class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center text-sm font-medium rounded-sm"
                                                            href="javascript:void(0);">3</a>
                                                        <a class="text-gray-500 dark:text-white/70 hover:text-primary e py-1 px-2 leading-none inline-flex items-center gap-2 rounded-sm"
                                                            href="javascript:void(0);">
                                                            <span class="sr-only">Next</span>
                                                            <span aria-hidden="true">Next</span>
                                                        </a>
                                                    </nav>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-3 -->

                        </div>
                        <!-- Start::main-content -->

                    </div>

@endsection

@section('scripts')

        <!-- CHOICES JS -->
        <script src="{{asset('build/assets/libs/choices.js/public/assets/scripts/choices.min.js')}}"></script>

        <!-- APEX CHARTS JS -->
        <script src="{{asset('build/assets/libs/apexcharts/apexcharts.min.js')}}"></script>

        <!-- INDEX JS -->
        @vite('resources/assets/js/index-3.js')


@endsection