@extends(template().'layout.master2')

@section('content2')

<style>
    .tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    gap: 18px;
    margin-bottom: 1.5rem;
}
.tabs--style-5 {
    row-gap: 8px;
}

.tabs--style-5 .tabs__item {
    padding: 12px 0;
    width: 100%;
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 16px;
    position: relative;
    text-align: center;
}
.tabs:not(.tabs--disabled) .tabs__item--active {
    background: #315df1;
}

.btn--blue:not(.btn--outline) {
    background-color: #315cf0;
}
.btn--full-width {
    width: 100%;
}
</style>

    <div class="dashboard-body-part">

        <div class="mobile-page-header">
            <h5 class="title">{{ __('Deposit') }}</h5>
            <a href="{{ route('user.dashboard') }}" class="back-btn"><i class="bi bi-arrow-left"></i> {{ __('Back') }}</a>
        </div>

        <div class=" mb-2">
            <h4 class="mb-3">Withdraw To Fiat</h4>
        </div>

        
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="section section--c-dark section--border">
                    <div class="section__row">
                        <div class="w-form">
                            <ul class="tabs tabs--style-5">
                                <li class="tabs__item tabs__item--active"><img src="https://bitencrypto.com/res/../res/assets/w-cards.3f1e01876b3f8729f783.png"></li>
                                <li class="tabs__item"><img src="https://bitencrypto.com/res/../res/assets/w-paypal.6f680a07d572029fb1bd.png"></li>
                                <li class="tabs__item"><img src="https://bitencrypto.com/res/../res/assets/w-webmoney.73a32705a40276bb7f16.png"></li>
                            </ul>
                            <div class="select__label">Currency </div>
                            <select class="form-control">
                                @foreach ($currencies as $currency)
                                      <option value="{{ $currency->name  }}"> 
                                        {{ $currency->name  }}</option>
                                    @endforeach
                            </select>
                            <div class="input input--small input--label-bold input--trans">
                                <div class="input__label pt-3"> Amount </div>
                                <div class="input__wrapper">
                                    <!---->
                                    <div class="input__box">
                                        <!----><input class="input__field form-control" id="input_408024" placeholder="Amount" tabindex="0" type="text">
                                    
                                    </div>
                                </div>
                            </div>
                            <div class="input input--small input--label-bold input--dark2">
                                <div class="input__label pt-3"> Account Name </div>
                                <div class="input__wrapper">
                                    <!---->
                                    <div class="input__box">
                                        <!----><input class="input__field form-control" id="input_166124" tabindex="0" type="text">
                                        <!---->
                                        <!---->
                                    </div>
                                </div>
                            </div>
                            <div class="input input--small input--label-bold input--trans">
                                <div class="input__label pt-3"> Account Number </div>
                                <div class="input__wrapper">
                                    <!---->
                                    <div class="input__box">
                                        <!----><input class="input__field form-control" id="input_705468" placeholder="Enter bank account number" tabindex="0" type="text">
                                        <!---->
                                        <!---->
                                    </div>
                                </div>
                            </div>
                            <!--<div class="w-row">-->
                            <!--    <div class="input input--small input--label-bold input--trans">-->
                            <!--        <div class="input__label pt-3"> Validity period </div>-->
                            <!--        <div class="input__wrapper">-->
                                        <!---->
                            <!--            <div class="input__box">-->
                                            <!----<input class="input__field form-control" id="input_543465" placeholder="MM/YY" tabindex="0" type="text">
                                            <!---->
                                            <!---->
                            <!--            </div>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--    <div class="input input--small input--label-bold input--trans">-->
                            <!--        <div class="input__label pt-3"> CVV code </div>-->
                            <!--        <div class="input__wrapper">-->
                                        <!---->
                            <!--            <div class="input__box">-->
                                            <!----<input class="input__field form-control" id="input_645559" placeholder="CVV" tabindex="0" type="text">-->
                                            <!---->
                                            <!---->
                            <!--            </div>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</div>-->
                          
                            <div class="input input--small input--label-bold input--trans">
                                <div class="input__label pt-3"> Bank Name </div>
                                <div class="input__wrapper">
                                    <!---->
                                    <div class="input__box">
                                        <!----><input class="input__field form-control" id="input_966722" tabindex="0" type="text">
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="w-row">
                                <div class="input input--small input--label-bold input--trans">
                                    <div class="input__label pt-3"> Country </div>
                                    <div class="input__wrapper">
                                        <!---->
                                        <div class="input__box">
                                            <!----><input class="input__field form-control" id="input_951364" tabindex="0" type="text">
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="input input--small input--label-bold input--trans mb-3">
                                    <div class="input__label pt-3"> Routine Number / Sort Code (Optional) </div>
                                    <div class="input__wrapper">
                                        <!---->
                                        <div class="input__box">
                                            <!----><input class="input__field form-control" id="input_386543" tabindex="0" type="text">
                                            
                                        </div>
                                    </div>
                                </div>
                            </div><button type="submit" class="btn btn--blue btn--full-width" t-medium="">
                                <span>Confirm</span></button></div>
                    </div>
                   
                </div>
            </div>
        </div>

    </div>

   


@endsection

@push('script')



@endpush
