@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">Profile</h4>

                         <div class="page-title-right">
                             <ol class="breadcrumb m-0">

                                 <li class="breadcrumb-item active">Profile</li>
                             </ol>
                         </div>

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

             <div class="row">
                 <div class="col-md-12">
                     <div class="card">
                         <div class="card-body p-4">
                             <div>
                                 <div class="flex-shrink-0 avatar-md mx-auto">
                                     <div class="avatar-title bg-light rounded">
                                         <img src="{{ asset('admin/images/svg/crypto-icons/eth.svg') }}" alt="" height="50" />
                                     </div>
                                 </div>
                                 <div class="mt-4 text-center">
                                     <h5 class="mb-1">Ethereum (ETH)</h5>
                                 </div>
                                 <div class="table-responsive">
                                     <table class="table mb-0 table-borderless">
                                         <tbody>
                                             <tr>
                                                 <th><span class="fw-medium"> Name</span></th>
                                                 <td>:</td>
                                                 <td>David Marshall</td>
                                             </tr>
                                             <tr>
                                                 <th><span class="fw-medium">Contact No.</span></th>
                                                 <td>:</td>
                                                 <td>91-89765-12345</td>
                                             </tr>


                                             <tr>
                                                 <th><span class="fw-medium">Email</span></th>
                                                 <td>:</td>
                                                 <td>boshsupport@gamil.com</td>
                                             </tr>
                                             <tr>
                                                 <th><span class="fw-medium">Shop Name</span></th>
                                                 <td>:</td>
                                                 <td>Ethereum (ETH)</td>
                                             </tr>
                                             <tr>
                                                 <th><span class="fw-medium">Shop address</span></th>
                                                 <td>:</td>
                                                 <td><a href="javascript:void(0);" class="link-primary">Kochi , Kerala</a></td>
                                             </tr>
                                             <tr>
                                                 <th><span class="fw-medium">Registration Number</span></th>
                                                 <td>:</td>
                                                 <td>11111111</td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </div>
                             </div>
                         </div>

                         <!--end card-body-->
                         <div class="card-body border-top border-top-dashed p-4">
                             <div>
                                 <div class="col-md-12">
                                     <div class="card card-height-100">
                                         <div class="card-header">
                                             <ul class="nav nav-tabs-custom rounded card-header-tabs nav-justified border-bottom-0 mx-n3" role="tablist">
                                                 <li class="nav-item">
                                                     <a class="nav-link active" data-bs-toggle="tab" href="#cryptoBuy" role="tab" aria-selected="true">
                                                         Orders
                                                     </a>
                                                 </li>
                                                 <li class="nav-item">
                                                     <a class="nav-link" data-bs-toggle="tab" href="#cryptoSell" role="tab" aria-selected="false">
                                                         Products
                                                     </a>
                                                 </li>
                                             </ul>
                                         </div>
                                         <div class="card-body p-0">
                                             <div class="tab-content text-muted">
                                                 <div class="tab-pane active" id="cryptoBuy" role="tabpanel">
                                                     <div class="p-3 bg-soft-warning">

                                                         <h6 class="mb-0 text-danger">order (4)</h6>
                                                     </div>
                                                     <div class="card-body pt-0 " style="margin-top:50px;">
                                                         <div>
                                                             <div class=" table-responsive table-card mb-1">
                                                                 <table class="table table-nowrap align-middle" id="orderTable">
                                                                     <thead class="text-muted table-light">
                                                                         <tr class="text-uppercase">
                                                                             <th scope="col" style="width: 25px;">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" id="checkAll" value="option">
                                                                                 </div>
                                                                             </th>
                                                                             <th class="sort" data-sort="id">Order ID</th>
                                                                             @if(auth()->user()->role_id==4)
                                                                             <th class="sort" data-sort="customer_name">Vendor</th>

                                                                             @endif

                                                                             <th class="sort" data-sort="product_name">Product</th>
                                                                             <th class="sort" data-sort="date">Order Date</th>
                                                                             <th class="sort" data-sort="amount">Amount</th>
                                                                             <th class="sort" data-sort="payment">Payment Method</th>
                                                                             <th class="sort" data-sort="status">Delivery Status</th>
                                                                             <th class="sort" data-sort="city">Action</th>
                                                                         </tr>
                                                                     </thead>
                                                                     <tbody class="list form-check-all">
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="id"><a href="http://127.0.0.1:8000/admin/order-details" class="fw-medium link-primary">#VZ2101</a></td>
                                                                             @if(auth()->user()->role_id==4)
                                                                             <td class="customer_name">Bed N COT</td>
                                                                             @endif
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="date">20 Oct, 2022, <small class="text-muted">02:21
                                                                                     PM</small></td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>
                                                                             <td class="payment">Mastercard</td>
                                                                             <td class="status"><span class="badge badge-soft-success text-uppercase">Delivered</span>
                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="id"><a href="http://127.0.0.1:8000/admin/order-details" class="fw-medium link-primary">#VZ2101</a></td>
                                                                             @if(auth()->user()->role_id==4) <td class="customer_name">Bed N COT</td> @endif
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="date">20 Oct, 2022, <small class="text-muted">02:21
                                                                                     PM</small></td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>
                                                                             <td class="payment">Mastercard</td>
                                                                             <td class="status"><span class="badge badge-soft-warning text-uppercase">Pending</span>
                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="id"><a href="http://127.0.0.1:8000/admin/order-details" class="fw-medium link-primary">#VZ2101</a></td>
                                                                             @if(auth()->user()->role_id==4) <td class="customer_name">Bed N COT</td> @endif
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="date">20 Oct, 2022, <small class="text-muted">02:21
                                                                                     PM</small></td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>
                                                                             <td class="payment">Mastercard</td>
                                                                             <td class="status"><span class="badge badge-soft-warning text-uppercase">Pending</span>
                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="id"><a href="http://127.0.0.1:8000/admin/order-details" class="fw-medium link-primary">#VZ2101</a></td>
                                                                             @if(auth()->user()->role_id==4) <td class="customer_name">Bed N COT</td> @endif
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="date">20 Oct, 2022, <small class="text-muted">02:21
                                                                                     PM</small></td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>
                                                                             <td class="payment">Mastercard</td>
                                                                             <td class="status"><span class="badge badge-soft-primary text-uppercase">Processing</span>
                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                     </tbody>
                                                                 </table>
                                                                 <div class="noresult" style="display: none">
                                                                     <div class="text-center">
                                                                         <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:75px;height:75px">
                                                                         </lord-icon>
                                                                         <h5 class="mt-2">Sorry! No Result Found</h5>
                                                                         <p class="text-muted">We've searched more than 150+ Orders We did
                                                                             not find any
                                                                             orders for you search.</p>
                                                                     </div>
                                                                 </div>
                                                             </div>
                                                             <div class="d-flex justify-content-end">
                                                                 <div class="pagination-wrap hstack gap-2">
                                                                     <a class="page-item pagination-prev disabled" href="#">
                                                                         Previous
                                                                     </a>
                                                                     <ul class="pagination listjs-pagination mb-0"></ul>
                                                                     <a class="page-item pagination-next" href="#">
                                                                         Next
                                                                     </a>
                                                                 </div>
                                                             </div>
                                                         </div>

                                                         <!-- Modal -->
                                                         <div class="modal fade flip" id="deleteOrder" tabindex="-1" aria-hidden="true">
                                                             <div class="modal-dialog modal-dialog-centered">
                                                                 <div class="modal-content">
                                                                     <div class="modal-body p-5 text-center">
                                                                         <lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#405189,secondary:#f06548" style="width:90px;height:90px"></lord-icon>
                                                                         <div class="mt-4 text-center">
                                                                             <h4>You are about to delete a order ?</h4>
                                                                             <p class="text-muted fs-15 mb-4">Deleting your order will remove
                                                                                 all of
                                                                                 your information from our database.</p>
                                                                             <div class="hstack gap-2 justify-content-center remove">
                                                                                 <button class="btn btn-link link-success fw-medium text-decoration-none" data-bs-dismiss="modal"><i class="ri-close-line me-1 align-middle"></i>
                                                                                     Close</button>
                                                                                 <button class="btn btn-danger" id="delete-record">Yes,
                                                                                     Delete It</button>
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
                                                             </div>
                                                         </div>
                                                         <!--end modal -->
                                                     </div>
                                                 </div>
                                                 <!--end tab-pane-->
                                                 <div class="tab-pane" id="cryptoSell" role="tabpanel">
                                                     <div class="p-3 bg-soft-warning">
                                                         <h6 class="mb-0 text-danger">Products(5)</h6>
                                                     </div>
                                                     <div class="card-body pt-0 " style="margin-top:50px;">
                                                         <div>
                                                             <div class=" table-responsive table-card mb-1">
                                                                 <table class="table table-nowrap align-middle" id="orderTable">
                                                                     <thead class="text-muted table-light">
                                                                         <tr>
                                                                             <th>SL#</th>
                                                                             <th>Product Name</th>
                                                                             <th>Purchase price</th>
                                                                             <th>Selling price</th>
                                                                             <th>Quantity</th>
                                                                             <th>Price</th>
                                                                             <th style="width: 5px" class="text-center">Action</th>
                                                                         </tr>
                                                                     </thead>
                                                                     <tbody class="list form-check-all">
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="customer_name"><i class="mdi mdi-currency-inr"></i>1200</td>
                                                                             <td class="product_name"><i class="mdi mdi-currency-inr"></i>1980</td>
                                                                             <td class="date">1</td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>

                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="customer_name"><i class="mdi mdi-currency-inr"></i>1200</td>
                                                                             <td class="product_name"><i class="mdi mdi-currency-inr"></i>1980</td>
                                                                             <td class="date">1</td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>

                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="customer_name"><i class="mdi mdi-currency-inr"></i>1200</td>
                                                                             <td class="product_name"><i class="mdi mdi-currency-inr"></i>1980</td>
                                                                             <td class="date">1</td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>

                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="customer_name"><i class="mdi mdi-currency-inr"></i>1200</td>
                                                                             <td class="product_name"><i class="mdi mdi-currency-inr"></i>1980</td>
                                                                             <td class="date">1</td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>

                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                         <tr>
                                                                             <th scope="row">
                                                                                 <div class="form-check">
                                                                                     <input class="form-check-input" type="checkbox" name="checkAll" value="option1">
                                                                                 </div>
                                                                             </th>
                                                                             <td class="product_name">Coir-on 'Fluffy Mattress'</td>
                                                                             <td class="customer_name"><i class="mdi mdi-currency-inr"></i>1200</td>
                                                                             <td class="product_name"><i class="mdi mdi-currency-inr"></i>1980</td>
                                                                             <td class="date">1</td>
                                                                             <td class="amount"><i class="mdi mdi-currency-inr"></i>1,980.00</td>

                                                                             </td>
                                                                             <td>
                                                                                 <ul class="list-inline hstack gap-2 mb-0">
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="View">
                                                                                         <a href="http://127.0.0.1:8000/admin/order-details" class="text-primary d-inline-block">
                                                                                             <i class="ri-eye-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                     <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="" data-bs-original-title="Remove">
                                                                                         <a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal" href="#deleteOrder">
                                                                                             <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                                         </a>
                                                                                     </li>
                                                                                 </ul>
                                                                             </td>
                                                                         </tr>
                                                                     </tbody>
                                                                 </table>
                                                                 <div class="noresult" style="display: none">
                                                                     <div class="text-center">
                                                                         <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:75px;height:75px">
                                                                         </lord-icon>
                                                                         <h5 class="mt-2">Sorry! No Result Found</h5>
                                                                         <p class="text-muted">We've searched more than 150+ Orders We did
                                                                             not find any
                                                                             orders for you search.</p>
                                                                     </div>
                                                                 </div>
                                                             </div>
                                                             <div class="d-flex justify-content-end">
                                                                 <div class="pagination-wrap hstack gap-2">
                                                                     <a class="page-item pagination-prev disabled" href="#">
                                                                         Previous
                                                                     </a>
                                                                     <ul class="pagination listjs-pagination mb-0"></ul>
                                                                     <a class="page-item pagination-next" href="#">
                                                                         Next
                                                                     </a>
                                                                 </div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <!--end tab-pane-->
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <!--end card-body-->

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

             </div>
             <!--end row-->
         </div>
         <!-- container-fluid -->
     </div>
     <!-- End Page-content -->

     @endsection