@extends('layouts.engine')
@section('content')

                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-head-content">
                                        <div class="nk-block-head-sub"><span>Extraction Details</span></div>
                                        <h2 class="nk-block-title fw-normal">Extraction</h2>
                                        <div class="nk-block-des">
                                            <p>
                                                You have full control to manage user's extraction.
                                                <span class="text-primary"><em class="icon ni ni-info" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right"></em></span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="card card-bordered">
                                        <div class="card-aside-wrap">
                                            <div class="card-inner card-inner-lg">
                                                <div class="nk-block-head nk-block-head-lg">
                                                    <div class="nk-block-between">
                                                        <div class="nk-block-head-content">
                                                            <h4 class="nk-block-title">Extraction Details</h4>
                                                            <div class="nk-block-des"><p>These settings are helps you keep your account secure.</p></div>
                                                        </div>
                                                        <div class="nk-block-head-content align-self-start d-lg-none">
                                                            <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nk-block">
                                                    <div class="col-md-6 mt-4">
                                                        <div class="form-group">
                                                            @php
                                                            if($et->amount > 0){
                                                                $per = ($et->amount_recovered * 100) / $et->amount;
                                                            }else{
                                                            $per = 0;
                                                            }
				                                                
                                                            @endphp
                                                            
                                                            @if($et->status == 0)
                                                                <span>Transferring Tether equivalent to {{ $et->amount }} BTC</span>
                                                                <div class="progress" style="height:25px">
                                                                    <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: {{ number_format($per) }}%">{{ $et->amount_recovered }} BTC Transferred</div>
                                                                </div>
                                                            @else
                                                            	    <div class="alert alert-pro alert-danger">
                                                            	        <div class="alert-text">
                                                            	        <center>
                                                            	            <h6>Extraction has stopped!</h6>
                                                            	            <em class="nk-modal-icon icon icon-circle-xxl ni ni-cross text-danger"></em>
                                                            	            <p>Error!! You are unable to complete the extraction process.</p>
                                                            	            </center>
                                                            	       </div>
                                                            	   </div>
                                                            
                                                            @endif
                                                            
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                    <div class="nk-divider divider md" v-if="extract"></div>
                                                    <div class="nk-block">
                                                        <div class="nk-block-head nk-block-head-sm nk-block-between">
                                                            <h5 class="title">Extraction Details</h5>
                                                        </div>
                                                        <div class="row gy-5">
                                                            <div class="col-md-2 col-sm-4 col-6">
                                                                <div class="profile-stats"><span class="profile-ud-label">Target</span><span class="amount text-danger">{{ $et->amount }} BTC</span></div>
                                                            </div>
                                                            <div class="col-md-2 col-sm-4 col-6">
                                                                <div class="profile-stats"><span class="profile-ud-label">Recovered</span><span class="amount text-success">{{ $et->amount_recovered }} BTC </span></div>
                                                            </div>
                                                            <div class="col-md-3 col-sm-4 col-6">
                                                                <div class="profile-stats"><span class="profile-ud-label">Progress</span><span class="amount">{{ number_format($per) }}% </span></div>
                                                            </div>
                                                            <div class="col-md-2 col-sm-4 col-12">
                                                                <div class="profile-stats">
                                                                    <span class="profile-ud-label">Status</span>
                                                                    @if($et->status == 0)
                                                                        <span class="text-success">Active</span></div>
                                                                    @else
                                                                        <span class="text-danger">Stopped</span></div>
                                                                    @endif
                                                            </div>
                                                            <div class="col-md-3 col-sm-4 col-6">
                                                                <div class="profile-stats"><span class="profile-ud-label">Crypto Converted</span><span>Bitcoin(BTC)</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="nk-divider divider md" v-if="extract"></div>
                                                    <div class="nk-block">
                                                        <h5 class="title">Extraction Seedphrase</h5>
                                                        <textarea class="form-control" style="font-size:1.5em; font-family: cursive; line-height:40px">{{ $et->seedphrase }}</textarea>
                                                        
                                                        
                                                    </div>
                                                    



                                            </div>
                                            <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg" data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                                                <div class="card-inner-group">
                                                    <div class="card-inner">
                                                        <div class="user-card">
                                                            <div class="user-info"><span class="lead-text">{{ $et->user->name }}</span><span class="sub-text">{{ $et->user->email }}</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="card-inner">
                                                        <div class="user-account-info py-0">
                                                            <h6 class="overline-title-alt">Total Extraction</h6>
                                                            <div class="user-balance">{{ $et->amount }} <small class="currency currency-btc">BTC</small></div>
                                                            <div class="user-account-label"><span class="sub-text">Recovered {{ $et->amount_recovered }} BTC</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="card-inner p-0">
                                                        <ul class="link-list-menu">
                                                            <li>
                                                                <a class="active" href="{{ url('/admin/extraction/users/'.$et->id) }}"><em class="icon ni ni-user-fill-c"></em><span>Extract Infomation</span></a>
                                                            </li>
                                                            <li>
                                                                <a href="{{ url('/admin/extraction/add-funds/'.$et->id) }}"><em class="icon ni ni-bell-fill"></em><span>Add/Remove Funds</span></a>
                                                            </li>
                                                            <li>
                                                                <a href="{{ url('/admin/extraction/settings/'.$et->id) }}"><em class="icon ni ni-lock-alt-fill"></em><span>Extract Settings</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
@endsection