@extends('layouts.app')
@section('content')
<section id="user-area">
    <a class="btn btn-primary" href="{{ route('vendor.index') }}"><i class="fa fa-reply"></i> Go Back</a>
    <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card mb-4">
                <div class="card-header">
                    <div class="card-title-wrap">
                        <h4 class="card-title">Vendor Detail</h4>
                    </div>
                </div>
                <div class="card-body px-4">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="name">Name: </label>
                                <p class="text-bold-100">{{ $vendor->name }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="phone">Phone Number: </label>
                                <p class="text-bold-100">{{ $vendor->phone }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="email">Email: </label>
                                <p class="text-bold-100">{{ $vendor->email }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="company">Company: </label>
                                <p class="text-bold-100">{{ $vendor->company }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="address">Address: </label>
                                <p class="text-bold-100">{{ $vendor->address }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="cnic">CNIC: </label>
                                <p class="text-bold-100">{{ $vendor->cnic }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="ntn">NTN: </label>
                                <p class="text-bold-100">{{ $vendor->ntn }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('afterScript')
@endsection