@extends('layouts.app')

@section('title', $vendor->name)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="page-title mb-0">{{ $vendor->name }}</h1>
    <div>
        <a href="{{ route('vendors.edit', $vendor) }}" class="btn btn-primary me-1">Edit</a>
        <a href="{{ route('vendors.index') }}" class="btn btn-outline-secondary">Back</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <dl class="row mb-0">
            @if($vendor->phone)
                <dt class="col-sm-3 text-muted">Phone</dt>
                <dd class="col-sm-9">{{ $vendor->phone }}</dd>
            @endif
            @if($vendor->address)
                <dt class="col-sm-3 text-muted">Address</dt>
                <dd class="col-sm-9">{{ $vendor->address }}</dd>
            @endif
            @if($vendor->gst)
                <dt class="col-sm-3 text-muted">GST</dt>
                <dd class="col-sm-9">{{ $vendor->gst }}</dd>
            @endif
            @if($vendor->notes)
                <dt class="col-sm-3 text-muted">Notes</dt>
                <dd class="col-sm-9">{{ $vendor->notes }}</dd>
            @endif
        </dl>
    </div>
</div>
@endsection