@extends('layouts.app')

@section('title', 'একাউন্ট বিবরণ')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <div class="page-header">
                <h2 class="page-title">
                    <i class="fas fa-eye me-2"></i>একাউন্ট বিবরণ
                </h2>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">ড্যাশবোর্ড</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('accounting.index') }}">অ্যাকাউন্টিং</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('accounting.coa.index') }}">চার্ট অফ একাউন্টস</a></li>
                        <li class="breadcrumb-item active">একাউন্ট বিবরণ</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">একাউন্ট তথ্য</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">একাউন্ট কোড</label>
                            <div class="form-control bg-light">
                                <strong>{{ $account->code }}</strong>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label">একাউন্ট নাম</label>
                            <div class="form-control bg-light">
                                {{ $account->name }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label">একাউন্ট ধরণ</label>
                            <div class="form-control bg-light">
                                @php
                                    $typeColors = [
                                        'Asset' => 'primary',
                                        'Liability' => 'warning',
                                        'Equity' => 'success',
                                        'Revenue' => 'info',
                                        'Expense' => 'danger'
                                    ];
                                    $color = $typeColors[$account->type] ?? 'secondary';
                                @endphp
                                <span class="badge bg-{{ $color }}">
                                    {{ $account->type }}
                                </span>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label">বর্তমান ব্যালেন্স</label>
                            <div class="form-control bg-light text-end">
                                <strong>৳ {{ number_format($account->balance, 2) }}</strong>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label">অবস্থা</label>
                            <div class="form-control bg-light">
                                @if($account->status == 'Active')
                                    <span class="badge bg-success">সক্রিয়</span>
                                @else
                                    <span class="badge bg-secondary">নিষ্ক্রিয়</span>
                                @endif
                            </div>
                        </div>
                        
                        @if(isset($account->description) && $account->description)
                        <div class="col-12 mb-3">
                            <label class="form-label">বর্ণনা</label>
                            <div class="form-control bg-light" style="min-height: 100px;">
                                {{ $account->description }}
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('accounting.coa.edit', $account->id) }}" class="btn btn-warning">
                        <i class="fas fa-edit me-2"></i>সম্পাদনা
                    </a>
                    <a href="{{ route('accounting.coa.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>তালিকায় ফিরে যান
                    </a>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">দ্রুত অ্যাকশন</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('accounting.coa.edit', $account->id) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-2"></i>একাউন্ট সম্পাদনা
                        </a>
                        <a href="{{ route('accounting.coa.index') }}" class="btn btn-primary">
                            <i class="fas fa-list me-2"></i>সকল একাউন্ট দেখুন
                        </a>
                        <a href="{{ route('accounting.index') }}" class="btn btn-info">
                            <i class="fas fa-calculator me-2"></i>অ্যাকাউন্টিং ড্যাশবোর্ড
                        </a>
                    </div>
                </div>
            </div>
            
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">একাউন্ট তথ্য</h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mb-0">
                        <li class="mb-2">
                            <i class="fas fa-hashtag text-primary me-2"></i>
                            <strong>আইডি:</strong> {{ $account->id }}
                        </li>
                        <li class="mb-2">
                            <i class="fas fa-calendar text-success me-2"></i>
                            <strong>তৈরির তারিখ:</strong> 
                            @if(isset($account->created_at))
                                {{ $account->created_at->format('d/m/Y') }}
                            @else
                                N/A
                            @endif
                        </li>
                        <li class="mb-2">
                            <i class="fas fa-sync-alt text-warning me-2"></i>
                            <strong>সর্বশেষ আপডেট:</strong> 
                            @if(isset($account->updated_at))
                                {{ $account->updated_at->format('d/m/Y') }}
                            @else
                                N/A
                            @endif
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
