@extends('components.admin-layout')

@section('content')
    <div class="nk-content">
        <div class="container-fluid">
            <div class="nk-content-inner">
                <div class="nk-content-body">
                    <div class="nk-block-head nk-block-head-sm">
                        <div class="nk-block-between">
                            <div class="nk-block-head-content">
                                <h3 class="nk-block-title page-title">Overview</h3>
                                <div class="nk-block-des text-soft">
                                    <p>Welcome to Fortlink Dashboard.</p>
                                </div>
                            </div>
                            <!-- .nk-block-head-content -->
                            <div class="nk-block-head-content">
                                <div class="toggle-wrap nk-block-tools-toggle">
                                    <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1"
                                        data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                                    <div class="toggle-expand-content" data-content="pageMenu">
                                        <ul class="nk-block-tools g-3">

                                            <li class="nk-block-tools-opt">
                                                <div>
                                                    <a href="#" data-toggle="modal" type="button"
                                                        data-target="#mintToken"
                                                        class="dropdown-toggle btn btn-icon btn-primary pl-3 pr-3 pb-2 pt-2">
                                                        <em class="icon ni ni-grid-add-c"></em>
                                                        Mint Token
                                                    </a>
                                                </div>

                                                <!-- Modal -->
                                                <div class="modal fade" tabindex="-1" id="mintToken">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <a href="#" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                                <em class="icon ni ni-cross"></em>
                                                            </a>
                                                            <div class="modal-header">
                                                                <h3 class="modal-title fs-5"> Mint Token</h3>

                                                            </div>
                                                            <div class="modal-body">
                                                                <form data-message="Mint Token"
                                                                    data-url="{{ route('admin.tokenActions') }}"
                                                                    data-type="mintToken" data-method="PUT"
                                                                    class="row g-3 processToken" id="mintToken">

                                                                    <div class="col-12">
                                                                        <label for="name"
                                                                            class="visually-hidden">Username</label>
                                                                        <input type="text" class="form-control"
                                                                            id="username" name="username"
                                                                            placeholder="Add User Name" required>
                                                                    </div>
                                                                    <div class="col-12">
                                                                        <label for="amount"
                                                                            class="visually-hidden">Amount</label>
                                                                        <input type="number" class="form-control"
                                                                            id="amount" name="amount"
                                                                            placeholder="Enter Amount" required>
                                                                    </div>
                                                                    <div class="col-12">
                                                                        <button type="submit"
                                                                            class="btn btn-primary">MINT</button>
                                                                    </div>
                                                                </form>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nk-block-tools-opt">
                                                <div>
                                                    <a href="#" data-toggle="modal" type="button"
                                                        data-target="#editRange"
                                                        class="dropdown-toggle btn btn-icon btn-primary pl-3 pr-3 pb-2 pt-2">
                                                        <em class="icon ni ni-grid-add-c"></em>
                                                        EDIT RANGE
                                                    </a>
                                                </div>

                                                <!-- Modal -->
                                                <div class="modal fade" tabindex="-1" id="editRange">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <a href="#" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                                <em class="icon ni ni-cross"></em>
                                                            </a>
                                                            <div class="modal-header">
                                                                <h3 class="modal-title fs-5"> Edit Range</h3>

                                                            </div>
                                                            <div class="modal-body">
                                                                <form
                                                                    data-message="Are you sure you want to edit price range?"
                                                                    data-url="{{ route('admin.tokenActions') }}"
                                                                    data-type="editRange" data-method="PUT"
                                                                    class="row g-3 processToken" id="editRange">


                                                                    <div class="">
                                                                        <label for="minPrice" class="form-label">Minimum
                                                                            Price (%)</label>
                                                                        <input name="minPrice"
                                                                            value="{{ $token->minPrice }}" required
                                                                            type="text" class="form-control"
                                                                            id="minPrice" placeholder="Minimum Price">
                                                                    </div>
                                                                    <div class="">
                                                                        <label for="maxPrice" class="form-label">Maximum
                                                                            Price (%)</label>
                                                                        <input name="maxPrice"
                                                                            value="{{ $token->maxPrice }}" required
                                                                            type="text" class="form-control"
                                                                            id="maxPrice" placeholder="Maximum Price">
                                                                    </div>
                                                                    <div class="col-12">
                                                                        <button type="submit"
                                                                            class="btn btn-primary">EDIT</button>
                                                                    </div>
                                                                </form>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div><!-- .toggle-wrap -->
                            </div>
                        </div>
                        <!-- .nk-block-between -->
                    </div>
                    <!-- .nk-block-head -->
                    <div class="nk-block">
                        <div class="row g-gs">
                            <div class="col-xxl-6">
                                <div class="row g-gs">
                                    <div class="col-lg-12 col-xxl-12">
                                        <div class="nk-block">
                                            <div class="row gy-gs">
                                                <div class="col-sm-12 col-md-6 col-lg-6">
                                                    <div class="bg-primary is-s3 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Total Supply<em
                                                                            class="icon ni ni-info"></em></h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">
                                                                        {{ number_format($token->total_supply, 2, '.', ',') }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card -->
                                                </div><!-- .col -->
                                                <div class="col-sm-12 col-md-6 col-lg-6">
                                                    <div class="bg-info is-s1 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Current Price</h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">${{ $token->currentPrice }} 
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div><!-- .card -->
                                                <div class="col-sm-12 col-md-6 col-lg-6">
                                                    <div class="bg-danger is-s1 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Price Range</h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">${{ $token->minPrice }} -
                                                                        ${{ $token->maxPrice }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div><!-- .card -->

                                                <div class="col-sm-12 col-md-12 col-lg-6">
                                                    <div class="bg-success is-s3 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Total Token Holders <em
                                                                            class="icon ni ni-info"></em></h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">

                                                                        {{ number_format($totalHolders, 0, '.', ',') }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card -->
                                                </div><!-- .col -->
                                            </div><!-- .row -->

                                            <div class="row gy-gs">
                                                <div class="col-sm-12 col-md-6 col-lg-6">
                                                    <div class="bg-dark is-s3 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Token Name<em
                                                                            class="icon ni ni-info"></em></h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">
                                                                        {{ ucwords($token->name) }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card -->
                                                </div><!-- .col -->
                                                <div class="col-sm-12 col-md-6 col-lg-6">
                                                    <div class="bg-warning is-s1 card card-bordered text-white">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Decimal</h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">
                                                                        {{ $token->decimals}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div><!-- .card -->

                                                <div class="col-sm-12 col-md-12 col-lg-6">
                                                    <div class="bg-secondary is-s3 card text-white card-bordered">
                                                        <div class="card-inner">
                                                            <div class="nk-iv-wg2">
                                                                <div class="nk-iv-wg2-title">
                                                                    <h6 class="title text-white">Symbol<em
                                                                            class="icon ni ni-info"></em></h6>
                                                                </div>
                                                                <div class="nk-iv-wg2-text">
                                                                    <div class="nk-iv-wg2-amount">

                                                                        {{ $token->symbol }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card -->
                                                </div><!-- .col -->
                                            </div><!-- .row -->
                                        </div>


                                        <!-- .row -->
                                    </div>
                                    <!-- .col -->
                                </div>
                                <!-- .row -->
                            </div>
                        </div>
                        <!-- .row -->
                    </div>
                    <!-- .nk-block -->
                </div>
            </div>
        </div>
    </div>
@endsection