@extends('layouts.app')
@section('content')
<section id="user-area">
    <a class="btn btn-primary" href="{{ route('product.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">Product 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">{{ $product->name }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="description">Desciption: </label>
                                <p class="text-bold-100">{{ $product->description }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="price">Price: </label>
                                <p class="text-bold-100">{{ $product->price }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="quantity">Qurantity: </label>
                                <p class="text-bold-100">{{ $product->quantity }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="units">Units: </label>
                                <p class="text-bold-100">{{ $product->units }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="brand">Brand: </label>
                                <p class="text-bold-100">{{ $product->brand }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="type">Type: </label>
                                <p class="text-bold-100">{{ $product->type }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="vendor_id">Vendor: </label>
                                <p class="text-bold-100">{{ $product->vendor->name }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="stock_status">Status: </label>
                                <p class="text-bold-100">{{ $product->stock_status }}</p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="text-bold-500" for="serial_no">Serial No: </label>
                                <p class="text-bold-100">{{ $product->serial_no }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('afterScript')
@endsection