@extends('admin.layouts.app')
<style>
        .pagination{
            float: right;
            margin-top: 10px;
        }
    </style>
@section('content')
<div class="container-fluid">

    <div class="header">
        <h1 class="header-title" style="margin-top:-40px !important;">
            Application Settings
        </h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/admin/dashboard">Dashboard</a></li>
                <!-- <li class="breadcrumb-item"><a href="#">Operations</a></li> -->
                <li class="breadcrumb-item active" aria-current="page">Applications-Settings</li>
            </ol>
        </nav>
    </div>

    <div class="row" style="margin-top:-40px !important;">
        <div class="col-12">
            <div class="card">
                {{-- <div class="card-header">
                                <h5 class="card-title">Responsive DataTables</h5>
                                <h6 class="card-subtitle text-muted">Highly flexible tool that many advanced features to any HTML table. See official
                                    documentation <a href="https://datatables.net/extensions/responsive/" target="_blank"
                                        rel="noopener noreferrer nofollow">here</a>.</h6>
                            </div> --}}
                <div class="card-body scroll-h" >
                   
                    <div class="row" >
                        <div class="col-12 col-lg-12" >
                                <div class="tab tab-vertical">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" href="#vertical-icon-tab-1" data-bs-toggle="tab" role="tab">
                                                <i class="align-middle" data-feather="home"></i>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#vertical-icon-tab-2" data-bs-toggle="tab" role="tab">
                                                <i class="align-middle" data-feather="settings"></i>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#vertical-icon-tab-3" data-bs-toggle="tab" role="tab">
                                                <i class="align-middle" data-feather="message-square"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="vertical-icon-tab-1" role="tabpanel">
                                            <!-- <h4 class="tab-title">Vertical icon tabs</h4> -->
                                            <label class="form-label">Select-Payment-Method <span class="text-danger  "  style="font-size:16pt;display: inline;">*</span></label>
                                            <select class="form-control step_2" data-bs-toggle="" id="document_type"
                                            onchange="hideWhenDocumentUploadDiv()" placeholder="Document-Type" >
                                                <option value="" selected>-Select-Method-</option>
                                                <option value="1">RazorPay</option>
                                                <option value="2">PayPal</option>
                                            </select> 
                                        </div>
                                        <div class="tab-pane" id="vertical-icon-tab-2" role="tabpanel">
                                            <h4 class="tab-title">Another one</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor tellus eget condimentum
                                                rhoncus. Aenean massa. Cum sociis natoque penatibus et magnis neque dis parturient montes, nascetur ridiculus mus.
                                                In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
                                                justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
                                                justo.</p>
                                        </div>
                                        <div class="tab-pane" id="vertical-icon-tab-3" role="tabpanel">
                                            <h4 class="tab-title">One more</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor tellus eget condimentum
                                                rhoncus. Aenean massa. Cum sociis natoque penatibus et magnis neque dis parturient montes, nascetur ridiculus mus.
                                                In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
                                                justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
                                                justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    

</div>
@endsection