@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row mb-4">
        <div class="col-md-6">
            <h2>Branch Details</h2>
        </div>
        <div class="col-md-6 text-end">
            <a href="{{ route('branches.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to List
            </a>
            <a href="{{ route('branches.edit', $branch) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <table class="table table-borderless">
                        <tr>
                            <th width="150">Branch Name:</th>
                            <td><strong>{{ $branch->branch_name }}</strong></td>
                        </tr>
                        <tr>
                            <th>Branch Code:</th>
                            <td><strong>{{ $branch->branch_code }}</strong></td>
                        </tr>
                        <tr>
                            <th>Company:</th>
                            <td>{{ $branch->company->company_name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Status:</th>
                            <td>{!! $branch->status_badge !!}</td>
                        </tr>
                        <tr>
                            <th>Address:</th>
                            <td>{{ $branch->address ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Phone:</th>
                            <td>{{ $branch->phone ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Email:</th>
                            <td>{{ $branch->email ?? 'N/A' }}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <table class="table table-borderless">
                        <tr>
                            <th width="150">Created By:</th>
                            <td>{{ $branch->creator->name ?? 'System' }}</td>
                        </tr>
                        <tr>
                            <th>Created At:</th>
                            <td>{{ $branch->created_at->format('M d, Y H:i:s') }}</td>
                        </tr>
                        <tr>
                            <th>Last Updated By:</th>
                            <td>{{ $branch->updater->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Last Updated:</th>
                            <td>{{ $branch->updated_at->format('M d, Y H:i:s') }}</td>
                        </tr>
                        @if($branch->is_deleted)
                            <tr>
                                <th>Deleted By:</th>
                                <td>{{ $branch->deleter->name ?? 'System' }}</td>
                            </tr>
                            <tr>
                                <th>Deleted At:</th>
                                <td>{{ $branch->deleted_at->format('M d, Y H:i:s') }}</td>
                            </tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection