@extends('layouts.backend.app')
@section('content')

<div class="main-content shop">
         <div class="page-content">
            <div class="container-fluid">
               <div class="page-title-box">
                  <div class="row align-items-center">
                     <div class="col-md-8">
                        <h6 class="page-title">Vendor view</h6>
                        <ol class="breadcrumb m-0">
                           <li class="breadcrumb-item"><a href="#">Home </a></li>
                           <li class="breadcrumb-item active" aria-current="page">Vendor</li>
                        </ol>
                     </div>

                     <div class="col-md-4">
                        <div class="btn-container float-right">
                            <a href="{{route('vendor-list')}}">
                                <button class=" btn btn-primary border-radius-5 add_vendor" >Back</button>
                            </a>
                        </div>
                     </div>

                  </div>
               </div>
               <!-- Add Mobile row  -->
               <!-- end row -->
               <!-- Mobile visible table  -->
               <!-- End row  -->
            </div>
            <div class="row product-row">
               <div class="col-md-12">
                  <div class="col-md-12 mobile-table-column mbp">
                     <div class="card">
                        <div class="card-body">
                           <div class="card mb-4 shadow-none">
                              <div class="mob-title">
                                 <h4>Vendor Details</h4>
                              </div>

                              <div class="mobileinfo py-3">
                                 <div class="mobileinfrigh px-3">
                                    <div class="row">
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Vendor Id</h3>
                                             <p>{{!empty($vendor) ? $vendor->vendor_id:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Vendor Name </h3>
                                             <p>{{!empty($vendor) ? $vendor->vendor_name:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Email ID </h3>
                                             <p>{{!empty($vendor) ? $vendor->email_id:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Mobile Number</h3>
                                             <p>{{!empty($vendor) ? $vendor->mobile_number:''}}</p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>Company Name</h3>
                                             <p> {{!empty($vendor) ? $vendor->mobile_number:''}} </p>
                                          </div>
                                       </div>
                                       <div class="col-lg-4">
                                          <div class="card-skyblue">
                                             <h3>PAN</h3>
                                             <p> {{!empty($vendor) ? $vendor->pan:''}}</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <table id="datatable" class="display" style="width:100%;">
                              <thead>
                                 <tr>
                                    <th width="5%">S.no</th>
                                    <th width="10%"> Sold Qty</th>
                                    <th width="10%"> Sold Date</th>
                                    <th width="10%">Action</th>
                                 </tr>
                              </thead>
                              <tbody>
                                 <tr>
                                    <td>1</td>
                                    <td>25</td>
                                    <td>25-03-2022</td>
                                    <td>
                                       <div class="action bank d-flex justify-content-start">
                                          <a href="vendor-view-details.php"
                                             class="edit mx-2 text-info btn btn-sm btn-success text-white">
                                             <i class="fas fa-eye"></i>
                                          </a>
                                          <!-- <a href="#" class="edit text-info btn btn-sm btn-danger text-white me-2">
                                             <i class=" fas fa-trash"></i>
                                          </a> -->
                                          <a href="#" class="edit text-info btn btn-sm btn-info text-white me-2">
                                             <i class=" fas fa-download"></i>
                                          </a>
                                       </div>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

@endsection