@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="max-w-md mx-auto">
        <h1 class="text-2xl font-bold mb-6 text-gray-800">Branch Details</h1>
        <div class="bg-white shadow-soft rounded-lg p-6">
            <p class="mb-2"><strong>ID:</strong> {{ $branch->id }}</p>
            <p class="mb-2"><strong>Name:</strong> {{ $branch->name }}</p>
            <p class="mb-2"><strong>Phone Numbers:</strong> {{ $branch->phone ?? '-' }}</p>
            <p class="mb-2"><strong>Address:</strong> {{ $branch->address ?? '-' }}</p>
            <p class="mb-2"><strong>Created At:</strong> {{ $branch->created_at->format('d M Y, H:i') }}</p>
            <p class="mb-4"><strong>Updated At:</strong> {{ $branch->updated_at ? $branch->updated_at->format('d M Y, H:i') : '-' }}</p>
            <a href="{{ route('branches.index') }}" 
               class="inline-block bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600">
                Back to List
            </a>
        </div>
    </div>
</div>
@endsection