@extends('layouts.seller-template')
 @section('page-content')
 <div class="main-content">

     <div class="page-content">
         <div class="container-fluid">

             <!-- start page title -->
             <div class="row">
                 <div class="col-12">
                     <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                         <h4 class="mb-sm-0">Payment Report</h4>

                         <div class="page-title-right">
                             <ol class="breadcrumb m-0">
                                 <li class="breadcrumb-item"><a href="javascript: void(0);">Report</a></li>
                                 <li class="breadcrumb-item active">Payment Details</li>
                             </ol>
                         </div>

                     </div>
                 </div>
             </div>
             <!-- end page title -->

             <div class="row">
                 <div class="col-lg-12">
                     <div class="col-xxl-9">
                         <div class="card mt-xxl-n5">
                             <div class="card-header">
                                 <ul class="nav nav-tabs-custom rounded card-header-tabs border-bottom-0" role="tablist">
                                     <li class="nav-item">
                                         <a class="nav-link active" data-bs-toggle="tab" href="#personalDetails" role="tab">
                                             <i class="fas fa-home"></i>
                                             Vendor Info
                                         </a>
                                     </li>
                                     <li class="nav-item">
                                         <a class="nav-link" data-bs-toggle="tab" href="#changePassword" role="tab">
                                             <i class="far fa-user"></i>
                                             Change Password
                                         </a>
                                     </li>

                                 </ul>
                             </div>
                             <div class="card-body p-4">
                                 <div class="tab-content">
                                     <div class="tab-pane active" id="personalDetails" role="tabpanel">
                                         <form action="javascript:void(0);">
                                             <div class="p-5">
                                                 <input type="hidden" name="_token" value="ELo0ZVy7aEpBwjlyV7wSTcmH2gMU6baqY7jymctk"> <input type="hidden" name="status" value="approved">

                                                 <div class="form-group row">
                                                     <div class="col-lg-6">
                                                         <label>First Name</label>
                                                         <div class="mb-3">
                                                             <input type="text" class="form-control form-control-user" id="exampleFirstName" name="f_name" value="David" required="">
                                                         </div>
                                                     </div>
                                                     <div class="col-lg-6">
                                                         <label>Last name</label>
                                                         <div class="mb-3">
                                                             <input type="text" class="form-control form-control-user" id="exampleLastName" name="l_name" value="Marshall" required="">
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <div class="form-group row">
                                                     <div class="col-lg-6">
                                                         <label>Email Address</label>
                                                         <div class="mb-3">
                                                             <input type="email" class="form-control form-control-user" id="exampleInputEmail" name="email" value="boshsupport@gamil.com" placeholder="Email address" required="">
                                                         </div>
                                                     </div>
                                                     <div class="col-lg-6">
                                                         <label>Phone Number</label>
                                                         <div class="mb-3">
                                                             <input type="number" class="form-control form-control-user" id="exampleInputPhone" name="phone" value="91-89765-12345" required="">
                                                         </div>
                                                     </div>
                                                 </div>


                                                 <div class="form-group row">
                                                     <div class="col-lg-6">
                                                         <label>Shop name</label>
                                                         <div class="mb-3">
                                                             <input type="text" class="form-control form-control-user" id="shop_name" name="shop_name" placeholder="Shop name" value="Ethereum (ETH)" required="">
                                                         </div>
                                                     </div>
                                                     <div class="col-lg-6">
                                                         <label>Address</label>
                                                         <div class="mb-3">
                                                             <textarea name="shop_address" class="form-control" id="shop_address" rows="1" placeholder="Shop address">	Kochi , Kerala</textarea>
                                                         </div>
                                                     </div>
                                                 </div>

                                                 <div class="form-group row">
                                                     <div class="col-lg-6">
                                                         <label>Registration Number</label>
                                                         <div class="mb-3">
                                                             <div class="input-group">
                                                                 <input type="text" class="form-control" value="11111111" aria-label="Dollar amount (with dot and two decimal places)">

                                                             </div>
                                                         </div>
                                                     </div>
                                                     <div class="col-lg-5">
                                                         <label>Change Logo</label>
                                                         <div class="mb-3">
                                                             <div class="custom-file" style="text-align: left">
                                                                 <input class="form-control" type="file" id="formFile">
                                                             </div>
                                                         </div>
                                                     </div>
                                                     <div class="col-lg-1">
                                                         <div class="mb-3">
                                                             <img src="{{ asset('admin/images/svg/crypto-icons/eth.svg') }}" alt="" height="50" />
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <div class="form-group row text-center">
                                                     <div class="col-lg-12">
                                                         <div class="mb-3">
                                                             <button type="submit" class="btn btn-primary btn-user btn-block" id="apply">ADD</button>
                                                         </div>
                                                     </div>

                                                 </div>

                                             </div>
                                             <!--end row-->
                                         </form>
                                     </div>
                                     <!--end tab-pane-->
                                     <div class="tab-pane" id="changePassword" role="tabpanel">
                                         <form action="javascript:void(0);">
                                             <div class="row g-2">
                                                 <div class="col-lg-4">
                                                     <div>
                                                         <label for="oldpasswordInput" class="form-label">Old
                                                             Password*</label>
                                                         <input type="password" class="form-control" id="oldpasswordInput" placeholder="Enter current password">
                                                     </div>
                                                 </div>
                                                 <!--end col-->
                                                 <div class="col-lg-4">
                                                     <div>
                                                         <label for="newpasswordInput" class="form-label">New
                                                             Password*</label>
                                                         <input type="password" class="form-control" id="newpasswordInput" placeholder="Enter new password">
                                                     </div>
                                                 </div>
                                                 <!--end col-->
                                                 <div class="col-lg-4">
                                                     <div>
                                                         <label for="confirmpasswordInput" class="form-label">Confirm
                                                             Password*</label>
                                                         <input type="password" class="form-control" id="confirmpasswordInput" placeholder="Confirm password">
                                                     </div>
                                                 </div>
                                                 <!--end col-->
                                                 <div class="col-lg-12">
                                                     <div class="mb-3">
                                                         <a href="javascript:void(0);" class="link-primary text-decoration-underline">Forgot
                                                             Password ?</a>
                                                     </div>
                                                 </div>
                                                 <!--end col-->
                                                 <div class="col-lg-12">
                                                     <div class="text-end">
                                                         <button type="submit" class="btn btn-success">Change
                                                             Password</button>
                                                     </div>
                                                 </div>
                                                 <!--end col-->
                                             </div>
                                             <!--end row-->
                                         </form>
                                         <div class="mt-4 mb-3 border-bottom pb-2">
                                             <div class="float-end">
                                                 <a href="javascript:void(0);" class="link-primary">All Logout</a>
                                             </div>
                                             <h5 class="card-title">Login History</h5>
                                         </div>
                                         <div class="d-flex align-items-center mb-3">
                                             <div class="flex-shrink-0 avatar-sm">
                                                 <div class="avatar-title bg-light text-primary rounded-3 fs-18">
                                                     <i class="ri-smartphone-line"></i>
                                                 </div>
                                             </div>
                                             <div class="flex-grow-1 ms-3">
                                                 <h6>iPhone 12 Pro</h6>
                                                 <p class="text-muted mb-0">Los Angeles, United States - March 16 at
                                                     2:47PM</p>
                                             </div>
                                             <div>
                                                 <a href="javascript:void(0);">Logout</a>
                                             </div>
                                         </div>
                                         <div class="d-flex align-items-center mb-3">
                                             <div class="flex-shrink-0 avatar-sm">
                                                 <div class="avatar-title bg-light text-primary rounded-3 fs-18">
                                                     <i class="ri-tablet-line"></i>
                                                 </div>
                                             </div>
                                             <div class="flex-grow-1 ms-3">
                                                 <h6>Apple iPad Pro</h6>
                                                 <p class="text-muted mb-0">Washington, United States - November 06
                                                     at 10:43AM</p>
                                             </div>
                                             <div>
                                                 <a href="javascript:void(0);">Logout</a>
                                             </div>
                                         </div>
                                         <div class="d-flex align-items-center mb-3">
                                             <div class="flex-shrink-0 avatar-sm">
                                                 <div class="avatar-title bg-light text-primary rounded-3 fs-18">
                                                     <i class="ri-smartphone-line"></i>
                                                 </div>
                                             </div>
                                             <div class="flex-grow-1 ms-3">
                                                 <h6>Galaxy S21 Ultra 5G</h6>
                                                 <p class="text-muted mb-0">Conneticut, United States - June 12 at
                                                     3:24PM</p>
                                             </div>
                                             <div>
                                                 <a href="javascript:void(0);">Logout</a>
                                             </div>
                                         </div>
                                         <div class="d-flex align-items-center">
                                             <div class="flex-shrink-0 avatar-sm">
                                                 <div class="avatar-title bg-light text-primary rounded-3 fs-18">
                                                     <i class="ri-macbook-line"></i>
                                                 </div>
                                             </div>
                                             <div class="flex-grow-1 ms-3">
                                                 <h6>Dell Inspiron 14</h6>
                                                 <p class="text-muted mb-0">Phoenix, United States - July 26 at
                                                     8:10AM</p>
                                             </div>
                                             <div>
                                                 <a href="javascript:void(0);">Logout</a>
                                             </div>
                                         </div>
                                     </div>
                                     <!--end tab-pane-->

                                     <!--end tab-pane-->

                                     <!--end tab-pane-->
                                 </div>
                             </div>
                         </div>
                     </div>

                 </div>
                 <!--end col-->
             </div>
             <!--end row-->

         </div>
         <!-- container-fluid -->
     </div>
     <!-- End Page-content -->
     @endsection