@extends('layouts.master')

@section('title', __('Currency Setting'))

@push('styles')
    <link href="{{ asset('backend/css/summernote/summernote-lite.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/select2-bootstrap4.css') }}">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/custom.css') }}">
    <style>
        .profile-nav {
            border-radius: 5% !important;
        }

        .breadcrumb ul li:after {
            background: none !important;
        }

        .breadcrumb ul li {
            padding: 0 !important
        }

        .spinner-border {
            width: 15px;
            height: 15px;
        }

        #description-fields .input-group:not(:first-child) {
            margin-top: 8px
        }

        .input-items {
            grid-template-columns: repeat(2, 1fr);
        }
    </style>
@endpush


@section('content')
    <div class="card profile-nav-section p-2 mb-2 w-fits">
        <ul class="nav nav-pills profile-nav justify-content-start side-menu" id="myPillTab" role="tablist">
            @can('currency-list')
                <li class="nav-item">
                    <a id="tab_currency" href="#currency" class="nav-link" data-bs-toggle="tab" data-bs-target="#currency">
                        <i class="bi bi-coin"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Currency') }}</span>
                    </a>
                </li>
            @endcan
            @can('deposit-option-list')
                <li class="nav-item">
                    <a id="tab_deposit_option" href="#deposit_option" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#deposit_option">
                        <i class="bi bi-cash-coin"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Deposit Option') }}</span>
                    </a>
                </li>
            @endcan
            @can('guideline-list')
                <li class="nav-item">
                    <a id="tab_guideline_management" href="#guideline_management" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#guideline_management">
                        <i class="bi bi-view-stacked"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Guidelines') }}</span>
                    </a>
                </li>
            @endcan
            @can('deposit-address-view')
                <li class="nav-item">
                    <a id="tab_deposit_address" href="#deposit_address" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#deposit_address">
                        <i class="bi bi-shield-minus"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Deposit Address') }}</span>
                    </a>
                </li>
            @endcan
            @can('withdrawal-euro-limit-view')
                <li class="nav-item">
                    <a id="tab_withdrawal_setting" href="#withdrawal_setting" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#withdrawal_setting">
                        <i class="bi bi-window-dock"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Withdrawal Setting') }}</span>
                    </a>
                </li>
            @endcan
            @can('hide-deposit-button-view')
                <li class="nav-item">
                    <a id="tab_hide_deposit_button" href="#hide_deposit_button" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#hide_deposit_button">
                        <i class="bi bi-window-stack"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Deposit Setting') }}</span>
                    </a>
                </li>
            @endcan
            @can('limocoin-setting-view')
                <li class="nav-item">
                    <a id="tab_limocoin_setting" href="#limocoin_setting" class="nav-link" data-bs-toggle="tab"
                        data-bs-target="#limocoin_setting">
                        <i class="bi bi-cash"></i>
                        <span class="ms-1 d-none d-md-inline">{{ __('Limocoin') }}</span>
                    </a>
                </li>
            @endcan
        </ul>
    </div>

    <section>
        <div class="container-fluid p-0">
            <!-- TAB CONTENT AREA -->
            <div class="tab-content p-0" id="renderable">
                @can('currency-list')
                    <div class="tab-pane fade" id="currency"></div>
                @endcan
                @can('deposit-option-list')
                    <div class="tab-pane fade" id="deposit_option"></div>
                @endcan
                @can('guideline-list')
                    <div class="tab-pane fade" id="guideline_management"></div>
                @endcan
                @can('deposit-address-view')
                    <div class="tab-pane fade" id="deposit_address"></div>
                @endcan
                @can('withdrawal-euro-limit-view')
                    <div class="tab-pane fade" id="withdrawal_setting"></div>
                @endcan
                @can('hide-deposit-button-view')
                    <div class="tab-pane fade" id="hide_deposit_button"></div>
                @endcan
                @can('limocoin-setting-view')
                    <div class="tab-pane fade" id="limocoin_setting"></div>
                @endcan
            </div>
            <!-- END -->
        </div>
    </section>

@endsection
@push('scripts')
    <script src="{{ asset('backend/js/internal-scripts/currency/index-blade.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/currency-settings-add-edit-blade.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/guideline-add-edit-blade.js') }}"></script>
    <script src="{{ asset('backend/js/web3.min.js') }}"></script>
    <script src="{{ asset('backend/js/pages-js/deposit-address-index.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/deposit-option-add-edit-blade.js') }}"></script>
    <script src="{{ asset('backend/js/pages-js/api-configuration-setting.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/hide-deposit-button.blade.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/currency/tabs/active-withdrawal-button.blade.js') }}"></script>
@endpush